:root {
    /* UI Redesign */
    --primary-color: #5f27cd;
    --font-heading: "Recoleta";

    --color-link: #323CB9;
    --primary_colour: #212b36;
    --primary_colour: #222f3e;
    --accent_colour: #ff1b45;
    --content-width: 1170px;

    --thin-ui-primary: #323CB9;
    --thin-ui-secondary: #A3A9F5;
    --thin-ui-neutral: #E4E9EF;

    --thin-ui-action: #4FAE33;
    --thin-ui-warning: #FF7F00;

    --y: #e19f28;
    --colour-purple: #45156D;
}


/**
@font-face {
    font-display: swap;
    font-family: Recoleta;
    font-weight: 300;
    src: url("https://cdn.designbricks.ie/fonts/Recoleta/300.woff2") format("woff2");
}
/**/
@font-face {
    font-family: "Recoleta";
    font-weight: 400;
    src: url("fonts/recoleta/400.woff2") format("woff2");
    font-display: swap;
}
/**
@font-face {
    font-display: swap;
    font-family: Recoleta;
    font-weight: 500;
    src: url("fonts/recoleta/500.woff2") format("woff2");
}
/**/
@font-face {
    font-family: Recoleta;
    font-weight: 600;
    src: url("fonts/recoleta/600.woff2") format("woff2");
    font-display: swap;
}
/**
@font-face {
    font-family: "Recoleta";
    font-weight: 700;
    src: url("fonts/recoleta/700.woff2") format("woff2");
    font-display: swap;
}
/**/


@font-face{
    font-family: BentonSans;
    font-weight: 300;
    src: url(fonts/bentonsans/bentonsans-book.woff2) format("woff2");
    font-display: swap;
}
@font-face{
    font-family: BentonSans;
    font-weight: 400;
    src: url(fonts/bentonsans/bentonsans-regular.woff2) format("woff2");
    font-display: swap;
}
@font-face{
    font-family: BentonSans;
    font-weight: 700;
    src: url(fonts/bentonsans/bentonsans-medium.woff2) format("woff2");
    font-display: swap;
}




nav.whiskey-nav svg{
    color: var(--primary-color);
}





/**
 * Thin UI CSS Framework
 *
 * @version 2.0.0
 */
.thin-ui-grid {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
}

.thin-ui-grid-start {
    justify-content: flex-start;
}
.thin-ui-grid-center {
    justify-content: center;
}
.thin-ui-grid-end {
    justify-content: flex-end;
}
.thin-ui-grid-around {
    justify-content: space-around;
}
.thin-ui-grid-between {
    justify-content: space-between;
}
.thin-ui-grid-push {
    margin-bottom: 16px;
}

.thin-ui-col {
    box-sizing: border-box;
    flex: 0 0 auto;
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
    min-width: 0;
    padding: 0;
}
.thin-ui-col-align-top {
    align-self: flex-start;
}
.thin-ui-col-align-bottom {
    align-self: flex-end;
}
.thin-ui-col-align-middle {
    align-self: center;
}
.thin-ui-col-top {
    justify-content: flex-start;
    flex-direction: column;
    display: flex;
}
.thin-ui-col-bottom {
    justify-content: flex-end;
    flex-direction: column;
    display: flex;
}
.thin-ui-col-middle {
    justify-content: center;
    flex-direction: column;
    display: flex;
}

.thin-ui-col-first {
    order: -1;
}
.thin-ui-col-last {
    order: 1;
}
.thin-ui-col-fixed {
    flex: initial;
}

.thin-ui-col-grow-2 {
    flex-grow: 2;
}
.thin-ui-col-grow-3 {
    flex-grow: 3;
}
.thin-ui-col-grow-4 {
    flex-grow: 4;
}
.thin-ui-col-grow-5 {
    flex-grow: 5;
}
.thin-ui-col-grow-6 {
    flex-grow: 6;
}
.thin-ui-col-grow-7 {
    flex-grow: 7;
}
.thin-ui-col-grow-8 {
    flex-grow: 8;
}
.thin-ui-col-grow-9 {
    flex-grow: 9;
}
.thin-ui-col-grow-10 {
    flex-grow: 10;
}
.thin-ui-col-grow-11 {
    flex-grow: 11;
}
.thin-ui-col-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
}
.thin-ui-col-2 {
    flex-basis: 16.66667%;
    max-width: 16.66667%;
}
.thin-ui-col-3 {
    flex-basis: 25%;
    max-width: 25%;
}
.thin-ui-col-4 {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
}
.thin-ui-col-5 {
    flex-basis: 41.66667%;
    max-width: 41.66667%;
}
.thin-ui-col-6 {
    flex-basis: 50%;
    max-width: 50%;
}
.thin-ui-col-7 {
    flex-basis: 58.33333%;
    max-width: 58.33333%;
}
.thin-ui-col-8 {
    flex-basis: 66.66667%;
    max-width: 66.66667%;
}
.thin-ui-col-9 {
    flex-basis: 75%;
    max-width: 75%;
}
.thin-ui-col-10 {
    flex-basis: 83.33333%;
    max-width: 83.33333%;
}
.thin-ui-col-11 {
    flex-basis: 91.66667%;
    max-width: 91.66667%;
}
.thin-ui-col-12 {
    flex-basis: 100%;
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .thin-ui-col-1,
    .thin-ui-col-2,
    .thin-ui-col-3,
    .thin-ui-col-4,
    .thin-ui-col-5,
    .thin-ui-col-6,
    .thin-ui-col-7,
    .thin-ui-col-8,
    .thin-ui-col-9,
    .thin-ui-col-10,
    .thin-ui-col-11,
    .thin-ui-col-12 {
        flex-basis: 100%;
        max-width: 100%;
    }
}




.thin-ui-svg {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -.125em;
}



/**
 * Form elements reset
 */
.thin-ui-form input[type="text"],
.thin-ui-form input[type="url"],
.thin-ui-form input[type="email"],
.thin-ui-form input[type="tel"],
.thin-ui-form input[type="search"],
.thin-ui-form input[type="number"],
.thin-ui-form input[type="file"],
.thin-ui-form input[type="password"],
.thin-ui-form input[type="submit"],
.thin-ui-form input[type="button"],
.thin-ui-form input[type="reset"],
.thin-ui-form input[type="date"],
.thin-ui-form input[type="month"],
.thin-ui-form input[type="week"],
.thin-ui-form input[type="time"],
.thin-ui-form input[type="datetime"],
.thin-ui-form input[type="datetime-local"],
.thin-ui-form input[type="color"],
.thin-ui-form button,
.thin-ui-form select,
.thin-ui-form textarea,
.thin-ui-color-well {
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    padding: 10px 12px;
    margin: 2px;
    color: #000000;
    border: 1px solid var(--thin-ui-neutral);
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline-color: var(--thin-ui-secondary);
    transition: 100ms all ease-in-out;
}

.thin-ui-form input[type="submit"],
.thin-ui-form input[type="button"],
.thin-ui-form input[type="reset"],
.thin-ui-form input[type="file"],
.thin-ui-form button {
    color: #000000;
    background-color: var(--thin-ui-neutral);
    border: 0 none;
    cursor: pointer;
}

.thin-ui-form input::placeholder,
.thin-ui-form textarea::placeholder {
    color: var(--thin-ui-neutral);
}

.thin-ui-form input:hover,
.thin-ui-form button:hover,
.thin-ui-form select:hover,
.thin-ui-form textarea:hover {
    border-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.075);
}



/*
 * Buttons
 *
 * Button types: Primary, secondary, neutral
 * Button sizes: Hero, large, regular, small
 * Button roles: File download, (external) link, (internal) action
 */
.thin-ui-button {
    font-family: inherit;
    font-weight: 400;
    display: inline-block;
    width: fit-content;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    border: 0 none;
    border-radius: 2px;
}
.thin-ui-button:hover {
    box-shadow: inset 0 99px 0 rgba(0, 0, 0, 0.05);
    text-decoration: none;
}
.thin-ui-button-primary {
    color: #ffffff;
    background-color: var(--thin-ui-primary);
}
.thin-ui-button-secondary {
    color: #000000;
    background-color: var(--thin-ui-secondary);
}
.thin-ui-button-neutral {
    color: #000000;
    background-color: var(--thin-ui-neutral);
}
.thin-ui-button-action {
    color: #ffffff;
    background-color: var(--thin-ui-action);
}
.thin-ui-button-mini {
    padding: 4px 12px;
    font-size: 12px;
}
.thin-ui-button-small {
    padding: 6px 18px;
    font-size: 13px;
}
.thin-ui-button-regular {
    padding: 8px 24px;
    font-size: 14px;
}
.thin-ui-button-large {
    padding: 12px 32px;
    font-size: 16px;
}
.thin-ui-button-giant {
    padding: 16px 36px;
    font-size: 20px;
}
.thin-ui-button-hero {
    padding: 16px 48px;
    font-size: 18px;
    border-radius: 38px;
}

.thin-ui-button-rounded {
    border-radius: 64px;
}



.thin-ui-warning {
    color: var(--thin-ui-warning);
}



/**
 * Thin UI Checkblock
 * Thin UI Group Switch
 */
.thin-ui-checkblock,
.thin-ui-group-switch input {
    display: none;
}
.thin-ui-group-switch {
    white-space: nowrap;
    background-color: var(--thin-ui-neutral);
    display: inline-flex;
    border-radius: 2px;
    padding: 4px;
}
.thin-ui-checkblock + label,
.thin-ui-group-switch label {
    display: inline-block;
    padding: 8px 12px;
    background-color: var(--thin-ui-neutral);
    border-radius: 2px;
    color: #000000;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    user-select: none;
}
.thin-ui-checkblock + label:hover,
.thin-ui-group-switch label:hover {
    cursor: pointer;
    background-color: var(--thin-ui-secondary);
}
.thin-ui-checkblock:checked + label,
.thin-ui-group-switch input:checked + label {
    background-color: var(--thin-ui-primary);
    color: #ffffff;
}



/**
 * Thin UI Switch
 */
.thin-ui-switch-container {
    display: block;
    position: relative;
}
.thin-ui-switch-container .thin-ui-switch {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 14px;
    cursor: pointer;
    user-select: none;
}
.thin-ui-switch-container .thin-ui-switch input[type="checkbox"] {
    display: none;
}
.thin-ui-switch-container .thin-ui-switch .thin-ui-switch-track {
    background-color: var(--thin-ui-secondary);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 7px;
    transition: background-color 0.1s ease;
}
.thin-ui-switch .thin-ui-switch-button {
    background: #ffffff;
    position: absolute;
    top: 2px;
    right: 12px;
    bottom: 2px;
    left: 2px;
    border-radius: 100%;
    transition: left 0.1s ease-in-out, right 0.1s ease-in-out;
}
.thin-ui-switch input[type="checkbox"]:checked ~ .thin-ui-switch-track {
    background-color: var(--thin-ui-primary);
}
.thin-ui-switch input[type="checkbox"]:checked ~ .thin-ui-switch-button {
    right: 2px;
    left: 12px;
}




.col--inner {
    background-color: #ffffff;
    margin: 4px;
    padding: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025),
                0 2px 4px rgba(0, 0, 0, 0.025),
                0 4px 8px rgba(0, 0, 0, 0.025),
                0 8px 16px rgba(0, 0, 0, 0.025);
}
.col--inner-blank {
    box-shadow: none;
}
.col--inner-highlight {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
                0 2px 4px rgba(0, 0, 0, 0.05),
                0 4px 8px rgba(0, 0, 0, 0.05),
                0 8px 16px rgba(0, 0, 0, 0.05),
                0 16px 32px rgba(0, 0, 0, 0.05),
                0 32px 64px rgba(0, 0, 0, 0.05);
}
.col--inner-title {
    margin-top: 0;
    padding-top: 0;
}





/**
 * Thin UI Pills
 */
.thin-ui-pills {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    margin: 8px 0;
    padding: 0;
}
.thin-ui-pill {
    white-space: nowrap;
    display: flex;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 2px;
    line-height: 1.2;
    max-width: 100%;
    margin: 0px 10px 10px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(189, 180, 199);
    border-image: initial;
    border-radius: 2px;
}
.thin-ui-pill-name {
    font-weight: 400;
    min-width: 0px;
    white-space: nowrap;
    padding: 4px 8px;
}
.thin-ui-pill-value {
    min-width: 0px;
    white-space: nowrap;
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    max-width: 100%;
    padding: 4px 8px;
    background: rgb(251, 251, 252);
    border-left: 1px solid rgb(189, 180, 199);
    border-radius: 0 2px 2px 0;
}
.thin-ui-pill-value > a {
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
}



.thin-ui-badge {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 1;
    background-color: var(--thin-ui-warning);
    color: #ffffff;
    padding: 4px;
    border-radius: 2px;
}



.thin-ui-notification-bar {
    position: fixed;
    z-index: 999;
    padding: 16px 8px;
    background-color: rgb(121, 198, 152);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    transition: all 0.5s ease-out;
    transform: translateY(-72px);
}



/**
 * Thin UI Popovers
 */
label.thin-ui-popover {
    position: relative;
}
label.thin-ui-popover button[name="popover"] {
    font-family: inherit;
    font-size: inherit;
    background: none;
    border: 0 none;
    display: inline;
    outline: none;
    color: inherit;
    padding: unset;
    cursor: pointer;
}

label.thin-ui-popover .thin-ui-popover-body {
    display: none;

    font-size: 13px;
    border-radius: 2px;
    padding: 16px 36px 16px 16px;
    background-color: #ffffff;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);

    position: absolute;
    z-index: 128;
    top: 32px;
    left: 0;
    min-width: 320px;
    max-width: 480px;
}

label.thin-ui-popover button:focus + .thin-ui-popover-body {
    display: block;
}



/**
 * Thin UI Spacers
 */
.thin-ui-spacer-v {
    margin: 24px 0;
}



/**
 * Thin UI Tabs
 */
.thin-ui-tabstrip {
    display: flex;
    flex-wrap: wrap;
}
.thin-ui-tabstrip label {
	order: 1;
	display: block;
	margin-right: 2px;

    background-color: var(--thin-ui-neutral);
    color: #000000;

    cursor: pointer;
    white-space: nowrap;
    color: #000000;
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 2px 2px 0 0;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15);
    transition: background-color 0.05s ease-out;
}
.thin-ui-tabstrip label:hover {
    background-color: var(--thin-ui-secondary);
    color: #ffffff;
}

.thin-ui-tabstrip .thin-ui-tab {
    order: 99;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1em;

    border-radius: 0 0 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025), 0 2px 4px rgba(0, 0, 0, 0.025), 0 4px 8px rgba(0, 0, 0, 0.025), 0 8px 16px rgba(0, 0, 0, 0.025);
}
.thin-ui-tabstrip input[type="radio"] {
	display: none;
}
.thin-ui-tabstrip input[type="radio"]:checked + label {
    background-color: var(--thin-ui-primary);
    color: #ffffff;
}
.thin-ui-tabstrip input[type="radio"]:checked + label + .thin-ui-tab {
	display: block;
}

@media (max-width: 768px) {
    .thin-ui-tabstrip .thin-ui-tab,
    .thin-ui-tabstrip label {
        order: initial;
    }
    .thin-ui-tabstrip label {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }
}



/**
 * Font Awesome
 */
.svg-inline--fa{font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-transform-origin:center center;transform-origin:center center}.fa-layers{height:1em;position:relative;vertical-align:-.125em;width:1em}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.binary-switch-container *,.thin-ui-button{box-sizing:border-box}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    background-color: #f4f7f6;
    color: var(--primary_colour);
    margin: 0;
    padding: 0;
    font-family: "BentonSans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;

    line-height: 1.6;
    letter-spacing: 0;
    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: discretionary-ligatures;
}



/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 600;

    margin: 0;
    padding: 0;
}

h3 {
    font-size: 18px;
}






h4 {
    color: var(--color-link);
}
.entry h4 {
    color: #000000;
    font-size: 20px;
}

h1 a {
    text-decoration: none;
}
h1 a:hover {
    color: var(--color-link);
    text-decoration: none;
}

 


ul {
    list-style: initial;
    padding: 0 0 16px 32px;
}
.sidebox ul,
ul.support-cards {
    list-style: none;
    padding: 0;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: 400;
}
pre {
    background-color: #f6f8fa;
    border-radius: 2px;
    padding: 16px;
    margin: 24px 0;
}

pre::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
pre::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
pre::-webkit-scrollbar-thumb {
  background-color: var(--color-link);
  border: 0 none #ffffff;
  border-radius: 50px;
}
pre::-webkit-scrollbar-thumb:hover,
pre::-webkit-scrollbar-thumb:active {
  background-color: var(--color-link);
}
pre::-webkit-scrollbar-track {
  background-color: #ffffff;
  border: 0 none #ffffff;
  border-radius: 50px;
}
pre::-webkit-scrollbar-track:hover {
  background-color: #dddddd;
}
pre::-webkit-scrollbar-track:active {
  background-color: #dddddd;
}
pre::-webkit-scrollbar-corner {
  background: transparent;
}

code {
    /**
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    /**/
    font-family: ui-monospace, 
             Menlo, Monaco, 
             "Cascadia Code", 
             "Cascadia Mono", "Segoe UI Mono", 
             "Roboto Mono", 
             "Oxygen Mono", 
             "Ubuntu Monospace", 
             "Source Code Pro",
             "Fira Mono", 
             "Droid Sans Mono", 
             "Courier New", monospace;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    border-radius: 3px;
    padding: 1px 4px;
}
pre b, pre strong, code b, code strong { font-weight: 700; }
pre code {
    font-size: 14px;
    font-weight: 400;
    border: none;
    padding: 0;
    background: none;
    background-color: transparent;
    color: #c9d1d9;
}

.wp-block-code,
.changelog {
    max-height: 400px;
    overflow: auto;
    line-height: 1.5;

    background-color: #24364E;

    background: linear-gradient(90deg, #06090f 21px, transparent 1%) center, linear-gradient(#06090f 21px, transparent 1%) center, #2c3e50;
    background-size: 22px 22px;
}

.snippet {
    max-height: 500px;
    overflow: auto;
    line-height: 1.25;
}

sup {
    vertical-align: super;
    font-size: 60%;
}

strong, b { font-weight: 700; }
em { font-style: italic }
hr {
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    margin: 16px auto !important;
    width: 100% !important;
    clear: both !important;
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
    font-size: 1px !important;
    line-height: 0 !important;
    overflow: visible !important;
}
.right { float: right }
.left { float: left }
.hide { display: none }
.clear { clear: both }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: block; clear: both; }


/* ===[ Navigation ]=== */
a {
    color: var(--color-link);
    text-decoration: none;
}


/**
 * Multi-line text underline hover
 */
/*
a {
    text-decoration: none;
    background-image: linear-gradient(transparent calc(65% - 5px), rgba(15, 203, 128, 0.25) 5px);
    background-size: 0;
    background-repeat: no-repeat;
    transition: 0.5s ease;
}
a:hover {
    background-size: 100%;
}
/**/


.logo-main--svg {
    display: flex;

    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 32px;
    color: var(--primary_colour);
    line-height: 59px;
}
.logo-main--svg svg {
    height: 52px;
    margin-right: 12px;
}
.logo-main--svg span {
    font-weight: 600;
}





/**
@media only screen and (max-width: 480px) {
    body,
    h1, h2, h3, h4, h5, h6,
    .logo-main--svg,
    .heading--secondary {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    }
}
/**/







figure.gallery-item {
    display: inline-block;
}

/* ===[ Content ]=== */
#content {
    position: relative;
    width: 1056px;
    margin: 24px auto 10px auto;
}
#content p { padding-bottom: 16px }
/* ===[ Page ]=== */
#page {
    padding: 16px 16px;
}
#page-full {
    padding: 24px 0;
}
#page-full h4 {
    font-size: 24px;
    font-weight: 400;
    text-transform: lowercase;
    margin: 16px 0;
}



.whiskey-fullwidth {
    box-sizing: border-box;
    position: relative;
    width: 100vw;
    max-width: initial;
    left: 50%;
    right: 50%;
    margin: 0 -50vw;
}



.wrap {
    position: relative;
    max-width: var(--content-width);
    padding: 24px 24px;
    margin: 0 auto;
}



/* ===[ Lists & General Styles ]=== */
#page dl dt {
    margin-top: 15px;
    font-weight: 700;
}
#page dl dd { margin: 0 }
#page blockquote {
    margin: 20px 0;
    color: #666666;
    padding: 8px 24px;
}
#page blockquote cite {
    font-size: 14px;
}

.archive_page {
    margin-bottom: 20px;
    padding: 8px 8px 8px 0;
}

/* ===[ Post Meta ]=== */
#categories li, #categories ul, .tags li, .postmetadata { display: inline }
#page #categories, #page #categories ul {
    margin: 0;
    padding: 0;
}
#page #categories li {
    margin: 0;
    padding: 0;
}
#page ul.tags {
    padding: 0;
    margin: 0;
}
#page ul.tags li {
    background: none;
    padding: 0;
    margin: 0;
}



.postmetadata {
    font-size: 14px;
}


/* ===[ Caption Alignment & Roundups ]=== */
img.centered, .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright { display: inline }
img.alignleft { display: inline }
.alignright {
    float: right;
    margin: 0 0 25px 25px;
}
.alignleft {
    float: left;
    margin: 0 25px 25px 0;
}
.alignmiddle { vertical-align: middle }

.wp-block-image figcaption {
    text-align: center;
    font-size: 14px;
    opacity: 0.65;
}



/**
 * Gutenberg
 */
@media only screen and (min-width: 768px) {
    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
    }
    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
    }
    .alignwide img,
    .alignfull img {
        display: block;
        margin: 0 auto;
    }



    
}


/**
 * The class name is built appending 'has-', followed by the class name using kebab case and ending with the context name
 */
.has-signature-burgundy-color {
    color: var(--color-link);
}



.wp-caption {
    max-width: 100%;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption-text {
    padding: 2px 0 4px 0;
    color: #666666;
    font-size: 12px;
	text-align: center;
}


.sidebox {
    font-size: 16px;
    padding: 8px;
}

/* PAGINATION
   ================================================== */
.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
}
.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 4px 12px;
    text-decoration: none;
    width: auto;
    color: #FFFFFF;
    background-color: #aaaaaa;
    white-space: nowrap;
}
.pagination a:hover {
    color: #FFFFFF;
    background-color: var(--color-link);
}
.pagination .current {
    background-color: var(--color-link);
    color: #FFFFFF;
}
/* ===[ WordPress ]=== */
.center { text-align: center }
.clear { clear: both }




.entry img {
    max-width: 100%;
    height: auto;
    border-radius: 2px;
}
.entry p {
    margin: 0 0 24px 0;
}

.category .entry p {
    word-break: break-word;
}

.support-cards li {
    background-color: rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 16px;
    margin: 2px;
}



/*
 * WordPress Microdata breadcrumbs
 */
#breadcrumbs {
    margin: 4px 0 16px 0;
    padding: 0;

    font-size: 14px;
}
.whiskey-category-description {
    font-size: 20px;
    font-size: 20px;
    font-weight: 300;
}
@media screen and (max-width: 480px) {
    .whiskey-category-description {
        width: 100%;
        font-size: 18px;
        padding: 16px;
    }
    .archive_page,
    .pagination {
        padding: 8px 16px;
    }
}

.whiskey-category-description p {
    line-height: 1.5;
}

/* take that, responsiveness!  */
@media screen and (max-width: 980px) {
    .entry img {
        max-width: 100%;
        height: auto;
    }
}



.box {
    width: 490px;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 16px;
    display: inline-block;
}
.box-title {
    border-bottom: 5px solid var(--color-link);
    font-weight: 400;
    margin: 0;
    padding: 0 0 4px 0;
}
.box-title h2 { margin: 0 }
.box-links { margin: 1px 0 16px 0 }
.box-links a {
    color: #FFFFFF;
    font-size: 18px;
    background-color: var(--color-link);
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    float: left;
    margin: 0 1px 1px 0;
}
.box-preview { clear: both }
.box-preview img {
    width: auto;
    height: auto;
}
.item-new a {
    color: #eac228 !important;
    font-weight: 700;
}

ul.tabs {
    padding: 0 !important;
    border-bottom: 0 !important;
}
.tabs a:hover { background: none !important }
.sidebox li .post-date {
    display: block;
    font-size: smaller;
}
.table {
    color: #FFFFFF;
    background-color: #263238;
    height: 340px;
    width: 100%;
    margin: 0 0 32px 0;
}
.table ul li {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0;
}
.top {
    background-color: #263238;
    height: 75px;
}
.top h5 {
    padding: 0;
    text-transform: uppercase;
    margin: 0;
}
.bottom { margin-top: 50px }
.bottom p {
    font-size: 14px;
    padding: 4px !important;
}


/* Alert Me plugin */
.am_error, .am_info, .am_success, .am_warning, .am_note {
    font-weight: 400;
    border-left: 2px solid;
    margin: 8px 0;
    padding: 12px 12px;
    border-radius: 2px;
}
.am_error p, .am_info p, .am_success p, .am_warning p, .am_note p {
    margin: 0;
}
.am_error p small, .am_info p small, .am_success p small, .am_warning p small, .am_note p small {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    margin: 8px 0 0 0;
    padding: 8px 0 0 0;
}
.am_info { color: var(--color-link); background-color: #BDE5F8; }

.am_success { color: #FFFFFF; background-color: #1abc9c; }

.am_warning { color: #E8345A; background-color: rgba(234, 194, 40, 0.25); }

.am_error { color: var(--color-link); background-color: rgba(231, 76, 60, 0.15); }

.am_note { color: #FAFAFA; background-color: #263238; }

.am_error a, .am_info a, .am_success a, .am_warning a, .am_note a {
    color: inherit;
    text-decoration: underline;
}
.am_error a:hover, .am_info a:hover, .am_success a:hover, .am_warning a:hover, .am_note a:hover {
    color: inherit;
    text-decoration: none;
}





.single-post h2 {
    font-size: 32px;
    padding: 10px 0;
}
.single-post h2 a:hover {
    color: #000000;
    text-decoration: none;
}



/* ---------- MARKETPLACE (ALPHA) ---------- */




body > header {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 16px 48px;
}

.container {
    max-width: var(--content-width);
    margin: 0 auto;
    padding: 0 16px;
}



.package-widget {
    margin: 0 0 24px 0;
}

.package-widget h3,
.package-widget h3 a {
    overflow: visible;
    vertical-align: top;
    margin: 0 0 6px 0;
    padding: 0;
    max-width: 100%;
    line-height: 1.5;
}
.package-widget a.name {
    text-decoration: none;
    color: rgba(0,0,0,0.8);
    display: block;
}
.package-widget p {
    font-size: 15px;
    margin: 0;
    max-width: 100%;
    color: rgba(0, 0, 0, 0.6);
    padding: 0;
}
.package-widget .quiet {
    font-size: 13px;
    color: rgba(0,0,0,0.6);
}









h1 {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    font-size: 32px;
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 24px;
        line-height: 1.45;
    }
}

h2 {
    margin: 0;
    padding: 20px 0 10px 0;
    font-size: 24px;
}
h2.ruled {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 32px;
    margin: 32px 0 24px 0;
}
h3 {
    margin: 0;
    padding: 24px 0 16px 0;
}
.center, .centered {
    text-align: center;
}



.sidebar {}
.sidebar ul,
.sidebar ul li {
    margin-left: 0;
    padding-left: 0;
}
#page .sidebar ul li,
.sidebar ul li {
    list-style: none;
    margin: 0 0 12px 0;
}

.wp-block-image {
    margin-left: 0;
    margin-right: 0;
}
.wp-block-image img {
    height: auto;
}




/* Reconsider // Remove */
.seo-notification {
    background-color: #ffffff;
    border-radius: 2px;
    padding: 16px 24px;
    margin: 72px 0;
}
.sidebar .seo-notification {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

.seo-notification.seo-notification--dark {
    position: relative;
    background-color: #1B1464;
    color: #ffffff;
    border-radius: 16px;
    margin: 24px 0;
}
.seo-notification.seo-notification--dark p {
    margin: 1em 0;
}
.seo-notification.seo-notification--dark strong,
.seo-notification.seo-notification--dark b {
    font-weight: 600;
}

.seo-notification.seo-notification--dark .flag {
    font-size: .64rem;
    text-transform: uppercase;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #C4E538;
    color: #183153;
    position: absolute;
    line-height: 0;
    letter-spacing: .1em;
    font-weight: bold;
    left: 24px;
    top: -0.75rem;
    border-radius: 10px
}
.seo-notification.seo-notification--dark .flag span {
    padding-top: .25rem;
    padding-bottom: .25rem;
    display: block;
}


.seo-notification.seo-notification--dark.seo-notification--email h4 {
    text-align: center;
    color: #ffffff;
}
.seo-notification.seo-notification--dark.seo-notification--email #wp-block-jetpack-mailchimp_consent-text {
    font-size: 13px;
}
.seo-notification.seo-notification--dark.seo-notification--email input[type="email"] {
    font-family: inherit;
    font-size: inherit;
    padding: 8px 12px;
    border: 0 none;
    border-radius: 4px;
    background-color: #ffffff;
}
.seo-notification.seo-notification--dark.seo-notification--email button {
    font-family: inherit;
    font-size: inherit;
    padding: 8px 24px;
    border: 0 none;
    border-radius: 4px;
}
.seo-notification.seo-notification--dark.seo-notification--email .wp-block-jetpack-mailchimp {
    text-align: center;
}



@media only screen and (max-width: 767px) {
    .sidebar {
        padding-top: 0;
    }
    .col--content {
        flex-basis: 100%;
        max-width: 100%;
    }
    .col-fixed--sidebar.thin-ui-col-fixed {
        width: 100% !important;
        margin: 0 0 0 0 !important;
    }
}



nav sup {
    background-color: var(--color-link);
    color: #ffffff;
    padding: 0 5px;
    height: 15px;
    margin: 0 0 0 2px;
    font-size: 10px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: super;
}
nav sup.alpha {
    background-color: rgba(30, 136, 229, 0.5);
}







/* ===[ Small screens ]=== */
@media all and (max-width: 480px) {
    .homepage-blog p, .pipes, .homepage-blog h4 small { display: none; }

    #page-full { padding: 20px 8px; }
    .homepage-blog h4 { font-size: 16pt; margin: 4px 0 0 0; }

    .package-widget,
    .package-widget p {
        padding: 0 0 0 0 !important;
    }

    .version {
        vertical-align: initial;
        float: none;
        padding: 0 0 0 0;
        margin: 0 0 16px 0;
    }
}





.light-container {
    font-weight: 300;
}
.light-container b,
.light-container strong {
    font-weight: 700;
}

.is-small .wp-block-button__link {
    font-size: 14px;
    font-weight: 400;
}



.highlight-container,
li.highlight-container,
.content-wrapper--links.content-wrapper--links--no-counter li.highlight-container {
    background-color: #fcfcfc;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 12px;
}

.highlight-container h2 {
    padding-top: 0;
}






.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image h2, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover h2 {
    max-width: initial;
}





table {
    width: 100%;
    margin: 24px 0;
    background-color: rgba(237, 244, 244, 0.5);
    border: solid 1px rgba(237, 244, 244, 0.75);
    border-left: 3px solid rgba(237, 244, 244, 0.75);
    border-radius: 3px;
}
table th,
table td {
    padding: 8px;
}
table th {
    font-weight: 700;
}



.page #page_wrap_full,
.single #page_wrap_full {
    margin: 0 auto;
}


.fx-toc {
    margin: 0 0 48px 0;
    padding: 16px;
    border: 1px solid rgba(231, 76, 60, 0.5);
    background-color: rgba(231, 76, 60, 0.05);
    font-size: 90%;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}
.fx-toc-list li {
    list-style-type: lower-roman !important;
}
h2.fx-toc-title {
    font-size: 24px;
}
.toc-even {
    padding: 0 0 0 32px;
    font-size: 90%;
}





.singular-meta ul.post-categories {
    margin: 0;
    padding: 0;
}
.singular-meta ul.post-categories li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

@media (max-width: 768px) {
    header.wrap {
        padding: 0;
    }
}





@media (max-width: 720px) {
    body > header {
        padding: 0 0;
    }
}




/**
 * Footer
 */
#footer_wrap {
    margin: 48px 0 0 0;
    padding: 48px 0 16px 0;
    background-color: rgba(0, 0, 0, 0.05);
}
#footer {
    color: var(--primary_colour);
    font-size: 14px;
}
#footer p { margin: 0 0 16px 0; }
#footer .dark a {
    display: inline-block;
    padding: 0 4px 0 0;
    color: var(--primary_colour);
    font-weight: 700;
}



/* ===[ 480px is the maximum screen size of smartphones that exist in the market. ]=== */
@media only screen and (max-width: var(--content-width)) {
    #header, #footer, #content, #page_wrap_full { width: 100%; }
    #services, #sidebar { display: none; }
    #header_wrap, #content_wrap { margin: 0 16px; }
}

@media only screen and (max-width: 480px) {
    html { margin: 0 !important }
    #content_wrap, #content { margin: 0; }
    #footer { padding: 0 32px; }

    .wp-block-buttons .wp-block-button,
    .hero .wp-block-button__link {
        display: block;
    }
}







/**
 * Demo styles
 */
.drag-container {
    box-sizing: border-box;
    border: 1px solid #cccccc;
    border-radius: 2px;
    width: 400px;
    padding: 8px;
    margin: 0 auto;
}
.drag-box {
    box-sizing: border-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    padding: 4px 8px;
    margin: 4px;
    cursor: pointer;
    background-color: #FAFAFA;
}
.drag-box:hover {
    background-color: #ffff99;
}

.drag-helper {
    box-sizing: border-box;
    position: absolute;
    display: none;
    top: auto;
    left: auto;
}
.drag-box-dragging .drag-box {
    background-color: #ff99cc;
    opacity: 0.5;
    transform: scale(1.5);
}









.element-privacy {
    position: fixed;
    bottom: -1px;
    right: 48px;
}
.element-privacy a {
    display: inline-block;
    text-decoration: none;
    color: #000000;
    padding: 6px 14px;
    background-color: #cccccc;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    border-radius: 2px 2px 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    font-size: 14px;
}





.entry p.schema-how-to-total-time {
    font-size: 12px;
    margin: 0 0 0 0;
}
.entry p.schema-how-to-step-text {
    font-size: 14px;
}








.whiskey-nav {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto;
    padding: 8px 24px;
    width: 100%;
    background-color: #fafafa;
}
.whiskey-nav .whiskey-label {
    margin-left: auto;
}
.whiskey-nav #whiskey-tap,
.whiskey-nav .whiskey-toggle {
    display: none;
}
.whiskey-nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    list-style-type: none;
}
.whiskey-nav ul li {
    position: relative;
    padding: 16px 0;
}
.whiskey-nav ul li a {
    text-decoration: none;
    align-self: center;
    font-size: 14px;
    font-weight: 400;
    color: #323839;
    padding: 0 12px;
}
.whiskey-nav ul li a:hover,
.whiskey-nav ul li a.active {
    color: var(--primary-color);
    text-decoration: none;
}

/* Submenu */
.whiskey-nav li ul {
    background-color: #ffffff;
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    align-items: flex-start;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    width: 320px;
}
.whiskey-nav li:hover > ul {
    display: block;
}
.whiskey-nav li ul li {
    padding: 0;
}
.whiskey-nav li ul li a {
    font-size: 15px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    padding: 8px 48px 8px 12px;
}
.whiskey-nav li ul li a small {
    opacity: 0.75;
    font-weight: 400;
}

.whiskey-nav li.whiskey-nav--more {
    font-size: 12px;
    text-transform: uppercase;
    opacity: 0.5;
    padding: 10px 48px 10px 12px;
}
.whiskey-nav--notification {
    position: relative;
}
.whiskey-nav--notification:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    top: 0;
    right: 4px;
    background-color: var(--primary-color);
    border-radius: 100%;
}



@media screen and (max-width: 768px) {
    .whiskey-nav {
        flex-direction: column;
    }
    .whiskey-nav .whiskey-label {
        width: 100%;
    }
    .whiskey-nav .whiskey-toggle {
        display: block;
        text-align: center;
        line-height: 1;
        cursor: pointer;
        width: 100%;
        font-size: 24px;
        padding: 8px 0;
        color: #595959;
        background: #dbdbdb;
        border-radius: 0 0 5px 5px;
    }
    .whiskey-nav .whiskey-toggle:hover {
        background: #cecece;
    }
    .whiskey-nav #whiskey-tap:checked + .whiskey-label ul li {
        opacity: 1;
        visibility: visible;
    }
    .whiskey-nav #whiskey-tap:checked + .whiskey-label ul {
        height: auto;
        height: fit-content;
    }
    .whiskey-nav ul {
        border-radius: 0px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        height: 0;
    }
  .whiskey-nav ul li {
    display: flex;
      width: 100%;
    opacity: 0;
    visibility: hidden;
      padding: 0;
  }
  .whiskey-nav ul li a {
    width: 95%;
    align-content: center;
      font-size: 16px;
    padding: 8px 12px;
  }

    /* Submenu */
    .mobile-hide {
        display: none;
    }
    .whiskey-nav li ul {
        display: flex;
        position: relative;
        width: 100%;
    }
}





#page .rcp_form ul li {
    list-style: none;
}
.rcp_form .rcp_subscription_level_name {
    font-size: 20px;
}
.rcp_form .rcp_subscription_level {
    display: flex;
    padding: 16px;
}
.rcp_form .rcp_subscription_level:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.05), 0 16px 32px rgba(0, 0, 0, 0.05), 0 32px 64px rgba(0, 0, 0, 0.05);
}
.rcp_form .rcp_subscription_level .rcp_level {
    float: none;
    margin: 0 16px;
    align-self: center;
}

.rcp-table td[data-th="Actions"] br,
.rcp-table a.rcp_sub_details_update_card {
    display: none;
}

.rcp-table a.rcp_sub_details_renew {
    padding: 8px 24px;
    font-size: 14px;
    color: #ffffff;
    background-color: var(--thin-ui-action);
    font-weight: 400;
    display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
}




.sf-shadow-dreamy {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
                0 2px 4px rgba(0, 0, 0, 0.05),
                0 4px 8px rgba(0, 0, 0, 0.05),
                0 8px 16px rgba(0, 0, 0, 0.05),
                0 16px 32px rgba(0, 0, 0, 0.05),
                0 32px 64px rgba(0, 0, 0, 0.05);
}



/**
 * Restrict Content Pro
 * @type CSS
 */
.rcp-table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    width: 100%;
}
.rcp-table, .rcp-table th, .rcp-table td {
    border: 1px solid #d1d1d1;
}
.rcp-table th, .rcp-table td {
    padding: 5px;
}

#rcp_login_form input[type="text"],
#rcp_login_form input[type="password"],
#rcp_registration_form input[type="text"],
#rcp_registration_form input[type="password"] {
    color: #000000;
	background-color: #ffffff;
	width: 100%;
	padding: 12px;
    border: 1px solid #CCCCCC;
	border-radius: 2px;
	font-family: inherit;
	font-size: inherit;
}

#rcp_login_form input[type=text]:focus,
#rcp_login_form input[type=password]:focus,
#rcp_registration_form input[type=text]:focus,
#rcp_registration_form input[type=password] {
	background-color: #FFFFFF;
}

/* Remove username and passowrd (again) */
p#rcp_user_login_wrap, p#rcp_password_again_wrap {
    display: none;
}





/**
 * Onboarding or tour
 * https://codepen.io/enahom99/pen/EEgPQP
 * https://codepen.io/sdthornton/pen/JRqQWb
 * https://booking.design/what-we-learned-onboarding-2-million-hosts-on-booking-com-99412c03fa3a
 *
 * Homepage brand
 * https://codepen.io/fossheim/pen/wvBYEgY?editors=1100
 * @type {[type]}
 */






/**
 * Block editor override
 */
.wp-block-button__link {
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
}
.wp-block-button__link:hover {
    text-decoration: none;
}
.wp-block-button__link code {
    font-size: inherit;
    font-weight: inherit;
    background: rgba(0, 0, 0, 0.15);
}


/**
 * EOF: 2684
 * https://cssstats.com/stats/?url=https%3A%2F%2Fgetbutterfly.com
 *
 * 1. Remove all Flex CSS in favour of Thin UI
 * 2. Delete blog.php
 * 3. Refactor the blog section of index.php
 * 4. Remove `box-sizing: border-box` in favour of Thin UI
 */

.sg-grid .thin-ui-col {
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, sans-serif;
    font-weight: 300;
    font-size: 14px;
    background-color: #34495e;
    color: #ffffff;
    padding: 12px;
    box-shadow: inset 0 0 0 1px white;
}



/**
 * Blog Cards
 */
.thin-ui--blog-item {
    padding: 24px;
}
.thin-ui--blog-item > .wp-block-column img {
    border-radius: 16px;
}
.thin-ui--blog-item > .wp-block-column small {
    font-size: 12px;
    color: #546E7A;
}
.thin-ui--blog-item > .wp-block-column h3,
.thin-ui--blog-item > .wp-block-column h3 a {
    line-height: 1.5;
    padding: 8px 0;
}
.thin-ui--blog-item > .wp-block-column ul.post-categories {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.highlight-container ul.post-categories li,
.thin-ui--blog-item > .wp-block-column ul.post-categories li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}
.highlight-container ul.post-categories li a,
.thin-ui--blog-item > .wp-block-column ul.post-categories li a {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    background-color: var(--primary-color);
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1;
    border-radius: 16px;
}



.profile-badges {
    margin: 0 0 0 2px;
    white-space: nowrap;
}
.badge {
    font-size: 76%;
    text-transform: uppercase;
    padding: 3px 4px;
    color: #000000;
    border-radius: 0 3px 3px 3px;
    position: relative;
    white-space: nowrap;
    display: inline-block;
    line-height: 1;
}
.badge-new {
    background: #fcd000;
}



/**
 * Saturn Themes
 */
h1.theme-name-version {
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
}
h1.theme-name-version small {
    font-family: ui-monospace, 
             Menlo, Monaco, 
             "Cascadia Code", 
             "Cascadia Mono", "Segoe UI Mono", 
             "Roboto Mono", 
             "Oxygen Mono", 
             "Ubuntu Monospace", 
             "Source Code Pro",
             "Fira Mono", 
             "Droid Sans Mono", 
             "Courier New", monospace;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: -0.02em;
}



/**
 * Highlight
 */
.saturn-highlight {
    background: url("../img/text-highlight.png") no-repeat center center/contain;
    filter: hue-rotate(60deg);
    font-weight: 700;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    font-family: inherit;
    font-size: 15px;
    padding: 6px 8px;
}

.woocommerce div.product form.cart .button {
    font-family: inherit;
}

.wc-block-grid__product-price {
    color: rebeccapurple;
    font-weight: 700;
    font-size: 20px;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    background-color: var(--color-link);
}



/**
 * Search Feature
 */
.wp-block-search input,
.wp-block-search button {
    font-family: inherit;
    font-size: inherit;
}

.is-page-search .post,
.is-page-search .page,
.is-page-search .lesson,
.is-page-search .product {
    padding: 24px 0;
}
.is-page-search#page-full h4 {
    text-transform: none;
    margin-top: 0;
}
.is-page-search#page-full h4 a {
    color: #282d3b;
}
.is-page-search .postmetadata {
    font-size: 14px;
    color: #95a5a6;
}
.is-page-search .postpermalink {
    font-size: 14px;
    color: #2980b9;
}
.is-page-search .pagination .current,
.is-page-search .pagination a:hover {
    background-color: #2980b9;
    color: #FFFFFF;
}



.char {
    color: var(--primary-color);
}




/**
 * WordPres Plugins Product Box
 */
.wp-block-columns--products .wp-block-column {
    background-color: #fcfcfc;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 12px;
}
.wp-block-columns--products figure.wp-block-image {
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block-columns--products figure.wp-block-image img {
    border-radius: 5px;
}
.wp-block-columns--products h3 {
    padding-top: 0;
    padding-bottom: 0;
}
.wp-block-columns--products .has-small-font-size {
    margin-bottom: 0;
    font-weight: 300;
}
.wp-block-columns--products .product--status {
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6eaea;
}
.wp-block-columns--products .product--price {
    font-weight: 700;
}


/**
 * Features
 *
 */

/**
 * Featured articles on homepage
 */
.content-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    counter-reset: Serial;
}
.content-wrapper--title {
    color: var(--primary-color);
    position: relative;
}
.content-wrapper--title:after {
    padding: 0 0 0 8px;
    content: '⟶';
    transition: padding 0.25s ease-out;
}
.content-wrapper--title:hover:after {
    padding: 0 0 0 16px;
}
.content-wrapper--links {
    padding-left: 0;
    list-style: none;
}

#page .sidebar ul.content-wrapper--links li,
.sidebar ul.content-wrapper--links li,
.content-wrapper--links li {
    position: relative;
    padding: 0 0 24px 64px;
}
.content-wrapper--links.content-wrapper--links--no-counter li {
    position: relative;
    padding: 0 0 24px 0;
}
.content-wrapper--links li:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #aaaaaa;
    counter-increment: Serial;
    content: counter(Serial, decimal-leading-zero);
    font-size: 32px;
    line-height: 1.25;
}
.content-wrapper--links.content-wrapper--links--no-counter li:before {
    content: "";
    display: none;
}
.content-wrapper--links li h3 {
    padding: 0;
}
.content-wrapper--links li a {
    line-height: 1.25;
    color: #0a3d62;
    text-decoration: none;
}
.content-wrapper--links li p {
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 0;
    color: #6d6d6d;
}


.highlight-container ul.post-categories,
.content-wrapper--grid.thin-ui--blog-item > .thin-ui-col ul.post-categories {
    display: inline-block;
    padding-left: 0;
}

.profile-badges .badge {
    display: initial;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    line-height: 1;
    border-radius: 16px;
    color: #000000;
}

@media only screen and (max-width: 480px) {
    .content-wrapper--grid .thin-ui-col-fixed {
        display: none;
    }
}



.bypostauthor {
    background-color: #eeeeee;
}

/* ## Comments
--------------------------------------------- */
.comment-respond,
.entry-pings,
.entry-comments {
    color: #444;
    padding: 24px 48px 48px 48px;
    background: #fff;
    border-left: 4px solid #444;
}
.entry-comments h3 {
    margin-bottom: 30px;
}
.comment-respond h3,
.entry-pings h3 {
    margin-bottom: 30px;
}
.comment-respond {
    padding-bottom: 5%;
    margin: 24px 0;
    border-radius: 3px;
    
    background-image: url('https://getbutterfly.com/wp-content/themes/wp-whiskey-air/images/comment.svg');
    background-position: right bottom;
    background-repeat: no-repeat;
}

.comment-respond input[type="submit"],
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"],
.comment-respond textarea {
    font-family: inherit;
    font-size: inherit;
    padding: 8px;
}
.comment-respond textarea {
    width: 100%;
}
.comment-respond input[type="submit"] {
    border-radius: 3px;
    background: linear-gradient(180deg, rgb(101 1 229) 0%, rgb(131 51 234) 100%);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
    color: #fff;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    transition: background 0.25s ease-in-out;
}
.comment-respond input[type="submit"]:hover {
    background: linear-gradient(0deg, rgb(101 1 229) 0%, rgb(131 51 234) 100%);
}

.comment-header {
    color: #adaeb3;
    font-size: 14px;
    margin-bottom: 20px;
}
.comment-header cite a {
    border: none;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
}
.comment-header .comment-meta a {
    border: none;
    color: #adaeb3;
}
li.comment {
    background-color: #fff;
    border-right: none;
}
.comment-content {
    clear: both;
    overflow: hidden;
}
.comment-content pre {
    background-color: #17191b;
    white-space: pre-wrap;
}

.commentlist {
    padding: 0;
    margin: 0;
    list-style: none;
}
.commentlist li {
    padding: 24px;
    list-style: none;
}
.commentlist .children {
    margin-top: 40px;
}
.commentlist li li {
    background-color: #f5f5f6;
}
.commentlist li li li {
    background-color: #fff;
}
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
    width: 50%;
}
.comment-respond label {
    display: block;
    margin-right: 12px;
}
.entry-comments .comment-author {
    margin-bottom: 0;
    position: relative;
}
.entry-comments .comment-author img {
    border-radius: 50%;
    border: 5px solid #fff;
    left: -80px;
    top: -5px;
    position: absolute;
    width: 60px;
}
.entry-pings .reply {
    display: none;
}
.bypostauthor {
}
.form-allowed-tags {
    background-color: #f5f5f5;
    font-size: 16px;
    padding: 24px;
}
.comment-reply-link{
    cursor: pointer;
    background-color: #444;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 4px 10px 4px;
    text-transform: uppercase;
    width: auto;
}
.comment-reply-link:hover{
    color: #fff;
}
.comment-notes{
    display:none;   
}

.akismet_comment_form_privacy_notice {
    font-size: small;
}




#carousel-wrapper,
#carousel-wrapper #menu {
    width: 100%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#carousel-wrapper {
    position: relative;
    height: auto;
}
#carousel-wrapper #menu {
    height: 380px;
    overflow: hidden;
    vertical-align: middle;
    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 20%);
    border-radius: 5px;

    transition: all 0.6s ease-in-out;
}
#carousel-wrapper #menu #current-option {
    position: relative;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden;
}
#carousel-wrapper #menu #current-option a {
    font-family: var(--font-heading);
    color: var(--primary_colour);
}

#carousel-wrapper #menu #current-option #current-option-text1,
#carousel-wrapper #menu #current-option #current-option-text2 {
    width: 240px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#carousel-wrapper #menu #current-option #current-option-text1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    height: 200px;
    justify-content: flex-start;
}
#carousel-wrapper #menu #current-option #current-option-text2 {
    font-size: 0.8rem;
    height: 40px;
    justify-content: flex-end;
}

#carousel-wrapper #menu #current-option #current-option-text1::before,
#carousel-wrapper #menu #current-option #current-option-text1::after {
    position: absolute;
    width: 240px;
    height: 200px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
#carousel-wrapper #menu #current-option #current-option-text1::before {
    content: attr(data-next-text);
    transform: translate(0%, 380px);
}
#carousel-wrapper #menu #current-option #current-option-text1::after {
    content: attr(data-previous-text);
    transform: translate(0%, -380px);
}

#carousel-wrapper #menu #current-option #current-option-text2::before,
#carousel-wrapper #menu #current-option #current-option-text2::after {
    position: absolute;
    width: 240px;
    height: 40px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
}
#carousel-wrapper #menu #current-option #current-option-text2::before {
    content: attr(data-next-text);
    transform: translate(0%, 380px);
}
#carousel-wrapper #menu #current-option #current-option-text2::after {
    content: attr(data-previous-text);
    transform: translate(0%, -380px);
}

#carousel-wrapper #previous-option,
#carousel-wrapper #next-option {
    width: 1.5rem;
    height: 1.5rem;
    border: none;
    display: block;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 256 256'%3E%3Cpolygon points='225.813,48.907 128,146.72 30.187,48.907 0,79.093 128,207.093 256,79.093' fill='%23333'%3E%3C/polygon%3E%3C/svg%3E");
    background-size: cover;
    position: absolute;
    right: 0;
}
#carousel-wrapper #previous-option {
    transform: scale(1.2) translate(10px, 24px);
}
#carousel-wrapper #next-option {
    transform: scale(1.2) translate(10px, -24px) rotate(180deg);
}

#carousel-wrapper #image {
    height: 240px;
    width: 240px;

    border-radius: 5px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#carousel-wrapper.anim-previous,
#carousel-wrapper.anim-next {
    pointer-events: none;
}
#carousel-wrapper.anim-next #current-option-text1,
#carousel-wrapper.anim-next #current-option-text2 {
    animation: next-text 0.65s 0.085s;
}
#carousel-wrapper.anim-previous #image,
#carousel-wrapper.anim-next #image {
    animation: previous-next-image 0.65s 0.085s;
}

#carousel-wrapper.anim-previous #current-option-text1,
#carousel-wrapper.anim-previous #current-option-text2 {
    animation: previous-text 0.65s 0.085s;
}

@keyframes previous-text {
    50%, 55% {
        transform: translate(0%, 390px);
    }
    to {
        transform: translate(0%, 380px);
    }
}
@keyframes previous-next-image {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    70% {
        transform: scale(1.1);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes next-text {
    50%, 55% {
        transform: translate(0%, -390px);
    }
    to {
        transform: translate(0%, -380px);
    }
}

@media only screen and (max-width: 480px) {
    #carousel-wrapper #menu {
        height: 430px;
    }
    #carousel-wrapper, #carousel-wrapper #menu {
        flex-direction: column;
    }
    #carousel-wrapper #menu #current-option {
        width: 240px;
    }
}



/**
 * Extra Visual Functionality
 */
#supernova-aside--fixed-container {
    position: fixed;
    z-index: 256;
    bottom: 0;
    right: 5%;

    width: 400px;
}
.supernova-aside--top {
    position: relative;
    display: flex;
}
.supernova-aside--title {
	font-size: 1em;
    font-weight: 700;
    border-radius: 3px 3px 0 0;
    padding: 8px 16px;
    background-color: #333333;
    color: #fff;
    display: inline-block;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
}
.supernova-aside--title.collapsed {
    top: 1px;
    position: relative;
}
#supernova-aside--close {
    font-size: 1em;
    cursor: pointer;
    margin-left: auto;
    border-radius: 3px 3px 0 0;
    padding: 8px 16px;
    background-color: #333333;
    color: #fff;
    display: inline-block;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
}
#supernova-aside--close svg {
    transition: transform 0.1s cubic-bezier(0.65, 0, 0.35, 1);
    transition-delay: 0.5s;
}
#supernova-aside--close.collapsed-icon svg {
    transform: rotateX(0deg);
}
#supernova-aside--close.expanded-icon svg {
    transform: rotateX(180deg);
}


.supernova-aside--body {
    position: relative;
    z-index: calc(256 + 1);
    background: white;
    padding: 16px 24px;
    border: 1px solid #333333;
    border-bottom-width: 0;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
    overflow-y: scroll;
    width: 100%;
    max-height: 80vh;

    transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.supernova-aside--body.minimised {
	max-height: 128px;
}

.supernova-aside--body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}
.supernova-aside--body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}



@media only screen and (max-width: 768px) {
	#supernova-aside--fixed-container {
		position: fixed;
        bottom: 0px;
        right: 0;
        width: 100% !important;
        margin: 0;
        padding: 16px 16px 0 16px;
	}
}




#whiskey-teaser--fixed-container {
    position: fixed;
    z-index: 256;
    bottom: 0;
    right: 5%;

    width: 400px;
}
.whiskey-teaser--top {
    position: relative;
    display: flex;
}
.whiskey-teaser--title {
	font-size: 1em;
    font-weight: 700;
    border-radius: 3px 3px 0 0;
    padding: 8px 16px;
    background-color: #333333;
    color: #fff;
    display: inline-block;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
}
.whiskey-teaser--title.collapsed {
    top: 1px;
    position: relative;
}
#whiskey-teaser--close {
    font-size: 1em;
    cursor: pointer;
    margin-left: auto;
    border-radius: 3px 3px 0 0;
    padding: 8px 16px;
    background-color: #333333;
    color: #fff;
    display: inline-block;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
}
#whiskey-teaser--close svg {
    transition: transform 0.1s cubic-bezier(0.65, 0, 0.35, 1);
    transition-delay: 0.5s;
}
#whiskey-teaser--close.collapsed-icon svg {
    transform: rotateX(0deg);
}
#whiskey-teaser--close.expanded-icon svg {
    transform: rotateX(180deg);
}


.whiskey-teaser--body {
    position: relative;
    z-index: calc(256 + 1);
    background: white;
    padding: 16px 24px;
    border: 1px solid #333333;
    border-bottom-width: 0;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
    overflow-y: scroll;
    width: 100%;
    max-height: 80vh;

    transition: all 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.whiskey-teaser--body.minimised {
	max-height: 128px;
}

.whiskey-teaser--body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}
.whiskey-teaser--body::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}



@media only screen and (max-width: 768px) {
	#whiskey-teaser--fixed-container {
		position: fixed;
        bottom: 0px;
        right: 0;
        width: 100% !important;
        margin: 0;
        padding: 16px 16px 0 16px;
	}
}




.responseTable {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 14px;
}

[class*="responseRow"] {
    margin-top: 40px;
}
[class*="responseRow"] table {
    background-color: #ccc;
    width: 100%;
    border: 0;
}

[class*="responseRow"] table tr td {
    background-color: #ccc;
    padding: 2px 6px;
}

[class*="responseRow"] table tr:nth-child(2n) td {
    background-color: #eee !important;
}
[class*="responseRow"] table tr td.thead {
    background-color: var(--thin-ui-primary);
    color: #ffffff;
}

.sk-three-bounce {
    margin: 40px auto;
    width: 80px;
    text-align: center;
}
.sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: var(--thin-ui-primary);
    border-radius: 100%;
    display: inline-block;
    animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.sk-three-bounce .sk-bounce1 {
    animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
    animation-delay: -0.16s;
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}



/**
 * Security Headers
 */
body.page-id-106176 h1,
body.page-id-106176 h2,
body.page-id-106176 h3,
body.page-id-106176 h4,
body.page-id-106176 h5,
body.page-id-106176 h6 {
    font-family: "Google Sans";
    color: #0652DD;
}
body.page-id-106176 .whiskey-form input[type="submit"] {
    font-family: "Google Sans";
    border: 0 none;
    border-radius: 3px;
    background-color: #0652DD;
    color: #ffffff;
    cursor: pointer;
}
body.page-id-106176 .whiskey-form input[type="submit"]:hover {
    background-color: #1B1464;
}

.whiskey-form input[type="url"] {
    font-family: inherit;
    font-size: 18px;
    padding: 12px 24px;
    width: 100%;
}
.whiskey-form input[type="submit"] {
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 24px;
}

.wp-block-columns.wp-block-columns--grade-headers,
.wp-block-columns.wp-block-columns--mozilla-observatory {
    margin-bottom: 4px;
}
.wp-block-columns.wp-block-columns--grade-headers code,
.wp-block-columns.wp-block-columns--mozilla-observatory code {
    font-size: 12px;
}

.sf-grade {
    display: inline-block;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 600;
}
.sf-grade.sf-grade--a {
    color: #000000;
    background-color: #78e08f;
}
.sf-grade.sf-grade--b {
    color: #000000;
    background-color: #b8e994;
}
.sf-grade.sf-grade--c {
    color: #000000;
    background-color: #fad390;
}
.sf-grade.sf-grade--d {
    color: #000000;
    background-color: #f6b93b;
}
.sf-grade.sf-grade--e {
    color: #ffffff;
    background-color: #e55039;
}
.sf-grade.sf-grade--f {
    color: #ffffff;
    background-color: #eb2f06;
}

.sf-grade-headers {
    display: block;
    margin: 16px 0;
}
.sf-grade-header {
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 12px;
	line-height: 1.5;
    margin: 2px;
}
.sf-grade-header--enabled {
    background-color: #009432;
}
.sf-grade-header--disabled {
    background-color: #e74c3c;
}
.sf-grade-header--neutral {
    background-color: #888888;
}
.sf-grade--positive {
    color: #009432;
}
.sf-grade--negative {
    color: #e74c3c;
}
.sf-grade--positive small,
.sf-grade--negative small {
    color: #1B1464;
}
.sf-grade--positive code,
.sf-grade--negative code {
    font-size: inherit;
}



ins.adsbygoogle:before {
    content: "Advertisements";
    color: #666666;
    font-size: 10px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}



/**
 * Carbon Ads
 */
#carbonads * {
    margin: initial;
    padding: initial;
}
#carbonads {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#carbonads {
    display: flex;
    max-width: 330px;
    background-color: hsl(0, 0%, 98%);
    box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
    z-index: 100;
}
#carbonads a {
    color: inherit;
    text-decoration: none;
}
#carbonads a:hover {
    color: inherit;
}
#carbonads span {
    position: relative;
    display: block;
    overflow: hidden;
}
#carbonads .carbon-wrap {
    display: flex;
}
#carbonads .carbon-img {
    display: block;
    margin: 0;
    line-height: 1;
}
#carbonads .carbon-img img {
    display: block;
}
#carbonads .carbon-text {
    font-size: 13px;
    padding: 10px;
    margin-bottom: 16px;
    line-height: 1.5;
    text-align: left;
}
#carbonads .carbon-poweredby {
    display: block;
    padding: 6px 8px;
    background: #f1f1f2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 8px;
    line-height: 1;
    border-top-left-radius: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
}







pre.carbon {
    border-radius: 3px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
    display: flex;
    background: #ffffff;
    overflow: auto;
    margin: 0 0 2em;
    padding: .5em 1em;
}

pre.carbon code,
pre.carbon .line-number {
  font: normal normal 14px/16px "Cascadia Code", "Courier New", Courier, Monospace;
  font-weight: 300;
  color: black;
  display: block;
}

pre.carbon .line-number {
  margin: 0 1em 0 -1em;
  border-right: 1px solid #999999;
  text-align: right;
  user-select: none;
}

pre.carbon .line-number span {
  display: block;
  padding: 0 .5em 0 1em;
  color: #999999;
}



/** https://getbutterfly.com/the-ultimate-youtube-video-embed-setup/ **/
.youtube-iframe {
    display: flex;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin: 48px 0;
}

.youtube-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    pointer-events: none;
    animation: fadeIn 2.5s;

    border-radius: 3px;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



/**
 * Single Beta
 */
body.post-template-default.single.single-post:before {
    content: "";
}
body.post-template-default.single.single-post:after {
    content: "";
    opacity: 0.91;
    background: repeating-linear-gradient(130deg, transparent, transparent 80px, rgba(0, 0, 0, 0.05) 80px, rgba(0, 0, 0, 0.05) 160px), linear-gradient(130deg, #EE5A24, #EA2027 41.07%, #5f27cd 76.05%);
}
body.post-template-default.single.single-post:after,
body.post-template-default.single.single-post:before {
    display: block;
    height: 600px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 8px 8px;
}
.post-template-default.single.single-post h1 {
    color: #ffffff;
    font-size: 50px;
    line-height: 1.35;
}

.post-template-default.single.single-post .singular-meta {
    color: #ffffff;
    font-weight: 300;
    font-size: 15px;
}
.post-template-default.single.single-post .singular-meta a {
    color: #ffffff;
    font-weight: 700;
}
.post-template-default.single.single-post .wrap--post-content {
    background-color: #ffffff;
    padding: 48px;
    overflow-wrap: break-word;
    border-radius: 8px;
}
.post-template-default.single.single-post .article-sponsor {
    padding: 16px 48px;
    margin-bottom: -10px;
    border-radius: 8px;
    background: rgba(0,0,0,.2);
    color: #ffffff;
}
.post-template-default.single.single-post .article-sponsor p {
    margin: 0 0 10px 0;
    font-size: 14px;
}
.post-template-default.single.single-post .article-sponsor p a {
    color: #ffffff;
    font-weight: 700;
}
.post-template-default.single.single-post .sidebar {
    background-color: #ffffff;
    margin: 48px 0 0 0;
    padding: 24px;
    border-radius: 8px;
}

@media only screen and (max-width: 768px) {
    #page {
        padding: 0;
    }
    .post-template-default.single.single-post h1 {
        font-size: 36px;
    }
    .post-template-default.single.single-post .article-sponsor {
        padding: 16px 16px;
    }
    .post-template-default.single.single-post .wrap--post-content {
        padding: 48px 16px;
    }
}



/** https://getbutterfly.com/times-new-roman-enhanced-css-font-stack/ **/
.font--times-new-roman {
    font-family: "Times New Roman", "Times", serif;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-smooth: always;
    font-variant: historical-ligatures;

    font-feature-settings: "hlig" 1, "dlig" 1, "onum" 1, "zero" 1, "swsh" 1, "kern" 1, "medi" 1;

    line-height: 1.5;
    letter-spacing: -0.004em;
    color: #323648;
}

.font--times-new-roman--small-caps {
    font-variant: all-small-caps;
    font-style: normal;
    letter-spacing: 0.08em;
}


.font--times-new-roman--heading {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1.35;
    margin: 48px 0;
    font-weight: 300;
    color: #c4104d;
    position: relative;
}

.font--times-new-roman--heading1 {
    font-size: 44px;
    line-height: 1.25;
    color: #323648;
}

.font--times-new-roman--headingh {
    font-size: 60px;
    line-height: 1.15;
    color: #000000;
}



.whiskey-notification-bar--top {
    background-color: #171e24;
    color: #ffffff;
    padding: 8px;
    text-align: center;
    animation: fa-drop-in 1s;
}
.whiskey-notification-bar--top a {
    color: #b67700;
}
.whiskey-notification-bar--top a:hover,
.whiskey-notification-bar--top b {
    color: #cd2653;
}
.whiskey-notification-bar--top small {
    color: rgb(136, 145, 159);
}

@keyframes fa-drop-in {
    0% {
        transform: translateY(-72px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}




/* Various custom CSS */
.fa-5x {
	color: #a87d28;
}

.saturn-section2 > .wp-block-column:first-child {
	background: #0466cb;
	color: #ffffff;
	padding: 48px;
}
.saturn-section1 > .wp-block-column:last-child {
	background: #baecfb;
	color: #000000;
	padding: 48px;
}
.entry .saturn-section1 .wp-block-column p:last-child,
.entry .saturn-section1 .wp-block-columns,
.entry .saturn-section2 .wp-block-columns {
	margin-bottom: 0;
}

.gallery--vertical-sample .blocks-gallery-grid,
.gallery--vertical-sample .wp-block-gallery {
    justify-content: center;
    align-items: center;
}
.gallery--vertical-sample .blocks-gallery-grid .blocks-gallery-image,
.gallery--vertical-sample .blocks-gallery-grid .blocks-gallery-item,
.gallery--vertical-sample .wp-block-gallery .blocks-gallery-image,
.gallery--vertical-sample .wp-block-gallery .blocks-gallery-item {
    align-items: center;
	  padding: 24px 0;
}

.pricing--guest-post svg {
	margin: 0 auto;
  display: block;
	color: #0693e3;
}



.home .wp-block-cover.alignfull h2.has-text-align-center.has-large-font-size sup {
    font-family: monospace;
    font-weight: 700;
    display: inline-block;
    padding: 4px 8px;
    background-color: #e81224;
    line-height: 1;
    border-radius: 3px;
    margin: 0 0 0 8px;
    font-size: 18px;
}


/**
 * EDD Account Tabs
 */
ul.taa-account-tabs {
    padding: 0;
}
ul.taa-account-tabs li a {
    font-family: var(--font-heading);
    color: var(--primary_colour);
    font-weight: 600;
    padding: 8px 24px;
}

#edd_secure_site_wrapper {
    text-align: center;
    background-color: #5f27cd;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 400 !important;
}

.whiskey-nav .header-cart.edd-cart-quantity {
    display: inline-block;
    background-color: var(--primary-color);
    color: #ffffff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    border-radius: 100%;
    transform: translateY(-8px);
}

/* Page Experience Update: 3489 */

/* 2262 */
/* 2462 */
/* 3022 */