@font-face {
    font-family: "Whiskey";
    src: url("css/fonts/whiskey-light.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Whiskey";
    src: url("css/fonts/whiskey-medium.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    color-scheme: light;

    --font-family: "Whiskey", -apple-system, BlinkMacSystemFont,
        "Segoe UI Variable Text", "Segoe UI", Roboto, Helvetica,
        "Helvetica Neue", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
        "Droid Sans", Arial, sans-serif, "Apple Color Emoji", "Twemoji Mozilla",
        "Segoe UI Emoji", "Android Emoji";
    --font-heading: "Whiskey", -apple-system, BlinkMacSystemFont,
        "Segoe UI Variable Heading", "Segoe UI", Roboto, Helvetica,
        "Helvetica Neue", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
        "Droid Sans", Arial, sans-serif, "Apple Color Emoji", "Twemoji Mozilla",
        "Segoe UI Emoji", "Android Emoji";
    --font-monospace: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas,
        "Liberation Mono", monospace;

    /* UI Redesign V2 */

    /* UI Redesign V8 */
    --ui-color-base: #f8f8f8; /* background color */
    --ui-color-text: #002838; /* text color */
    --ui-color-text-inverted: #ffffff; /* text color on reversed background (white on dark or black on light) */
    --ui-color-meta-inverted: #9da3ae; /* pale text color on reversed background */
    --ui-color-panel: #ffffff; /* background color for panels, boxes, etc */

    --ui-badge-free: #ffc312;

    /*
    base color: light or dark
    text color
    meta color
    primary color
    /**/

    /* UI Redesign V7 */

    --content-width: 1360px;
    --wp--style--global--content-size: 1360px;
    --wp--style--global--wide-size: 1440px;

    /* UI Redesign V3: Vulpes Dark */
    /* UI Redesign V4 2022: Cryo */
    --whiskey-accent: #1e3799; /*#0057ff;*/
    --whiskey-accent-50: #1e379980;
    --whiskey-accent-25: #1e379940;

    --whiskey-color: var(--ui-color-text);

    --whiskey-radius: 2px;
    --whiskey-radius-large: 8px;

    accent-color: var(--whiskey-accent);
}

button {
    font-family: inherit;
    font-size: inherit;
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
body {
    background-color: var(--ui-color-base);

    color: var(--ui-color-text);
    margin: 0;
    padding: 0;
    font-family: var(--font-family);

    font-variant-ligatures: discretionary-ligatures;

    font-weight: 400;
    font-style: normal;
    font-size: 16px;

    line-height: 1.6;
    overflow-x: hidden;

    _padding-top: 64px;
}

/* Google Maps Driving Game */
body.page-id-113764 {
    padding-top: 0;
}

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

    font-weight: 700;
    text-wrap: pretty;

    letter-spacing: -0.018em;
}

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

h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--ui-color-text);

    text-decoration: underline;

    text-underline-offset: -2px;
    text-decoration-color: var(--whiskey-accent-25);
    text-decoration-thickness: 6px;
    text-decoration-skip-ink: none;

    transition: text-decoration-color 0.2s ease-out;
}
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--whiskey-accent);

    text-decoration: underline;
    text-underline-offset: -2px;
    text-decoration-thickness: 6px;
    text-decoration-color: var(--whiskey-accent-50);
}

h2 {
    font-size: 28px;
    line-height: 1.5;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}

ul {
    list-style: initial;
    padding: 0 0 16px 32px;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    text-align: left;
    font-weight: 400;
}

code {
    font-family: var(--font-monospace);
}
pre b,
pre strong,
code b,
code strong {
    font-weight: 700;
}
pre code {
    font-size: 14px;
}

.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;
}

a {
    color: var(--whiskey-accent);

    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color: rgba(49, 52, 87, 0);
    text-underline-offset: 2px;
}
a:hover {
    text-decoration-color: rgba(49, 52, 87, 0.4);
}

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

    font-weight: 400;
    font-size: 24px;
    color: var(--ui-color-text);
}
.logo-main--svg svg {
    height: 42px;
    margin-right: 12px;
}
.logo-main--svg span {
    font-weight: 600;
}

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 0;
}
#page-full {
    padding: 24px 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 blockquote {
    margin: 20px 0;
    color: var(--ui-color-meta-inverted);
    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 {
    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;
}

/* ===[ 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 {
    color: var(--ui-color-meta-inverted);
    text-align: center;
}

/**
 * Gutenberg
 */
.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%;
}

.wp-caption {
    max-width: 100%;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption-text {
    padding: 2px 0 4px 0;
    color: var(--ui-color-meta-inverted);
    font-size: 12px;
    text-align: center;
}

/* PAGINATION
   ================================================== */
.whiskey-pagination {
    display: flex;
    justify-content: center;
    gap: 0;
    margin: 2em 0;
}
.whiskey-pagination span,
.whiskey-pagination a {
    display: inline-flex;
    padding: 4px 12px;
}
.whiskey-pagination .whiskey-pagination--counter {
    color: var(--ui-color-meta-inverted);
}

/* ===[ WordPress ]=== */
.center {
    text-align: center;
}
.clear {
    clear: both;
}

.entry img {
    max-width: 100%;
    height: auto;
}

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

    font-size: 14px;
}
.whiskey-category-description {
    font-size: 20px;
}
@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;
}

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

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

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

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

.wp-block-image img {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .sidebar {
        padding-top: 0;
    }
}

nav sup {
    background-color: var(--whiskey-accent);
    color: var(--ui-color-text-inverted);
    padding: 0 5px;
    height: 15px;
    margin: 0 0 0 2px;
    font-size: 10px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: super;
}
.badge {
    background-color: var(--whiskey-accent);
    color: var(--ui-color-base);
    padding: 0 6px;
    height: auto;
    margin: 0 4px 0 0;
    font-size: 12px;
    font-weight: 600;
    border-radius: 2px;
    display: inline-block;
    font-family: var(--font-monospace);
    line-height: inherit;
}
nav sup.alpha,
.badge.badge--alpha {
    background-color: rgba(30, 136, 229, 0.5);
}
nav sup.free,
.badge.badge--free {
    background-color: var(--ui-badge-free);
}
nav sup.pro,
.badge.badge--pro {
    background-color: var(--whiskey-accent);
}

.strikethrough {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.strikethrough:before,
.strikethrough:after {
    content: "";
    border-top: 2px solid;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
    opacity: 0.25;
}
.strikethrough:after {
    margin: 0 0 0 20px;
}

/* ===[ Small screens ]=== */
@media all and (max-width: 480px) {
    #page-full {
        padding: 20px 8px;
    }

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

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

table {
    width: 100%;
    margin: 24px 0;
    background-color: var(--ui-color-base);
    border: solid 1px var(--ui-color-meta-inverted);
}
table th,
table td {
    padding: 8px;
}
table th {
    font-weight: 700;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--ui-color-base);
}

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

/**
 * Footer
 */
#footer_wrap {
    margin: 48px 0 0 0;
    padding: 48px 0 16px 0;
    background-color: var(--ui-color-text);
}
#footer {
    color: var(--ui-color-base);
    font-size: 15px;
}
#footer small {
    color: var(--ui-color-base);
}
#footer p {
    margin: 0 0 16px 0;
}
#footer .dark a {
    display: inline-block;
    padding: 0 4px 0 0;
    color: var(--ui-color-meta-inverted);
    font-weight: 600;
}
#footer a:hover {
    color: var(--whiskey-accent);
    text-decoration: none;
}

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

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

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

header.top {
    /*
    position: sticky;
    top: 0;
    /**/
    z-index: 3;
}

header nav ul li > a:not(:only-child):after {
    content: "";
    border-top: 8px solid var(--ui-color-meta-inverted);
    border-bottom: 0 none;
    border: solid var(--ui-color-meta-inverted);
    border-width: 0 2px 2px 0;
    display: inline-block;
    margin-left: 8px;
    padding: 2px;
}

nav.whiskey-nav ul li svg path {
    fill: var(--ui-color-meta-inverted);
}

.whiskey-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 24px;
    width: 100%;
    background-color: var(--ui-color-panel);
}

@media screen and (max-width: 768px) {
    .whiskey-nav {
        position: relative;
    }
}

.whiskey-nav ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    list-style-type: none;
}
.whiskey-nav ul li {
    position: relative;
    padding: 0;
}
.whiskey-nav ul li a {
    text-decoration: none;
    font-size: 15px;
    color: var(--ui-color-text);
    padding: 12px 12px;
}
.whiskey-nav ul li a:hover,
.whiskey-nav ul li a.active {
    color: var(--whiskey-accent);
    text-decoration: none;
}

/* Submenu */
.whiskey-nav li ul {
    background-color: var(--ui-color-panel);
    filter: drop-shadow(0 0 12px rgba(0 0 0 / 20%));
    border-radius: var(--whiskey-radius);
    display: none;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    width: 320px;
}
.whiskey-nav li:hover > ul {
    display: block;
    animation: whiskey-reveal 0.25s cubic-bezier(0, 0.55, 0.45, 1);
}

@keyframes whiskey-reveal {
    from {
        transform: translateY(-16px) scale(1.025);
        opacity: 0;
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

@keyframes bounce {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        filter: hue-rotate(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(0deg) rotateY(-359.9deg);
        filter: hue-rotate(360deg);
    }
}

@keyframes colorwheel {
    0% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(360deg);
    }
}

.ui--new {
    width: fit-content;
    background-color: #fed11b;
    color: var(--ui-color-text);
    padding: 0 5px;
    height: 15px;
    margin: 0 0 0 2px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 2px;
    display: inline-block;
    vertical-align: super;

    transform-style: preserve-3d;
    animation-name: bounce;
    animation-duration: 2400ms;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    animation-iteration-count: infinite;
}

.whiskey-nav li ul li a {
    font-weight: 700;
    display: flex;
    flex-direction: column;
    padding: 8px 12px 8px 12px;
}
.whiskey-nav li ul li a small {
    color: var(--ui-color-meta-inverted);
    font-weight: 500;
}

.whiskey-nav li ul li a i {
    display: inline-block;
    font-weight: 400;

    opacity: 0;
}
.whiskey-nav li ul li a:hover i {
    animation: iconHover 0.2s ease-out forwards;
}
@keyframes iconHover {
    0% {
        opacity: 0;
        transform: translateX(-8px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@media all and (max-width: 1170px) {
    .whiskey-nav .whiskey-label,
    .mobile-hide {
        display: none;
    }
}

.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);
}

/**
 * Block editor override
 */
.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);
}

.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: var(--ui-color-text);
    color: var(--ui-color-base);
    padding: 12px;
    box-shadow: inset 0 0 0 1px white;
}

.bypostauthor {
    background-color: var(--ui-color-base);
}

/* ## Comments
--------------------------------------------- */
.comment-respond,
.entry-pings,
.entry-comments {
    color: var(--ui-color-meta-inverted);
    padding: 24px 48px 48px 48px;
    background: var(--ui-color-base);
    border-left: 4px solid var(--ui-color-meta-inverted);
}
.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;
}

.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: var(--whiskey-accent);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 16px;
    color: var(--ui-color-text-inverted);
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}
.comment-respond input[type="submit"]:hover {
    background: var(--whiskey-accent);
}

.comment-header {
    color: var(--ui-color-meta-inverted);
    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: var(--ui-color-meta-inverted);
}
li.comment {
    background-color: var(--ui-color-base);
    border-right: none;
}
.comment-content {
    clear: both;
    overflow: hidden;
}
.comment-content pre {
    background-color: var(--ui-color-text);
    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,
.commentlist li li li {
    background-color: var(--ui-color-base);
}
.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;
}
/* Jetpack subscription checkboxes */
.comment-form-cookies-consent .comment-respond label,
.comment-subscription-form .comment-respond label {
    display: inline-block;
}

.comment-author {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.comment-author img {
    border-radius: 100%;
    width: 48px;
}
.entry-pings .reply {
    display: none;
}

.comment-reply-link {
    /* importnt because the button class is lower */
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 14px !important;
}
.comment-notes {
    display: none;
}

.akismet_comment_form_privacy_notice {
    font-size: small;
}

#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: var(--ui-color-text);
    color: var(--ui-color-text-inverted);
    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: var(--ui-color-text);
    color: var(--ui-color-text-inverted);
    display: inline-block;
    box-shadow: 0 0 8px rgb(0 0 0 / 25%);
}
#whiskey-teaser--close span {
    transition: transform 0.1s cubic-bezier(0.65, 0, 0.35, 1);
    transition-delay: 0.5s;
    display: inline-block;
}
#whiskey-teaser--close.collapsed-icon span {
    transform: rotateX(0deg);
}
#whiskey-teaser--close.expanded-icon span {
    transform: rotateX(180deg);
}

.whiskey-teaser--body {
    position: relative;
    z-index: calc(256 + 1);
    background: white;
    padding: 16px 24px;
    border: 1px solid var(--ui-color-text);
    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, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

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

pre.carbon {
    border-radius: 3px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
    display: flex;
    background: var(--ui-color-base);
    overflow: auto;
    margin: 0 0 2em;
    padding: 0.5em 1em;
}

pre.carbon code,
pre.carbon .line-number {
    font: normal normal 14px/16px var(--font-monospace);
    font-weight: 300;
    color: black;
    display: block;
}

pre.carbon .line-number {
    margin: 0 1em 0 -1em;
    border-right: 1px solid var(--ui-color-meta-inverted);
    text-align: right;
    user-select: none;
}

pre.carbon .line-number span {
    display: block;
    padding: 0 0.5em 0 1em;
    color: var(--ui-color-meta-inverted);
}

/** 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
 */
.page h1,
.single h1 {
    line-height: 1.25;

    font-size: 42px;
    font-style: normal;
    font-weight: 600;
}

.post-template-default.single.single-post .singular-meta {
    color: var(--ui-color-meta-inverted);
    font-size: 15px;
}
.post-template-default.single.single-post .singular-meta a {
    font-weight: 600;
}
.wrap--post-content {
    overflow-wrap: break-word;
}
.article-sponsor {
    padding: 16px;
    margin: 16px 0;
    border-radius: var(--whiskey-radius) var(--whiskey-radius) 0 0;
    background-color: var(--ui-color-base);
}
.article-sponsor p {
    margin: 0 0 0 0;
    font-size: 14px;
}
.sidebar {
    margin: 48px 0 0 0;
    padding: 24px;
    background-color: var(--ui-color-panel);
    border-radius: var(--whiskey-radius);
}

@media only screen and (max-width: 768px) {
    #page {
        padding: 0;
    }
    .page h1,
    .single h1 {
        font-size: 36px;
    }
    .article-sponsor {
        padding: 16px 16px;
    }
    .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: var(--ui-color-meta-inverted);
}

.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: var(--ui-color-meta-inverted);
}

.font--times-new-roman--headingh {
    font-size: 60px;
    line-height: 1.15;
    color: var(--ui-color-meta-inverted);
}

/* Various custom CSS */
.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;
}

.whiskey-cards {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;

    padding: 24px 0;
}
.whiskey-cards::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px;
}
.whiskey-cards::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
    background: linear-gradient(
        90deg,
        var(--ui-color-text),
        rgba(0, 0, 0, 0.75)
    );
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
    border-radius: 16px;
    opacity: 0.5;
}
.whiskey-cards:hover::-webkit-scrollbar-thumb {
    opacity: 1;
}

.whiskey-card {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    flex-basis: 300px;
    margin: 8px;
    padding: 16px;
    color: var(--ui-color-text);
    background-color: var(--ui-color-panel);

    border-radius: var(--whiskey-radius-large);
}

.whiskey-card h3 {
    padding-top: 0;
    line-height: 1.35;
    font-size: 24px;
}
.whiskey-card .whiskey-card--content {
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400;
}
.whiskey-card h3 a {
    color: var(--ui-color-text);
}

small {
    color: var(--ui-color-meta-inverted);
}

ul.post-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding: 0 0 8px 0;
    margin: 0;
}
ul.post-categories li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.post-categories li a {
    font-size: 12px;
    font-weight: 400;
    padding: 4px 10px;
    background-color: var(--whiskey-accent);
    color: var(--ui-color-text-inverted);
    white-space: nowrap;
    line-height: 1;
    border-radius: var(--whiskey-radius);
}
ul.post-categories li a:hover {
    text-decoration: none;
}

/**
 * Ethical Ads
 */
[data-ea-publisher].loaded .ea-content,
[data-ea-type].loaded .ea-content,
[data-ea-style="fixedfooter"].loaded .ea-type-text {
    background: var(--ui-color-text) !important;
    color: var(--ui-color-base) !important;
}
[data-ea-style="fixedfooter"].loaded .ea-type-text a {
    color: var(--ui-color-base) !important;
}
[data-ea-style="fixedfooter"].loaded .ea-type-text .ea-content {
    background: none;
}
[data-ea-publisher].loaded .ea-content a strong,
[data-ea-publisher].loaded .ea-content a b,
[data-ea-type].loaded .ea-content a strong,
[data-ea-type].loaded .ea-content a b {
    color: inherit !important;
}

[data-ea-style="fixedfooter"].loaded .ea-type-text .ea-fixedfooter-hide {
    color: var(--ui-color-meta-inverted) !important;
}
[data-ea-style="fixedfooter"].loaded .ea-type-text .ea-fixedfooter-hide span {
    border-color: var(--ui-color-meta-inverted) !important;
}

textarea {
    font-family: var(--font-monospace);
    padding: 8px;
}

input[type="url"],
input[type="text"],
input[type="email"],
input[type="submit"],
input[type="password"] {
    font-family: inherit;
    font-size: inherit;
    padding: 8px;
}

input.button[type="submit"] {
    font-size: 16px;
    padding: 8px 16px;
}

.search-form input {
    padding: 10px 12px;
    border: 0 none;
    border-radius: var(--whiskey-radius);
    color: var(--ui-color-text);
    background-color: var(--ui-color-base);
}
.whiskey-nav .search-form .search-submit {
    display: none;
}

.whiskey-posts-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 4em;
    align-items: center;
    margin: 96px auto;
}

@media only screen and (max-width: 768px) {
    .whiskey-posts-nav {
        grid-template-columns: 1fr;
        grid-gap: 2em;
    }
}

.whiskey-posts-nav > div {
    display: grid;
    grid-gap: 1em;
}

.whiskey-posts-nav h4 {
    line-height: 1.5;
    font-weight: 600;
    font-size: 18px;
}
.whiskey-posts-nav h4,
.whiskey-posts-nav strong {
    margin: 0;
}

.whiskey-posts-nav a svg {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.whiskey-posts-nav > div:nth-child(1) {
    text-align: left;
}
.whiskey-posts-nav > div:nth-child(2) {
    text-align: right;
}

ul.gp-bullets li {
    padding-left: 3.3rem;
    color: var(--ui-color-text);
    line-height: 1.5;
    margin-bottom: 2.4rem;
    position: relative;
    display: list-item;
    list-style-type: none;
    background-image: url(images/tick.svg);
    background-position: 0 0;
    background-size: 2em 2em;
    background-repeat: no-repeat;
}
ul.gp-bullets li strong {
    font-size: 20px;
    display: block;
}

@media screen and (max-width: 768px) {
    .whiskey-nav li ul {
        filter: none;
    }
    .whiskey-nav li ul li a {
        font-size: 16px;
        font-weight: 400;
    }
    .whiskey-nav li ul li a small,
    .whiskey-nav li ul li a .svg-inline--fa {
        display: none;
    }
}

/**
 * Easy Digital Downloads
 */
.edd-submit.button,
.edd-submit.button.blue,
.edd-submit.button.gray,
.edd-submit.button:visited,
#edd-purchase-button,
.edd-submit,
[type="submit"].edd-submit {
    background-color: var(--whiskey-accent);
    border: 1px solid var(--whiskey-accent);
    border-radius: 100px;
    box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.05);
    color: var(--ui-color-base);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 2.1875rem;
    padding: 0.75rem 3rem;
    white-space: nowrap;
}

.wp-block-product-sidebar .edd-submit.button,
.single-download .edd-submit.button,
.single-download .edd-submit.button.blue,
.single-download .edd-submit.button.gray,
.single-download .edd-submit.button:visited {
    width: 100%;
}

.eddr-notice.eddr-terms-notice {
    display: none;
}

.edd-blocks__columns .edd-blocks__download {
    color: var(--ui-color-text);
    background-color: var(--ui-color-base);
    transition: all 150ms cubic-bezier(0.215, 0.61, 0.355, 1);
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.75);
    border: 2px solid black;
    border-radius: var(--whiskey-radius-large);
}
.edd-blocks__columns .edd-blocks__download:hover {
    transform: translate(-6px, -6px);
    box-shadow: 9px 9px 0 rgba(0, 0, 0, 0.75);
}
.edd-blocks__columns .edd-blocks__download img {
    border-radius: var(--whiskey-radius-large);
}
.edd-blocks__columns .edd-blocks__download h3 {
    font-size: 24px;
}
.edd-blocks__columns
    .edd-blocks__download
    .edd-blocks__download-price
    .edd_price {
    display: inline-block;
    padding: 8px 1rem;
    border-radius: 0 var(--whiskey-radius-large) var(--whiskey-radius-large) 0;
    line-height: 1;
    transform: translateX(-1rem);
}

.edd_form select {
    height: auto;
}

#edd_login_form label,
#edd_register_form label,
#edd_profile_editor_form label {
    display: block;
    font-size: 14px;
}

#edd_login_form fieldset,
#edd_register_form fieldset {
    padding: 0;
    margin: 0;
}
#edd_login_form legend,
#edd_register_form legend {
    padding: 0;
}

#edd_profile_personal_fieldset,
#edd_profile_address_fieldset,
#edd_profile_password_fieldset {
    margin: 24px 0 48px 0;
    border-radius: 3px;
    border: 2px solid black;
    padding: 24px;
}
#edd_profile_submit_fieldset {
    margin: 24px 0 48px 0;
    border: 0 none;
    background-color: transparent;
    padding: 0;
}

/**
 * Custom <details> block
 */
.wp-block-details summary {
    display: block;
    position: relative;
    font-weight: 500;
    cursor: pointer;
}
.wp-block-details summary::before,
.wp-block-details summary::after {
    width: 0.75em;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 1.33em;
    content: "";
    background-color: currentColor;
    text-align: right;
    transform: translateY(-50%);
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.wp-block-details summary::after {
    transform: translateY(-50%) rotate(90deg);
}
.wp-block-details[open] summary::after {
    transform: translateY(-50%) rotate(180deg);
}
.wp-block-details summary::-webkit-details-marker {
    display: none;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: var(--ui-color-base);
    clip: auto !important;
    clip-path: none;
    color: var(--ui-color-text);
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.wp-block-code::before {
    content: "🔵🟡🟢";
    font-size: 12px;
    display: block;
    margin-bottom: 12px;
}
.wp-block-code {
    color: var(--ui-color-text-inverted);
    background: var(--ui-color-text);
    font-family: var(--font-monospace);
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;

    padding: 16px;
    margin: 0.5em auto;
    overflow: auto;

    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.75);
    border: 2px solid var(--ui-color-base);
    border-radius: var(--whiskey-radius-large);
}
.wp-block-code code {
    overflow-wrap: anywhere;
}

.wp-block-group--wordpress-plugins {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
    .wp-block-group--wordpress-plugins {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 480px) {
    .wp-block-group--wordpress-plugins {
        grid-template-columns: repeat(1, 1fr);
    }
}

.wp-block-group--wordpress-plugins .edd-submit.button,
.wp-block-group--wordpress-plugins .edd-submit.button.blue {
    background-color: var(--whiskey-accent);
    border: 1px solid var(--whiskey-accent);
    border-radius: 100px;
    box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, 0.05);
    color: var(--ui-color-base);
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 0.5rem 1.25rem;
    white-space: nowrap;
}

.wp-block-group--wordpress-plugins {
    padding: 0;
    counter-reset: list-items;
}
.wp-block-group--wordpress-plugins li {
    display: flex;
    list-style: none;
    position: relative;
}
.wp-block-group--wordpress-plugins li img {
    width: 60px;
    margin: 0 16px 0 0;
}
.wp-block-group--wordpress-plugins > li:before {
    content: counters(list-items, ".", decimal-leading-zero);
    counter-increment: list-items;
    font-family: var(--font-monospace);
    opacity: 0.5;
    padding: 0 0.5em 0 0;
    font-size: 0.85714em;
    line-height: 1;
    text-wrap: nowrap;
}

.wp-block-group--wordpress-plugins h3 a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Main Menu (Mobile, New, October 2023) */
.overlay {
    transition: backdrop-filter 0.3s;
}
.overlay.active {
    position: fixed;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: brightness(0.5) saturate(0.25);
}
/* Menu Toggle */
.menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 50px;
    height: 50px;
    position: relative;
    cursor: pointer;
}

.menu-bar,
.menu-bar.menu-bar::before,
.menu-bar.menu-bar::after {
    cursor: pointer;
    height: 4px;
    width: 32px;
    background: var(--ui-color-text);
    position: absolute;
    display: block;
    transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.menu-bar.menu-bar::before,
.menu-bar.menu-bar::after {
    content: "";
    width: 24px;
}
.menu-bar::before {
    transform: translateY(-10px);
}
.menu-bar::after {
    transform: translateY(10px);
}

.menu-icon.active span {
    background: transparent;
}
.menu-icon.active .menu-bar::before,
.menu-icon.active .menu-bar::after {
    width: 32px;
}
.menu-icon.active .menu-bar::before {
    transform: rotate(135deg);
}
.menu-icon.active .menu-bar::after {
    transform: rotate(-135deg);
}

/* Main Menu */
.main-menu {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateX(-320px);
    bottom: 0;
    width: 320px;
    background: var(--ui-color-text);
    background-image: linear-gradient(
        205deg,
        var(--whiskey-accent-25) 0%,
        var(--ui-color-text) 76%
    );
    opacity: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;

    transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1),
        opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    will-change: transform, opacity;
}
.main-menu.active {
    transform: translateX(0);
    opacity: 1;

    box-shadow: 0 0 0 1px rgba(53, 72, 91, 0.14), 3px 0 2px rgba(0, 0, 0, 0.04),
        7px 0 7px rgba(0, 0, 0, 0.03);
}

.main-menu__navigation,
.main-menu__navigation ul,
.main-menu__navigation > li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-menu__navigation > li a {
    color: var(--ui-color-base);
    text-decoration: none;
    display: block;
    padding: 0.5em;
}
.main-menu__navigation ul li a {
    padding-left: 1.5em;
}

.main-menu__navigation > li a:hover {
    background: var(--ui-color-meta-inverted);

    background-color: rgb(49 52 87 / 80%);
    backdrop-filter: invert(1);

    color: var(--ui-color-base);
    text-decoration: none;
}

.menu-vert {
    color: var(--ui-color-base);
    /* writing-mode: tb; */
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    right: 0.5em;
    top: 1em;
    font-family: monospace;
    opacity: 0.6;
    font-size: 14px;
    z-index: -1;
}
.main-menu__nav {
    padding-top: 24px;
}

.main-menu {
    scrollbar-width: auto;
    scrollbar-color: var(--whiskey-accent) var(--ui-color-base);
}
.main-menu::-webkit-scrollbar {
    width: 8px;
}
.main-menu::-webkit-scrollbar-track {
    background: transparent;
}
.main-menu::-webkit-scrollbar-thumb {
    background-color: var(--whiskey-accent);
    border-radius: 10px;
    border: 1px solid transparent;
}

.whiskey--tag {
    background-color: var(--whiskey-accent);
    color: var(--ui-color-base);
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 48px;
    line-height: 1;
    margin: 0 auto;
    width: fit-content;
}

/**
 * Homepage Intro Splash
 */
.splash {
    display: flex;
    gap: 0.5em;
    flex-direction: row;
}
.splash--column {
    display: flex;
    gap: 0.5em;
    flex-direction: column;
    flex-basis: 33.33%;
}
.splash--column > div {
    flex: 1;
}

.splash--column.splash--column-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-basis: 66.66%;
}

.splash h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-top: 0;
}

.ui--flex-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 1em;
}

.edd-submit.plain.ui--brand-button,
.edd-submit.plain.ui--brand-button-outline {
    padding: 1em 2em;
    width: 100%;
}

.edd-submit.plain.ui--brand-button,
.edd-submit.plain.ui--brand-button-outline {
    font-size: 18px;

    background-color: var(--whiskey-accent);
    border: 1px solid rgb(255 255 255 / 75%);
}

@media (max-width: 768px) {
    .splash {
        flex-direction: column;
    }
    .splash--column {
        flex-basis: 100%;
    }
    .splash--column.splash--column-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Page Experience Update v5: Grid CSS */
.whiskey--grid-container {
    display: grid;
    grid-gap: 2em;
}

.whiskey--grid-2 {
    grid-template-columns: repeat(2, 1fr);
}
.whiskey--grid-3 {
    grid-template-columns: repeat(3, 1fr);
}
.whiskey--grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.whiskey--grid-sidebar {
    grid-template-columns: 1fr 400px;
}

.whiskey--grid-item {
    min-width: 0;
}

@media screen and (max-width: 768px) {
    .whiskey--grid-2,
    .whiskey--grid-3,
    .whiskey--grid-4,
    .whiskey--grid-sidebar {
        grid-template-columns: repeat(1, 1fr);
    }
}

.wp-block-product-sidebar {
    border-radius: 8px;
    background-color: var(--ui-color-panel);
    padding: 1em;
}

a.wp-block-button__link:hover {
    text-decoration: none;
}

.comment-reply-link {
    background-color: var(--ui-color-base);
    border: 1px solid rgba(27, 31, 35, 0.15);
    border-radius: 6px;
    box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0,
        rgba(255, 255, 255, 0.25) 0 1px 0 inset;
    box-sizing: border-box;
    color: var(--ui-color-text);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    list-style: none;
    padding: 6px 16px;
    position: relative;
    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
    user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: break-word;
}
.comment-reply-link:hover {
    background-color: var(--ui-color-base);
    text-decoration: none;
    transition-duration: 0.1s;
}

/* Page Experience Update v5: 2703 (September, 2024) */