/*
Theme Name: J. Cathell
Theme URI: https://blogcto.com/projects/j-cathell
Author: Richard Seabrook (BlogCTO)
Author URI: https://blogcto.com
Description: A custom-built theme for J. Cathell
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.0.1
Text Domain: j_cathell
*/

/*----------------------------------------------------------------------------
	
	Fonts
	
----------------------------------------------------------------------------*/
@font-face {
    font-family: 'Akkurat';
    src: url('../font/Akkurat.woff2') format('woff2');
}
@font-face {
    font-family: 'Chronicle Display';
    src: url('../font/Chronicle Display Roman.woff2') format('woff2');
}
@font-face {
    font-family: 'Chronicle Display';
    font-style: italic;
    src: url('../font/Chronicle Display Light Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../font/CormorantGaramond-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'Cormorant Garamond';
    font-style: italic;
    src: url('../font/CormorantGaramond-Italic.woff2') format('woff2');
}
@font-face {
    font-family: 'Glossy Display';
    src: url('../font/GlossyDisplay-RegularCondensed.woff2') format('woff2');
}
@font-face {
    font-family: 'Glossy Display';
    font-style: italic;
    src: url('../font/GlossyDisplay-RegularCondensedItalic.woff2') format('woff2');
}
@font-face {
    font-family: 'ITC Franklin Gothic';
    src: url('../font/ITCFranklinGothicStd-Book.woff2') format('woff2');
}
@font-face {
    font-family: 'Ogg';
    src: url('../font/Ogg-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'gadabout-icons';
    src: url('../font/gadabout-icons.woff2') format('woff2');
}

/*----------------------------------------------------------------------------
	
	Variables
	
----------------------------------------------------------------------------*/
:root {
    --caret-width: 0.2em;

    --font-akkurat: 'Akkurat';
    --font-chronicle-display: 'Chronicle Display';
    --font-cormorant-garamond: 'Cormorant Garamond';
    --font-glossy-display: 'Glossy Display';
    --font-itc-franklin-gothic: 'ITC Franklin Gothic';
    --font-ogg: 'Ogg';
    --font-icons: 'gadabout-icons';

    --theme-color-black: #000000;
    --theme-color-darkest-grey: #1A1A1A;
    --theme-color-light-grey: #B3B3B3;
    --theme-color-lightest-grey: #E0E0E0;
    --theme-color-cream: #F8F8F6;
    --theme-color-tan: #CEBFAE;
    --theme-color-light-brown: #BCB1B1;
}

/*----------------------------------------------------------------------------
	
	General
	
----------------------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
img.aligncenter {
    display: block;
}
.page-load-status,
.results-message-wrapper .results-message {
    color: var(--theme-color-light-grey);
    font-family: var(--font-glossy-display);
    font-style: italic;
    letter-spacing: -0.2px;
}
.page-load-status {
    font-size: 28px;
}
.results-message-wrapper {
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.results-message-wrapper .results-message {
    font-size: 28px;
}
.klaviyo-form input[type="email"].invalid {
    border-color: #C62C2C;
}
.klaviyo-form .success-message,
.klaviyo-form .error-message {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
}
.klaviyo-form .success-message {
    color: var(--theme-color-darkest-grey);
}
.klaviyo-form .error-message {
    color: #C62C2C;
}

@media (min-width: 576px) {
    .results-message-wrapper {
        min-height: 500px;
    }
    .results-message-wrapper .results-message {
        font-size: 40px;
    }
}

/*----------------------------------------------------------------------------
	
	Animations
	
----------------------------------------------------------------------------*/
@keyframes fadeInUp {
	from {
		transform: translate3d(0,40px,0)
	}
	to {
		transform: translate3d(0,0,0);
		opacity: 1
	}
}

.fadeInUp {
	opacity: 0;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-name: fadeInUp;
}

/*----------------------------------------------------------------------------
	
	Icons
	
----------------------------------------------------------------------------*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "gadabout-icons";
    font-style: normal;
    font-weight: normal;
    speak: never;
   
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
   
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
   
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
   
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
   
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-arrow-right:before { content: '\e800'; } /* '' */
.icon-count:before { content: '\e801'; } /* '' */
.icon-stop-1:before { content: '\e802'; } /* '' */
.icon-user-thick:before { content: '\e803'; } /* '' */
.icon-search:before { content: '\e80f'; } /* '' */
.icon-twitter:before { content: '\e811'; } /* '' */
.icon-youtube-play:before { content: '\e815'; } /* '' */
.icon-heart-filled:before { content: '\e817'; } /* '' */
.icon-heart-outline:before { content: '\e818'; } /* '' */
.icon-down-open-mini:before { content: '\e81e'; } /* '' */
.icon-left-open-mini:before { content: '\e81f'; } /* '' */
.icon-right-open-mini:before { content: '\e820'; } /* '' */
.icon-up-open-mini:before { content: '\e821'; } /* '' */
.icon-down-open-big:before { content: '\e822'; } /* '' */
.icon-left-open-big:before { content: '\e823'; } /* '' */
.icon-right-open-big:before { content: '\e824'; } /* '' */
.icon-up-open-big:before { content: '\e825'; } /* '' */
.icon-twitter-1:before { content: '\e82c'; } /* '' */
.icon-facebook-1:before { content: '\e82e'; } /* '' */
.icon-facebook-circled-1:before { content: '\e82f'; } /* '' */
.icon-pinterest:before { content: '\e833'; } /* '' */
.icon-pinterest-circled-1:before { content: '\e834'; } /* '' */
.icon-rotate:before { content: '\e838'; } /* '' */
.icon-rotate-1:before { content: '\e845'; } /* '' */
.icon-refresh:before { content: '\e846'; } /* '' */
.icon-refresh-1:before { content: '\e84b'; } /* '' */
.icon-pages:before { content: '\e84c'; } /* '' */
.icon-youtube:before { content: '\e858'; } /* '' */
.icon-right-arrow-1:before { content: '\e85a'; } /* '' */
.icon-grid-1:before { content: '\e85d'; } /* '' */
.icon-play:before { content: '\e860'; } /* '' */
.icon-play-1:before { content: '\e812'; } /* '' */
.icon-right-arrow-long:before { content: '\e861'; } /* '' */
.icon-plus:before { content: '\e862'; } /* '' */
.icon-left-arrow-long:before { content: '\e868'; } /* '' */
.icon-cart:before { content: '\e86a'; } /* '' */
.icon-close:before { content: '\e87d'; } /* '' */
.icon-menu:before { content: '\e87e'; } /* '' */
.icon-close-2:before { content: '\e87f'; } /* '' */
.icon-liketoknowit:before { content: '\e893'; } /* '' */
.icon-instagram:before { content: '\e89e'; } /* '' */
.icon-houzz:before { content: '\e8a1'; } /* '' */
.icon-play-3:before { content: '\e8a2'; } /* '' */
.icon-info:before { content: '\e8a3'; } /* '' */
.icon-left-arrow-1:before { content: '\e8ad'; } /* '' */
.icon-facebook:before { content: '\e8b2'; } /* '' */
.icon-stop:before { content: '\e8b9'; } /* '' */
.icon-close-3:before { content: '\e8c9'; } /* '' */
.icon-arrow-left:before { content: '\e8ca'; } /* '' */
.icon-grid-4:before { content: '\e8cb'; } /* '' */
.icon-cart-thick:before { content: '\e8cc'; } /* '' */
.icon-search-thick:before { content: '\e8cd'; } /* '' */
.icon-bookmark-1:before { content: '\e8cf'; } /* '' */
.icon-bookmark-2:before { content: '\e8d0'; } /* '' */
.icon-user:before { content: '\e8d1'; } /* '' */
.icon-user-filled:before { content: '\e8d2'; } /* '' */
.icon-grid-3:before { content: '\e8df'; } /* '' */
.icon-external:before { content: '\e8e3'; } /* '' */
.icon-check:before { content: '\e8ea'; } /* '' */
.icon-bookmark:before { content: '\e8ee'; } /* '' */
.icon-up-arrow:before { content: '\e8f0'; } /* '' */
.icon-right-arrow:before { content: '\e8f1'; } /* '' */
.icon-left-arrow:before { content: '\e8f2'; } /* '' */
.icon-down-arrow:before { content: '\e8f3'; } /* '' */
.icon-modern-arrow-right:before { content: '\e988'; } /* '' */
.icon-modern-arrow-left:before { content: '\e989'; } /* '' */
.icon-play-2:before { content: '\f00f'; } /* '' */

/*----------------------------------------------------------------------------
	
	Favorites Link
	
----------------------------------------------------------------------------*/
.favorites-link {
    position: absolute;
    right: 8px;
    top: 0px;
    z-index: 5;
    color: black;
    width: 40px;
    height: 40px;
    font-size: 20px;
}
.favorites-link i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 1000ms ease;
}
.favorites-link i.icon-heart-outline {
    color: var(--theme-color-light-brown);
    opacity: 1;
}
.favorites-link i.icon-heart-filled {
    color: var(--theme-color-darkest-grey);
    opacity: 0;
}
.favorites-link.active i.icon-heart-outline
.favorites-link:hover i.icon-heart-outline {
    opacity: 0;
}
.favorites-link.active i.icon-heart-filled,
.favorites-link:hover i.icon-heart-filled {
    opacity: 1;
}

/*----------------------------------------------------------------------------
	
	Template Parts - Post Card
	
----------------------------------------------------------------------------*/
.post-card {
    position: relative;
    opacity: 0; /* for fade in animation */
}
.post-card .post-card-inner {
    display: block;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-glossy-display);
    font-size: 40px;
    letter-spacing: -0.2px;
    text-decoration: none;
}
.post-card.question .post-card-inner .post-card__image-wrapper {
    background-color: var(--theme-color-cream);
    padding: 32px;
}
.post-card .post-card-inner .post-card__image {
    display: block;
    aspect-ratio: 2/3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: filter 300ms ease;
}
.post-card .post-card-inner:hover .post-card__image {
    filter: brightness(105%);
}
.post-card .post-card-inner h3 {
    font-size: 20px;
}
.post-card .post-card-inner p {
    font-family: var(--font-akkurat);
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.post-card .post-card-inner .read-more-link {
    padding: 3px 0;
    border-bottom: 1px solid var(--theme-color-darkest-grey);
    transition: border-color 300ms ease;
}
.post-card .post-card-inner:hover .read-more-link {
    border-color: transparent;
}

@media (min-width: 576px) {
    .post-card .post-card-inner h3 {
        font-size: 28px;
    }
}

/*----------------------------------------------------------------------------
	
	Template Parts - Question Card
	
----------------------------------------------------------------------------*/
.post-card.question .post-card-inner p.subtitle {
    font-size: 11px;
    letter-spacing: 0px;
    text-transform: unset;
}

/*----------------------------------------------------------------------------
	
	Template Parts - Discount Card
	
----------------------------------------------------------------------------*/
.discount-card {
    position: relative;
    opacity: 0; /* for fade in animation */
}
.discount-card:not(:last-of-type) {
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.discount-card:last-of-type {
    margin-bottom: 0 !important;
}
.discount-card .discount-card-inner {
    display: block;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 12px;
    letter-spacing: 2px;
}
.discount-card .discount-card-inner .discount-card__image img {
    display: block;
    max-width: 300px;
    margin: 0 auto;
}
.discount-card .discount-card-inner p.discount-card__details {
    text-transform: uppercase;
}
.discount-card .discount-card-inner p.discount-card__link .button {
    text-transform: uppercase;
}
.discount-card .discount-card-inner p.discount-card__link .button {
    display: inline-block;
    color: white;
    background-color: var(--theme-color-darkest-grey);
    padding: 12px 30px;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 300ms ease;
}
.discount-card .discount-card-inner p.discount-card__link .button:hover {
    background-color: var(--theme-color-tan);
}

@media (max-width: 576px) {
    .discount-card .discount-card-inner p.discount-card__details {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .discount-card .discount-card-inner p.discount-card__details .sep {
        display: none;
    }
}

/*----------------------------------------------------------------------------
	
	Template Parts - Product Card
	
----------------------------------------------------------------------------*/
.product-card {
    position: relative;
    opacity: 0; /* for fade in animation */
}
.product-card .product-card__image {
    display: block;
    aspect-ratio: 5/7;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 300ms ease;
}
.product-card:hover .product-card__image {
    filter: brightness(105%);
}
.product-card__heart {
    position: absolute;
    right: 8px;
    top: 0px;
    color: black;
    width: 40px;
    height: 40px;
}
.product-card__heart i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 1000ms ease;
}
.product-card__heart i.icon-heart-outline {
    color: var(--theme-color-light-brown);
    opacity: 1;
}
.product-card__heart i.icon-heart-filled {
    opacity: 0;
}
.product-card__heart:hover i.icon-heart-outline {
    opacity: 0;
}
.product-card__heart:hover i.icon-heart-filled {
    opacity: 1;
}

/*----------------------------------------------------------------------------
	
	Template Parts - Daily Drop Card
	
----------------------------------------------------------------------------*/
.daily-drop-card {
    position: relative;
    opacity: 0; /* for fade in animation */
}
.daily-drop-card .daily-drop__image {
    display: block;
    aspect-ratio: 4/5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms ease;
}
.daily-drop-card:hover .daily-drop__image {
    filter: brightness(105%);
}
.daily-drop-card .daily-drop__overlay {
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    z-index: 4;
    background-color: white;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease;
}
/* .daily-drop-card .daily-drop__fader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    right: 12px;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease;
} */
.daily-drop-card .daily-drop__overlay .daily-drop__overlay-heading {
    font-family: var(--font-glossy-display);
    font-size: 40px;
    font-style: italic;
    letter-spacing: -0.2px;
}
.daily-drop-card .daily-drop__overlay .daily-drop__overlay-content {
    position: relative;
    z-index: 11;
}
.daily-drop-card .daily-drop__overlay .daily-drop__overlay-content a {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-chronicle-display);
    font-size: 18px;
    text-decoration: none;
    /* white-space: nowrap; */
    transition: color 300ms ease;
}
.daily-drop-card .daily-drop__overlay .daily-drop__overlay-content a:hover {
    color: var(--theme-color-light-brown);
}
.daily-drop-card .daily-drop__overlay .daily-drop__overlay-link {
    color: var(--theme-color-darkest-grey);
    padding-bottom: 4px;
    border-bottom: 1px solid var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.daily-drop-card .daily-drop__overlay .daily-drop__overlay-link::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.daily-drop-card .favorites-link i.icon-heart-outline {
    color: var(--theme-color-cream);
}

@media (max-width: 575px) {
    .daily-drop-card {
        margin-bottom: 12px !important;
    }
    .daily-drop-card:nth-child(odd) {
        padding-right: 6px;
    }
    .daily-drop-card:nth-child(even) {
        padding-left: 6px;
    }
    /* .daily-drop-card:nth-child(odd) .daily-drop__fader {
        right: 6px;
    }
    .daily-drop-card:nth-child(left) .daily-drop__fader {
        left: 6px;
    } */
}

@media (hover: hover) {
    .daily-drop-card:hover .daily-drop__overlay {
        opacity: 1;
        pointer-events: initial;
    }
    .daily-drop-card:hover .daily-drop__fader {
        opacity: 1;
    }
}

/*----------------------------------------------------------------------------
	
	Template Parts - Attachment Card
	
----------------------------------------------------------------------------*/
.attachment-card {
    position: relative;
    opacity: 0; /* for fade in animation */
}
.attachment-card .attachment__image {
    display: block;
    aspect-ratio: 2/3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms ease;
}
.attachment-card:hover .attachment__image {
    filter: brightness(105%);
}
.attachment-card .favorites-link {
    top: 8px;
    right: 20px;
}

/*----------------------------------------------------------------------------
	
	Components - Search Form
	
----------------------------------------------------------------------------*/
.search-form {
    height: 120px;
}
.search-form .search-form__input-wrapper,
.search-form .search-form__submit-wrapper,
.search-form .search-form__input-wrapper input[type="text"],
.search-form .search-form__submit-wrapper input[type="submit"] {
    height: 100%;
}
.search-form .search-form__input-wrapper input[type="text"] {
    width: 100%;
}
.search-form .search-form__input-wrapper input[type="text"]::placeholder {
    color: var(--theme-color-darkest-grey);
    opacity: 1;
}
.search-form .search-form__submit-wrapper {
    position: relative;
}
.search-form input[type="text"],
.search-form input[type="submit"] {
    background-color: white;
    border: none;
    outline: none;
}
.search-form input[type="text"] {
    font-family: var(--font-glossy-display);
    font-size: 28px;
    font-style: italic;
    letter-spacing: -0.2px;
}
.search-form input[type="submit"] {
    position: relative;
    padding-right: 45px;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.search-form .search-form__submit-wrapper::after {
    content: '\E85A';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    font-family: var(--font-icons);
    font-size: 30px;
    line-height: 100%;
}
.search-form .search-form__submit-wrapper input[type="submit"],
.search-form .search-form__submit-wrapper::after {
    transition: color 300ms ease;
}
.search-form .search-form__submit-wrapper:hover input[type="submit"],
.search-form .search-form__submit-wrapper:hover::after {
    color: var(--theme-color-tan);
}

@media (min-width: 576px) {
    .search-form input[type="text"] {
        font-size: 36px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Horizontal Icon Sep
	
----------------------------------------------------------------------------*/
.component-horizontal-icon-sep .monogram {
    width: 80px;
    height: auto;
    padding: 10px 20px;
    color: var(--theme-color-darkest-grey);
    background-color: white;
}
.component-horizontal-icon-sep .line {
    position: absolute;
    top: 50%;
    left: calc(var(--bs-gutter-x)* .5);
    right: calc(var(--bs-gutter-x)* .5);
    z-index: -1;
    border-top: 1px solid var(--theme-color-lightest-grey);
}

/*----------------------------------------------------------------------------
	
	Components - Horizontal Single Sep
	
----------------------------------------------------------------------------*/
.component-horizontal-single-sep-inner {
    border-top: 1px solid var(--theme-color-lightest-grey);
}

/*----------------------------------------------------------------------------
	
	Components - Horizontal Double Sep
	
----------------------------------------------------------------------------*/
.component-horizontal-double-sep-inner {
    height: 6px;
    border-top: 1px solid var(--theme-color-lightest-grey);
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}

/*----------------------------------------------------------------------------
	
	Components - Full-bleed Single Post
	
----------------------------------------------------------------------------*/
.component-full-bleed-single-post {
    position: relative;
    background-color: var(--theme-color-cream);
}
.component-full-bleed-single-post .bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.component-full-bleed-single-post .post-details .post-details-inner {
    padding: 40px 60px;
}
.component-full-bleed-single-post .post-details .post-details__title {
    font-family: var(--font-glossy-display);
    font-size: 36px;
    letter-spacing: -0.2px;
}
.component-full-bleed-single-post .post-details .post-details__excerpt {
    font-family: var(--font-chronicle-display);
    font-size: 16px;
    line-height: 30px;
}
.component-full-bleed-single-post .post-details .post-details__meta {
    font-family: var(--font-itc-franklin-gothic);
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.component-full-bleed-single-post .post-details .post-details__link {
    color: var(--theme-color-darkest-grey);
    padding: 5px 1px;
    border-bottom: 1px solid var(--theme-color-darkest-grey);

    font-family: var(--font-akkurat);
    font-size: 11px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;

    transition: border-color 300ms ease;
}
.component-full-bleed-single-post .post-details .post-details__link::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.component-full-bleed-single-post .post-details .post-details__link:hover {
    border-color: transparent;
}

@media (min-width: 992px) {
    .component-full-bleed-single-post .post-image,
    .component-full-bleed-single-post .post-image .bg-image {
        height: 100%;
    }
    .component-full-bleed-single-post .post-details .post-details-inner {
        padding: 40px;
    }
}
@media (min-width: 1200px) {
    .component-full-bleed-single-post .post-details .post-details-inner {
        padding: 40px 80px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Full-width Image Banner
	
----------------------------------------------------------------------------*/
.component-full-width-image-banner-wrapper {
    position: relative;
}
.component-full-width-image-banner-wrapper .background-overlay,
.component-full-width-image-banner-wrapper .background-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.component-full-width-image-banner-wrapper .background-overlay {
    background-color: var(--theme-color-darkest-grey);
    opacity: 0.5;
    z-index: -1;
}
.component-full-width-image-banner-wrapper .background-image {
    z-index: -2;
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 1000ms ease-in-out, filter 300ms ease;
}
.component-full-width-image-banner-wrapper:hover .background-image {
    filter: brightness(105%);
}
.component-full-width-image-banner-wrapper .background-image.loaded {
    opacity: 1;
}
.component-full-width-image-banner {
    padding-top: 80px;
    padding-bottom: 80px;
}
.component-full-width-image-banner .headline,
.component-full-width-image-banner .subheadline {
    color: white;
    font-family: var(--font-glossy-display);
    font-size: 40px;
    letter-spacing: -0.2px;
}
.component-full-width-image-banner .headline {
    text-transform: uppercase;
}
.component-full-width-image-banner .subheadline {
    font-style: italic;
    text-transform: lowercase;
}
.component-full-width-image-banner .link {
    padding: 12px 0;
    border-bottom: 2px solid white;
    color: white;
    text-decoration: none;

    font-family: var(--font-akkurat);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 300ms ease-in-out;
}
.component-full-width-image-banner .link::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.component-full-width-image-banner .link:hover {
    border-color: transparent;
}

@media (min-width: 576px) {
    .component-full-width-image-banner {
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .component-full-width-image-banner .headline,
    .component-full-width-image-banner .subheadline {
        font-size: 56px;
    }
    .component-full-width-image-banner .subheadline {
        font-size: 48px;
    }
    .component-full-width-image-banner .link {
        font-size: 13px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Heading with Dropdown
	
----------------------------------------------------------------------------*/
.component-heading-with-dropdown-wrapper {
    background-color: var(--theme-color-cream);
    padding: 20px;
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.component-heading-with-dropdown__heading h1 {
    margin: 0;
    font-family: var(--font-glossy-display);
    font-size: 40px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}
.component-heading-with-dropdown__heading small {
    font-size: 37px;
    font-style: italic;
    letter-spacing: -0.2px;
    text-transform: lowercase;
}
.component-heading-with-dropdown__menu-toggle {
    position: relative;
    font-family: var(--font-glossy-display);
    font-size: 1.5em;
    font-style: italic;
    letter-spacing: -0.2px;
}
.component-heading-with-dropdown__menu-toggle a {
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
}
.component-heading-with-dropdown__menu-toggle::after {
    content: "";
    display: inline-block;
    margin-left: var(--caret-width) * .85;
    vertical-align: middle;
    border-top: var(--caret-width) solid;
    border-right: var(--caret-width) solid transparent;
    border-bottom: 0;
    border-left: var(--caret-width) solid transparent;
}
.component-heading-with-dropdown__menu .dropdown-menu,
.component-heading-with-dropdown__menu-toggle .dropdown-menu {
    font-family: var(--font-glossy-display);
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.2px;
}
.component-heading-with-dropdown__menu-toggle .dropdown-menu li.is-child a {
    padding-left: 32px;
    font-family: var(--font-itc-franklin-gothic);
    font-size: 12px;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.component-heading-with-dropdown__menu {
    display: none;
}
.component-heading-with-dropdown__menu .menu {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: var(--font-glossy-display);
    font-size: 26px;
    font-style: italic;
    letter-spacing: -0.2px;
}
.component-heading-with-dropdown__menu .menu .dropdown-toggle::after {
    content: "";
    display: inline-block;
    margin-left: var(--caret-width);
    vertical-align: middle;
    border-top: var(--caret-width) solid;
    border-right: var(--caret-width) solid transparent;
    border-bottom: 0;
    border-left: var(--caret-width) solid transparent;
}
.component-heading-with-dropdown__menu .menu > li > a {
    display: block;
    margin: 0 20px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    color: var(--theme-color-darkest-grey);
    transition: border-color 300ms ease-in-out;
}
.component-heading-with-dropdown__menu .menu li.current-menu-item a,
.component-heading-with-dropdown__menu .menu li a:hover {
    border-color: var(--theme-color-darkest-grey);
}

@media (min-width: 576px) {
    .component-heading-with-dropdown__heading h1 {
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .component-heading-with-dropdown__menu-toggle {
        display: none;
    }
    .component-heading-with-dropdown__menu {
        display: flex;
        position: static;
    }
    .component-heading-with-dropdown__menu .menu {
        flex-direction: row;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Centered Menu
	
----------------------------------------------------------------------------*/
.component-centered-menu-wrapper {
    background-color: var(--theme-color-darkest-grey);
    padding: 40px 20px;
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.component-centered-menu__menu-toggle {
    position: relative;
    font-family: var(--font-glossy-display);
    font-size: 1.5em;
    font-style: italic;
    letter-spacing: -0.2px;
}
.component-centered-menu__menu-toggle a {
    color: white;
    text-decoration: none;
    transition: color 300ms ease;
}
.component-centered-menu__menu-toggle::after {
    content: "";
    display: inline-block;
    margin-left: var(--caret-width) * .85;
    vertical-align: middle;
    border-top: var(--caret-width) solid white;
    border-right: var(--caret-width) solid transparent;
    border-bottom: 0;
    border-left: var(--caret-width) solid transparent;
}
.component-centered-menu__menu .dropdown-menu,
.component-centered-menu__menu-toggle .dropdown-menu {
    font-family: var(--font-itc-franklin-gothic);
    font-size: 12px;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.component-centered-menu__menu-toggle .dropdown-menu .dropdown-item {
    color: var(--theme-color-darkest-grey);
    padding-top: 6px;
    padding-bottom: 6px;
}
.component-centered-menu__menu-toggle .dropdown-menu li.is-child a {
    padding-left: 32px;
    font-size: 10px;
}
.component-centered-menu__menu {
    display: none;
}
.component-centered-menu__menu .menu {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.component-centered-menu__menu .menu .dropdown-toggle::after {
    content: "";
    display: inline-block;
    margin-left: var(--caret-width);
    vertical-align: middle;
    border-top: var(--caret-width) solid;
    border-right: var(--caret-width) solid transparent;
    border-bottom: 0;
    border-left: var(--caret-width) solid transparent;
}
.component-centered-menu__menu .menu > li > a {
    display: block;
    margin: 0 20px;
    line-height: 40px;
    text-decoration: none;
    text-wrap: nowrap;
    border-bottom: 1px solid transparent;
    color: white;
    transition: border-color 300ms ease-in-out;
}
.component-centered-menu__menu .menu > li.glossy > a {
    font-family: var(--font-glossy-display);
    font-size: 24px;
    letter-spacing: -0.2px;
}
.component-centered-menu__menu .menu li.current-menu-item a,
.component-centered-menu__menu .menu li a:hover {
    color: var(--theme-color-light-grey);
}

@media (min-width: 576px) {
    .component-centered-menu__heading h1 {
        font-size: 50px;
    }
}
@media (min-width: 992px) {
    .component-centered-menu__menu-toggle {
        display: none;
    }
    .component-centered-menu__menu {
        display: flex;
        position: static;
    }
    .component-centered-menu__menu .menu {
        flex-direction: row;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Product List
	
----------------------------------------------------------------------------*/
.component-product-list-wrapper .view-more-link {
    color: var(--theme-color-darkest-grey);
    padding: 12px 4px;
    border-bottom: 1px solid #F3EFEF;
    font-family: var(--font-glossy-display);
    font-size: 28px;
    font-style: italic;
    letter-spacing: -0.2px;
    text-decoration: none;
    transition: border-color 300ms ease-in-out;
}
.component-product-list-wrapper .view-more-link:hover {
    border-color: var(--theme-color-darkest-grey);
}

@media (min-width: 576px) {
    .component-product-list-wrapper .view-more-link {
        font-size: 40px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Post List
	
----------------------------------------------------------------------------*/
.section-posts-wrapper .results-message {
    color: var(--theme-color-light-grey);
    font-family: var(--font-glossy-display);
    font-size: 40px;
    font-style: italic;
    letter-spacing: -0.2px;
}
.section-posts .row .post-card:nth-child(odd) {
    padding-right: calc(var(--bs-gutter-x)* 0.25);
}
.section-posts .row .post-card:nth-child(even) {
    padding-left: calc(var(--bs-gutter-x)* 0.25);
}
.component-post-list__view-more a {
    color: var(--theme-color-darkest-grey);
    padding: 8px 4px;
    border-bottom: 1px solid var(--theme-color-lightest-grey);
    font-family: var(--font-glossy-display);
    font-size: 40px;
    font-style: italic;
    letter-spacing: -0.2px;
    text-decoration: none;
    transition: border-color 300ms ease;
}
.component-post-list__view-more a:hover {
    border-color: var(--theme-color-darkest-grey);
}
@media (min-width: 576px) {
    .section-posts .row .post-card:nth-child(odd) {
        padding-right: calc(var(--bs-gutter-x)* 0.5);
    }
    .section-posts .row .post-card:nth-child(even) {
        padding-left: calc(var(--bs-gutter-x)* 0.5);
    }
}

/*----------------------------------------------------------------------------
	
	Components - Post Trio
	
----------------------------------------------------------------------------*/
.component-post-trio {
    
}
.component-post-trio .container {
    overflow-x: scroll;
    scrollbar-width: none;
}
.component-post-trio .container::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.component-post-trio .container .row {
    min-width: 800px;
}
.component-post-trio .post-trio-item .post-trio-item-inner {
    display: block;
    position: relative;
}
.component-post-trio .post-trio-item:first-child .post-trio-item-inner,
.component-post-trio .post-trio-item:last-child .post-trio-item-inner {
    margin-top: 40px;
}
.component-post-trio .post-trio-item:first-child .post-trio-item-inner {
    margin-right: 20px;
}
.component-post-trio .post-trio-item:last-child .post-trio-item-inner {
    margin-left: 20px;
}
.component-post-trio .post-trio-item .post-trio-item__media {
    display: block;
    aspect-ratio: 3/4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: filter 300ms ease;
}
.component-post-trio .post-trio-item:hover .post-trio-item__media {
    filter: brightness(105%);
}
.component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__title {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-glossy-display);
    font-size: 18px;
    text-decoration: none;
}
.component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__title {

}
.component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__title.chronicle {
    font-family: var(--font-chronicle-display);
    font-size: 18px;
}
.component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__title::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__small-text {
    position: relative;
    margin-left: 56px;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.component-post-trio .post-trio-item .post-trio-item__heading a.post-trio-item__small-text {
    z-index: 5;
}
.component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__small-text::before {
    content: '';
    position: absolute;
    background-color: var(--theme-color-darkest-grey);
    top: 5px;
    left: -48px;
    height: 1px;
    width: 32px;
}

@media (min-width: 576px) {
    .component-post-trio .post-trio-item:first-child .post-trio-item-inner {
        margin-right: 40px;
    }
    .component-post-trio .post-trio-item:last-child .post-trio-item-inner {
        margin-left: 40px;
    }
    .component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__title {
        font-size: 32px;
    }
    .component-post-trio .post-trio-item .post-trio-item__heading .post-trio-item__title.chronicle {
        font-size: 22px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Post Duo
	
----------------------------------------------------------------------------*/
.component-post-duo,
.component-post-duo .post-duo-item {
    position: relative;
}
.component-post-duo .post-duo-item {
    display: flex;
    align-items: center;
    gap: 20px;
}
.component-post-duo .post-duo-item:first-child {
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.component-post-duo .post-duo-item .post-duo-item__media {
    display: block;
    transition: filter 300ms ease;
}
.component-post-duo .post-duo-item .post-duo-item__media img {
    width: 150px;
    aspect-ratio: 2/3;
    object-fit: cover;
}
.component-post-duo .post-duo-item:hover .post-duo-item__media {
    filter: brightness(105%);
}
.component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__title {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-glossy-display);
    font-size: 22px;
    line-height: 28px;
    text-decoration: none;
}
.component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__title.chronicle {
    font-family: var(--font-chronicle-display);
    font-size: 15px;
    line-height: 19px;
}
.component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__title::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__small-text {
    position: relative;
    margin-left: 56px;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.component-post-duo .post-duo-item .post-duo-item__heading a.post-duo-item__small-text {
    z-index: 5;
}
.component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__small-text::before {
    content: '';
    position: absolute;
    background-color: var(--theme-color-darkest-grey);
    top: 5px;
    left: -48px;
    height: 1px;
    width: 32px;
}

@media (min-width: 576px) {
    .component-post-duo .post-duo-item .post-duo-item__media img {
        width: 200px;
    }
    .component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__title {
        font-size: 32px;
    }
    .component-post-duo .post-duo-item .post-duo-item__heading .post-duo-item__title.chronicle {
        font-size: 22px;
    }
}
@media (min-width: 992px) {
    .component-post-duo .post-duo-item:first-child {
        padding-right: 30px;
        border-right: 1px solid var(--theme-color-lightest-grey);
        border-bottom: 0;
    }
    .component-post-duo .post-duo-item:last-child {
        padding-left: 30px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - CTA Duo
	
----------------------------------------------------------------------------*/
.component-cta-duo .cta-duo-item {
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.component-cta-duo .cta-duo-item:first-child {
    border-top: 1px solid var(--theme-color-lightest-grey);
}
.component-cta-duo .cta-duo-item .cta-duo-item__media img  {
    width: 100px;
    height: auto;
}

.component-cta-duo .cta-duo-item .cta-duo-item__content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    flex-grow: 1;
}
.component-cta-duo .cta-duo-item .cta-duo-item__title {
    font-family: var(--font-glossy-display);
    font-size: 24px;
    line-height: 28px;
}
.component-cta-duo .cta-duo-item .cta-duo-item__content {
    font-family: var(--font-cormorant-garamond);
    font-size: 17px;
}

.component-cta-duo .cta-duo-item .cta-duo-item__button .cta-button {
    display: inline-block;
    color: white;
    background-color: var(--theme-color-darkest-grey);
    padding: 12px 30px;
    font-family: var(--font-akkurat);
    font-size: 8px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 300ms ease;
}
.component-cta-duo .cta-duo-item .cta-duo-item__button .cta-button:hover {
    background-color: var(--theme-color-tan);
}

@media (min-width: 992px) {
    .component-cta-duo .cta-duo-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top: 1px solid var(--theme-color-lightest-grey);
        border-bottom: 1px solid var(--theme-color-lightest-grey);
    }
    .component-cta-duo .cta-duo-item {
        border-bottom: none;
    }
    .component-cta-duo .cta-duo-item:first-child {
        padding-right: 30px;
        border-top: none;
        border-right: 1px solid var(--theme-color-lightest-grey);
    }
    .component-cta-duo .cta-duo-item:last-child {
        padding-left: 30px;
    }
    .component-cta-duo .cta-duo-item .cta-duo-item__title {
        font-size: 28px;
        line-height: 32px;
    }
}
@media (min-width: 1200px) {
    .component-cta-duo .cta-duo-item .cta-duo-item__media img  {
        width: 80px;
    }
    .component-cta-duo .cta-duo-item .cta-duo-item__content {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
    }
}

/*----------------------------------------------------------------------------
	
	Components - Content Menu Duo
	
----------------------------------------------------------------------------*/
.component-content-menu-duo .content-menu-duo__content-inner {
    border-top: 1px solid var(--theme-color-lightest-grey);
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.component-content-menu-duo .content-menu-duo__content .content-menu-duo__content-heading h3 {
    margin: 0;
    font-family: var(--font-akkurat);
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}
.component-content-menu-duo .content-menu-duo__content .content-menu-duo__content-body {
    font-family: var(--font-glossy-display);
    font-size: 19px;
    font-style: italic;
    letter-spacing: -0.2px;
    line-height: 24px;
}
.component-content-menu-duo .content-menu-duo__content .content-menu-duo__content-body p {
    margin: 0;
}

.component-content-menu-duo .content-menu-duo__menu .content-menu-duo__menu-heading h3 {
    margin: 0;
    font-family: var(--font-glossy-display);
    font-size: 37px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    white-space: nowrap;
}
.component-content-menu-duo .content-menu-duo__menu .content-menu-duo__menu-heading h3 small {
    font-style: italic;
    text-transform: lowercase;
}
.component-content-menu-duo .content-menu-duo__menu .content-menu-duo__menu-heading h3 a {
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
}
.component-content-menu-duo__menu-toggle {
    position: relative;
    font-family: var(--font-glossy-display);
    font-size: 1.5em;
    font-style: italic;
    letter-spacing: -0.2px;
}
.component-content-menu-duo__menu-toggle a {
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
}
.component-content-menu-duo__menu-toggle::after {
    content: "";
    display: inline-block;
    margin-left: var(--caret-width) * .85;
    vertical-align: middle;
    border-top: var(--caret-width) solid;
    border-right: var(--caret-width) solid transparent;
    border-bottom: 0;
    border-left: var(--caret-width) solid transparent;
}
.component-content-menu-duo__menu-toggle .dropdown-menu {
    font-family: var(--font-glossy-display);
    font-size: 18px;
    font-style: normal;
    letter-spacing: -0.2px;
}
.component-content-menu-duo__menu-toggle .dropdown-menu li.is-child a {
    padding-left: 32px;
    font-family: var(--font-itc-franklin-gothic);
    font-size: 12px;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.component-content-menu-duo .content-menu-duo__menu .content-menu-duo__menu-body .menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.component-content-menu-duo .content-menu-duo__menu .content-menu-duo__menu-body .menu li a {
    color: var(--theme-color-darkest-grey);
    padding: 5px 0;
    border-bottom: 1px solid transparent;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: border-color 300ms ease;
}
.component-content-menu-duo .content-menu-duo__menu .content-menu-duo__menu-body .menu li a:hover {
    border-color: var(--theme-color-darkest-grey);
}

@media (min-width: 576px) {
    .component-content-menu-duo .content-menu-duo__content .content-menu-duo__content-body {
        font-size: 30px;
        line-height: 27px;
    }
}
@media (min-width: 992px) {
    .component-content-menu-duo .container {
        border-top: 1px solid var(--theme-color-lightest-grey);
        border-bottom: 1px solid var(--theme-color-lightest-grey);
    }
    .component-content-menu-duo .content-menu-duo__content-inner {
        padding-right: 30px;
        border-top: none;
        border-bottom: none;
        border-right: 1px solid var(--theme-color-lightest-grey);
    }
    .component-content-menu-duo .content-menu-duo__menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .component-content-menu-duo .content-menu-duo__menu-inner {
        padding-left: 30px;
    }
}
@media (min-width: 1200px) {
    .component-content-menu-duo__menu-toggle {
        display: none;
    }
}

/*----------------------------------------------------------------------------
	
	Drawer
	
----------------------------------------------------------------------------*/
body.active {
    overflow-y: hidden;
}
body.active .header .top-bar-wrapper .top-bar__icon {
    opacity: 0;
}
.drawer {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 80px);
    z-index: 51;
    background-color: var(--theme-color-black);
}
.drawer .drawer-inner {
    max-width: 100%;
    padding: 50px;
    overflow-y: scroll;
}

.drawer .drawer-inner .wordmark-section svg {
    color: white;
    width: 100%;
    max-width: 215px;
}
.drawer .drawer-inner .menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.drawer .drawer-inner .menu li a {
    color: white;
    text-decoration: none;
}
.drawer .drawer-inner .menu-section--primary .menu li a {
    font-family: var(--font-glossy-display);
    font-style: italic;
    font-size: 24px;
    letter-spacing: -0.2px;
}
.drawer .drawer-inner .menu-section--secondary .menu li a,
.drawer .drawer-inner .menu-section--tertiary .menu li a {
    font-family: var(--font-akkurat);
    letter-spacing: 2px;
    text-transform: uppercase;
}
.drawer .drawer-inner .menu-section--secondary .menu li a {
    font-size: 14px;
}
.drawer .drawer-inner .menu-section--tertiary .menu li a {
    font-size: 10px;
}
.drawer .drawer-inner .menu-section--primary .menu,
.drawer .drawer-inner .menu-section--tertiary .menu {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.drawer .drawer-inner .menu-section--primary .menu::-webkit-scrollbar,
.drawer .drawer-inner .menu-section--tertiary .menu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.drawer .drawer-inner .menu-section--primary .menu li,
.drawer .drawer-inner .menu-section--tertiary .menu li {
    flex-shrink: 0;
}
.drawer .drawer-inner .menu-section--primary .menu li:first-child,
.drawer .drawer-inner .menu-section--tertiary .menu li:first-child {
    margin-left: auto;
}
.drawer .drawer-inner .menu-section--primary .menu li:last-child,
.drawer .drawer-inner .menu-section--tertiary .menu li:last-child {
    margin-right: auto;
}
.drawer .drawer-inner .menu-section--primary .menu {
    gap: 20px;
}
.drawer .drawer-inner .menu-section--tertiary .menu {
    gap: 15px;
}
.drawer .drawer-inner .menu-section--primary .menu li a,
.drawer .drawer-inner .menu-section--tertiary .menu li a {
    white-space: nowrap;
}
.drawer .drawer-inner .menu-section--secondary .menu {
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
.drawer .drawer-inner .menu-section--secondary .menu li a {
    display: inline-block;
    padding: 10px 15px;
}


.drawer .drawer-inner .icon-section .icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme-color-black);
    background-color: white;
    width: 90px;
    height: 90px;
    padding: 20px;
}
.drawer .drawer-inner .icon-section .icon-wrapper svg {
    width: 100%;
}

/*----------------------------------------------------------------------------
	
	Header
	
----------------------------------------------------------------------------*/
.header {
    position: relative;
    z-index: 9;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

/* Top Bar */
.header .top-bar-wrapper {
    position: relative;
    z-index: 50; /* Top bar contains the toggle button on mobile, so overlay it above the drawer */
    color: white;
    background-color: var(--theme-color-black);
    line-height: 80px;
}
.header .top-bar-wrapper .top-bar__menu {
    display: flex;
    align-items: center;
}
.header .top-bar-wrapper .top-bar__menu .toggler {
    width: 40px;
    height: 40px;
    padding: 0 8px;
    border: 0;
    background-color: transparent;
}
.header .top-bar-wrapper .top-bar__menu .toggler span {
    display: block;
    width: 20px;
    height: 1px;
    margin: 6px 0;
    background-color: white;
    transition: all 500ms ease;
}
.header .top-bar-wrapper .top-bar__menu .toggler.active span:nth-child(1) {
    width: 24px;
    transform: translate(0, 3px) rotate(-45deg);
}
.header .top-bar-wrapper .top-bar__menu .toggler.active span:nth-child(2) {
    width: 24px;
    transform: translate(0, -4px) rotate(45deg);
}

.header .top-bar-wrapper .top-bar__menu .top-bar__menu-inner {
    gap: 20px;
}
.header .top-bar-wrapper .top-bar__menu .search-link {
    color: white;
    text-decoration: none;
    white-space: nowrap;
    transition: color 300ms ease;
}
.header .top-bar-wrapper .top-bar__menu .search-link:hover {
    color: var(--theme-color-light-grey);
}
.header .top-bar-wrapper .top-bar__menu .search-link svg {
    display: block;
    width: 18px;
    height: 18px;
}
.header .top-bar-wrapper .top-bar__menu .style-quiz-link {
    color: white;
    text-decoration: none;
    white-space: nowrap;
    font-family: var(--font-chronicle-display);
    font-size: 14px;
    font-style: italic;
}
.header .top-bar-wrapper .top-bar__menu .menu {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.header .top-bar-wrapper .top-bar__menu .menu li a {
    color: white;
    padding: 10px 5px;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 300ms ease;
}
.header .top-bar-wrapper .top-bar__menu .menu li a:hover {
    color: var(--theme-color-light-grey);
}
.header .top-bar-wrapper .top-bar__icon {
    transition: opacity 300ms ease;
}
.header .top-bar-wrapper .top-bar__icon a {
    color: white;
    transition: color 300ms ease;
}
.header .top-bar-wrapper .top-bar__icon a:hover {
    color: var(--theme-color-light-grey);
}
.header .top-bar-wrapper .top-bar__icon svg {
    width: 50px;
    height: auto;
}
.header .top-bar-wrapper .top-bar__links-inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}
.header .top-bar-wrapper .top-bar__menu .sep,
.header .top-bar-wrapper .top-bar__links .sep {
    display: block;
    position: relative;
}
.header .top-bar-wrapper .top-bar__menu .sep::after,
.header .top-bar-wrapper .top-bar__links .sep::after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 22px;
    transform: translate(0, -50%);
    background-color: white;
}
.header .top-bar-wrapper .top-bar__links a {
    color: white;
    text-decoration: none;
    white-space: nowrap;
    transition: color 300ms ease;
}
.header .top-bar-wrapper .top-bar__links a:hover {
    color: var(--theme-color-light-grey);
}
.header .top-bar-wrapper .top-bar__links .style-quiz-link {
    font-family: var(--font-chronicle-display);
    font-size: 14px;
    font-style: italic;
}
.header .top-bar-wrapper .top-bar__links .account-link {
    height: 80px;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.header .top-bar-wrapper .top-bar__links a svg {
    display: block;
    width: 18px;
    height: 18px;
}

/* Nav Bar */
.header .nav-bar-wrapper {
    color: var(--theme-color-darkest-grey);
    background-color: white;
    line-height: 120px;
}
.header .nav-bar-wrapper .nav-bar__logo h1 {
    display: inline;
    margin: 0;
    line-height: unset;
}
.header .nav-bar-wrapper .nav-bar__logo h1 a {
    text-decoration: none;
}
.header .nav-bar-wrapper .nav-bar__logo svg {
    width: 190px;
    height: auto;
    max-width: 100%;
    color: var(--theme-color-darkest-grey);
}
.header .nav-bar-wrapper .nav-bar__menu-primary .menu,
.header .nav-bar-wrapper .nav-bar__menu-secondary .menu {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    list-style-type: none;
    padding: 0 0 0 20px;
    margin: 0;
}
.header .nav-bar-wrapper .nav-bar__menu-secondary .menu {
    justify-content: flex-end;
}
.header .nav-bar-wrapper .nav-bar__menu-primary .menu li.hide {
    display: none;
}
.header .nav-bar-wrapper .nav-bar__menu-primary .menu li a,
.header .nav-bar-wrapper .nav-bar__menu-secondary .menu li a {
    padding: 5px 3px;
    border-bottom: 1px solid transparent;
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 300ms ease;
}
.header .nav-bar-wrapper .nav-bar__menu-primary .menu li:hover a,
.header .nav-bar-wrapper .nav-bar__menu-secondary .menu li:hover a {
    border-color: var(--theme-color-darkest-grey);
}
.header .nav-bar-wrapper .nav-bar__menu-primary .menu li a {
    font-family: var(--font-glossy-display);
    font-size: 24px;
    letter-spacing: -0.2px;
}
.header .nav-bar-wrapper .nav-bar__menu-primary .menu li.current-menu-item a {
    font-style: italic;
}
.header .nav-bar-wrapper .nav-bar__menu-secondary .menu li a {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* Search Form */
.header .search-wrapper {
    position: absolute;
    top: -48px;
    left: 0;
    right: 0;
    height: 128px;
    z-index: 14;
    background-color: white;
    transition: top 300ms ease;
}
.header .search-wrapper.active {
    top: 80px;
}
.header .search-wrapper .search-form {
    height: 128px;
}

@media (min-width: 576px) {
    .header .top-bar-wrapper .top-bar__menu .top-bar__menu-inner {
        padding: 0 0 0 20px;
    }
    .header .top-bar-wrapper .top-bar__links-inner,
    .header .nav-bar-wrapper .nav-bar__menu-primary .menu {
        padding: 0 20px 0 0;
    }
    .header .top-bar-wrapper .top-bar__links-inner {
        gap: 20px;
    }
    .header .nav-bar-wrapper .nav-bar__menu-primary .menu li.hide {
        display: block;
    }
}

@media (min-width: 1200px) {
    .header .nav-bar-wrapper .nav-bar__menu-primary .menu,
    .header .nav-bar-wrapper .nav-bar__menu-secondary .menu {
        gap: 28px;
    }
    .header .nav-bar-wrapper .nav-bar__menu-primary .menu {
        padding: 0 0 0 20px;
    }
    .header .nav-bar-wrapper .nav-bar__menu-secondary .menu {
        padding: 0 20px 0 0;
    }
}






.section-heading h1,
.section-heading h2,
.section-heading h3 {
    margin: 0;
    font-family: var(--font-glossy-display);
    font-size: 46px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}
.section-heading h1 small,
.section-heading h2 small,
.section-heading h3 small {
    font-size: 37px;
    font-style: italic;
    text-transform: lowercase;
}
.section-heading h1 em,
.section-heading h2 em,
.section-heading h3 em {
    font-style: italic;
    text-transform: lowercase;
}

.section-description {
    font-family: var(--font-cormorant-garamond);
    font-size: 15px;
}
.section-description .row .col {
    max-width: 600px;
    margin: 0 auto;
}

.section-main-menu .menu,
.section-sub-menu .menu,
.section-search-menu .menu {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    list-style-type: none;
    padding: 0 0 0 20px;
    margin: 0;
    overflow-x: scroll;
    scrollbar-width: none;
}
.section-main-menu .menu::-webkit-scrollbar,
.section-sub-menu .menu::-webkit-scrollbar,
.section-search-menu .menu::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}
.section-main-menu .menu {
    border-top: 1px solid var(--theme-color-lightest-grey);
    border-bottom: 1px solid var(--theme-color-lightest-grey);
    line-height: 70px;
}
.section-sub-menu .menu {
    border-bottom: 1px solid var(--theme-color-lightest-grey);
    line-height: 50px;
}
.section-search-menu .menu {
    border-bottom: 1px solid var(--theme-color-lightest-grey);
    line-height: 70px;
}
.section-main-menu .menu li a,
.section-main-menu .menu li button,
.section-sub-menu .menu li a,
.section-search-menu .menu li a,
.section-search-menu .menu li button {
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 300ms ease;
}
.section-main-menu .menu li button {
    background-color: white;
    border: none;
}
.section-main-menu .menu li a,
.section-main-menu .menu li button,
.section-search-menu .menu li a,
.section-search-menu .menu li button {
    font-family: var(--font-chronicle-display);
    font-size: 16px;
}
.section-sub-menu .menu li a,
.section-sub-menu .menu li button {
    font-family: var(--font-itc-franklin-gothic);
    font-size: 9px;
    letter-spacing: 2px;
}
.section-main-menu .menu li a:hover,
.section-main-menu .menu li.current-menu-item a,
.section-main-menu .menu li button:hover,
.section-main-menu .menu li.current-menu-item button,
.section-sub-menu .menu li a:hover,
.section-sub-menu .menu li.current-menu-item a,
.section-sub-menu .menu li button:hover,
.section-sub-menu .menu li.current-menu-item button,
.section-search-menu .menu li a:hover,
.section-search-menu .menu li.current-menu-item a,
.section-search-menu .menu li button:hover,
.section-search-menu .menu li.current-menu-item button {
    color: var(--theme-color-light-grey);
}

@media (min-width: 576px) {
    .section-heading h1,
    .section-heading h2,
    .section-heading h3 {
        font-size: 50px;
    }
    .section-main-menu .menu,
    .section-sub-menu .menu,
    .section-search-menu .menu {
        justify-content: center;
        gap: 50px;
        padding: 0;
    }
}

/*----------------------------------------------------------------------------
	
	Footer
	
----------------------------------------------------------------------------*/
.footer__subscribe {
    gap: 40px;
}
.footer__subscribe .footer-subscribe-heading {
    font-family: var(--font-glossy-display);
    font-size: 40px;
    letter-spacing: -0.2px;
}
.footer__subscribe .footer-subscribe-content {
    font-family: var(--font-cormorant-garamond);
    font-size: 15px;
}
.footer__subscribe .footer-subscribe-form .input-wrapper {
    margin-bottom: 30px;
}
.footer__subscribe .footer-subscribe-form label {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
}
.footer__subscribe .footer-subscribe-form input,
.footer__subscribe .footer-subscribe-form button {
    outline: none;
    box-shadow: none;
}
.footer__subscribe .footer-subscribe-form input {
    color: var(--theme-color-light-grey);
    border-color: var(--theme-color-light-grey);
    border-radius: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 24px;
}
.footer__subscribe .footer-subscribe-form button {
    padding: 15px 30px;
    border: 0;
    background-color: var(--theme-color-darkest-grey);
    border-radius: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
    transition: background-color 300ms ease;
}
.footer__subscribe .footer-subscribe-form button:focus,
.footer__subscribe .footer-subscribe-form button:hover {
    background-color: var(--theme-color-tan);
}

.footer-menu-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}
.footer-menu-wrapper .footer-wordmark {
    flex-shrink: 0;
}
.footer-menu-wrapper .footer-wordmark svg {
    width: 100%;
    max-width: 215px;
}
.footer-menu-wrapper .footer__menus {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 20px;
    width: 100%;
}
.footer-menu-wrapper .footer__menus .menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer-menu-wrapper .footer__menus .footer__menus__wrap h4 {
    font-family: var(--font-akkurat);
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 40px;
    text-transform: uppercase;
}
.footer-menu-wrapper .footer__menus .menu li a {
    display: block;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 300ms ease;
}
.footer-menu-wrapper .footer__menus .menu li a:hover {
    color: var(--theme-color-light-grey);
}
.footer-menu-wrapper .footer-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: var(--theme-color-black);
    width: 85px;
    height: 85px;
    padding: 20px;
}
.footer-menu-wrapper .footer-icon svg {
    width: 100%;
}

.footer__credits {
    color: white;
    background-color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 8px;
    letter-spacing: 2px;
    line-height: 70px;
    text-transform: uppercase;
}
.footer__credits p {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.footer__credits p a {
    color: white;
    text-decoration: none;
    transition: color 300ms ease;
}
.footer__credits p a:hover {
    color: var(--theme-color-tan);
}
@media (min-width: 576px) {
    .footer-menu-wrapper .footer__menus {
        gap: 50px;
    }
}
@media (min-width: 992px) {
    .footer__subscribe .footer__subscribe__image {
        padding-right: 20px;
    }
    .footer__subscribe .footer__subscribe__content {
        padding-left: 20px;
    }

    .footer-menu-wrapper {
        flex-direction: row;
    }
    .footer-menu-wrapper .footer-wordmark {
        margin-bottom: 20px;
    }
    .footer-menu-wrapper .footer__menus {
        justify-content: start;
        align-items: start;
    }
}
@media (min-width: 1200px) {
    .footer__subscribe .footer__subscribe__image {
        padding-right: 30px;
    }
    .footer__subscribe .footer__subscribe__content {
        padding-left: 30px;
    }

    .footer-menu-wrapper {
        gap: 100px;
    }
}

/*----------------------------------------------------------------------------
	
	Home
	
----------------------------------------------------------------------------*/
.home .component-product-list .row.row-cols-2.row-cols-md-5 .product-card:last-child {
    display: none;
}

@media (min-width: 768px) {
    .home .component-product-list .row.row-cols-2.row-cols-md-5 .product-card:last-child {
        display: block;
    }
}

/*----------------------------------------------------------------------------
	
	Search
	
----------------------------------------------------------------------------*/
.section-search-results-count {
    border-top: 1px solid var(--theme-color-lightest-grey);
    border-bottom: 1px solid var(--theme-color-lightest-grey);
    line-height: 60px;
}
.section-search-results-count .search-results-count {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.search .results-message-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
}
@media (min-width: 576px) {
    .search .results-message-wrapper {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

/*----------------------------------------------------------------------------
	
	About
	
----------------------------------------------------------------------------*/
.page-about .site,
.page-template-page-about .site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.page-about .site  .site-content,
.page-template-page-about .site .site-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.about-page__content .entry-content {
    max-width: 650px;
}
.about-page__content .entry-content .monogram {
    color: #333333;
    width: 67px;
    height: auto;
    padding-bottom: 50px;
    margin: 0 auto;
}
.about-page__media .bg-image {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-page__content {
    color: white;
    background-color: var(--theme-color-darkest-grey);
    padding-top: 120px;
    padding-bottom: 120px;
}
.about-page__content .entry-content a {
    color: white;
}

@media (min-width: 992px) {
    .about-page__content,
    .about-page__media {
        min-height: 800px;
    }
}

/*----------------------------------------------------------------------------
	
	Subscribe
	
----------------------------------------------------------------------------*/
.page-subscribe .site,
.page-template-page-subscribe .site {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.page-subscribe .site  .site-content,
.page-template-page-subscribe .site .site-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.subscribe-page__content,
.subscribe-page__media {
    min-height: 800px;
}
.subscribe-page__content .entry-content {
    max-width: 650px;
}
.subscribe-page__content .entry-content .monogram {
    color: #414042;
    width: 67px;
    height: auto;
    padding-bottom: 50px;
    margin: 0 auto;
}

.subscribe-page__content .page-subscribe-form .input-wrapper {
    max-width: 230px;
    margin: 0 auto;
}
.subscribe-page__content .page-subscribe-form .success-message {
    color: white;
}
.subscribe-page__content .page-subscribe-form label {
    color: white;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
}
.subscribe-page__content .page-subscribe-form input,
.subscribe-page__content .page-subscribe-form button {
    outline: none;
    box-shadow: none;
}
.subscribe-page__content .page-subscribe-form input {
    color: var(--theme-color-light-grey);
    border-color: var(--theme-color-light-grey);
    border-radius: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 24px;
}
.subscribe-page__content .page-subscribe-form button {
    padding: 15px 30px;
    border: 0;
    color: var(--theme-color-darkest-grey);
    background-color: white;
    border-radius: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
    transition: color 300ms ease, background-color 300ms ease;
}
.subscribe-page__content .page-subscribe-form button:focus,
.subscribe-page__content .page-subscribe-form button:hover {
    color: white;
    background-color: #414042;
}

.subscribe-page__media {
    position: relative;
}
.subscribe-page__media .bg-image {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.subscribe-page__media .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    color: white;
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
}
.subscribe-page__media .overlay .play-button-wrapper {
    padding: 20px;
    border: 1px solid white;
    border-radius: 100%;
    font-size: 30px;
}
.subscribe-page__media .overlay .overlay__heading {
    margin: 0;
    font-family: var(--font-glossy-display);
    font-size: 40px;
    font-style: italic;
    letter-spacing: -0.2px;
}
.subscribe-page__media .overlay .overlay__subheading {
    margin: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.subscribe-page__content {
    color: white;
    background-color: var(--theme-color-darkest-grey);
    padding-top: 120px;
    padding-bottom: 120px;
}
.subscribe-page__content .entry-content a {
    color: white;
}

/*----------------------------------------------------------------------------
	
	Shop
	
----------------------------------------------------------------------------*/
.section-shop-products-wrapper {
    padding-top: 30px;
    padding-bottom: 100px;
}
.section-shop-products-wrapper .results-message {
    color: var(--theme-color-light-grey);
    font-family: var(--font-glossy-display);
    font-size: 38px;
    font-style: italic;
    letter-spacing: -0.2px;
}

/*----------------------------------------------------------------------------
	
	Archive - Daily Drops
	
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
	
	Archive - Questions
	
----------------------------------------------------------------------------*/
.post-type-archive-question .section-description {
    font-family: var(--font-glossy-display);
    font-size: 22px;
    letter-spacing: -0.2px;
}

/*----------------------------------------------------------------------------
	
	Archive - Lookbooks
	
----------------------------------------------------------------------------*/
.post-type-archive-lookbook .section-description {
    font-family: var(--font-glossy-display);
    font-size: 22px;
    letter-spacing: -0.2px;
}

/*----------------------------------------------------------------------------
	
	Archive - Discounts
	
----------------------------------------------------------------------------*/
.post-type-archive-discount .content-wrapper {
    background-color: var(--theme-color-cream);
    max-width: 1100px;
    margin: 0px auto 60px auto;
    padding: 60px 30px 0px 30px;
}
.post-type-archive-discount .section-description {
    font-family: var(--font-glossy-display);
    font-size: 22px;
    letter-spacing: -0.2px;
}

@media (min-width: 600px) {
    .post-type-archive-discount .content-wrapper {
        padding: 80px 100px 0px 100px;
        margin: 0px auto 80px auto;
    }
}

@media (min-width: 782px) {
    .post-type-archive-discount .content-wrapper {
        padding: 60px 150px 0px 150px;
        margin: 80px auto 100px auto;
    }
}

/*----------------------------------------------------------------------------
	
	Single - Post
	
----------------------------------------------------------------------------*/
.entry-header .entry-title,
.entry-header .entry-subtitle {
    font-family: var(--font-glossy-display);
    font-size: 40px;
    letter-spacing: -0.2px;
    text-align: center;
}
.entry-header .entry-title {
    font-size: 40px;
}
.entry-header .entry-subtitle {
    font-size: 20px;
}
.entry-header .entry-subtitle small {
    font-style: italic;
}
.entry-header .entry-header__left .category-link,
.entry-header .entry-header__right .published-date {
    display: block;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.entry-content {
    max-width: 850px;
    margin: 0 auto;
}
.entry-content .boutique-widget .bo-garden {
    max-width: unset !important;
}
.entry-content .boutique-widget .bo-garden .bo-con {
    width: 40%;
}
.entry-content .boutique-widget .bo-garden .bo-con .bo-box {
    width: 100% !important;
}

.entry-content.exclusive-content-preview {
    position: relative;
}
.entry-content.exclusive-content-preview::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 300px;
    max-height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
    pointer-events: none;
}
.entry-content.exclusive-content-preview .gallery .gallery-item .gallery-icon {
    padding: 0 10px;
}
.entry-content.exclusive-content-preview .gallery .gallery-item .gallery-icon img {
    max-width: 100%;
    height: auto;
}

.login-wall {
    max-width: 850px;
    margin: 0 auto;
    color: white;
    background-color: var(--theme-color-darkest-grey);
}
.login-wall .login-wall-content .login-wall-content-subheading {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.login-wall .login-wall-content .login-wall-content-heading {
    font-family: var(--font-glossy-display);
    font-size: 36px;
    font-style: italic;
    letter-spacing: -0.2px;
    line-height: 36px;
}
.login-wall .login-wall-content .login-wall-content-heading .highlight {
    font-style: normal;
    text-transform: uppercase;
}
.login-wall .login-wall-content .login-wall-content-form .um-form .um-field .um-field-label label {
    color: white;
}
.login-wall .login-wall-content .login-wall-content-form .um-form .um-field-text,
.login-wall .login-wall-content .login-wall-content-form .um-form .um-field-password {
    max-width: 230px;
    margin: 0 auto;
}
.login-wall .login-wall-content .login-wall-content-form .um input[type=submit].um-button {
    padding: 16px 30px !important;
    color: var(--theme-color-darkest-grey) !important;
    background-color: white !important;
}
.login-wall .login-wall-content .login-wall-content-form .um input[type=submit].um-button:hover {
    background-color: var(--theme-color-tan) !important;
}
.login-wall .login-wall-content .login-wall-content-signin {
    font-family: var(--font-akkurat);
    font-size: 10px;
}
.login-wall .login-wall-content .login-wall-content-signin a {
    padding: 2px 0;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
    transition: color 300ms ease, border-color 300ms ease;
}
.login-wall .login-wall-content .login-wall-content-signin a:hover {
    color: var(--theme-color-light-grey);
    border-color: var(--theme-color-light-grey);
}



@media (min-width: 576px) {
    .entry-header .entry-header__left,
    .entry-header .entry-header__right {
        position: relative;
    }
    .entry-header .entry-header__left {
        padding-right: 56px;
        margin-right: 24px;
    }
    .entry-header .entry-header__right {
        padding-left: 56px;
        margin-left: 24px;
    }
    .entry-header .entry-header__left::after,
    .entry-header .entry-header__right::after {
        content: '';
        position: absolute;
        background-color: var(--theme-color-darkest-grey);
        top: 50%;
        height: 1px;
        width: 32px;
    }
    .entry-header .entry-header__left::after {
        right: 0;
    }
    .entry-header .entry-header__right::after {
        left: 0;
    }
}

/*----------------------------------------------------------------------------
	
	Single - Post Dynamic Content
	
----------------------------------------------------------------------------*/
.image-credit {
    color: var(--theme-color-light-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
}

.dynamic-content-text,
.dynamic-content-image,
.dynamic-content-image-grid,
.dynamic-content-single-product,
.dynamic-content-product-list,
.dynamic-content-separator {
    max-width: 850px;
    margin: 0 auto;
}
.dynamic-content-columns {
    max-width: 1120px;
    margin: 0 auto;
}

/***** Text *****/
.dynamic-content-text {
    padding: 16px 0;
    font-family: var(--font-chronicle-display);
    font-size: 18px;
}
.dynamic-content-text a,
.dynamic-content-columns .text a {
    color: var(--theme-color-darkest-grey);
    text-decoration-color: var(--theme-color-light-grey);
    transition: color 300ms ease;
}
.dynamic-content-text a:hover,
.dynamic-content-columns .text a:hover {
    color: var(--theme-color-light-grey);
}
.dynamic-content-text.basic p,
.dynamic-content-columns .text-style-basic {
    line-height: 30px;
}
.dynamic-content-text.detail p,
.dynamic-content-columns .text-style-detail {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 20px;
}
.dynamic-content-text.inset p,
.dynamic-content-columns .text-style-inset {
    max-width: 600px;
    margin: 0 auto;
    font-family: var(--font-glossy-display);
    font-size: 30px;
    font-style: italic;
    letter-spacing: -0.2px;
    line-height: 40px;
    text-align: center;
}
.dynamic-content-text.inset a,
.dynamic-content-columns .text-style-inset a {
    padding: 0;
}
.dynamic-content-text.inset_cream,
.dynamic-content-columns .text-style-inset_cream {
    background-color: var(--theme-color-cream);
    padding: 50px 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.dynamic-content-text.inset_cream .dynamic-content-text__content p:last-child,
.dynamic-content-columns .text-style-inset_cream p:last-child {
    margin: 0;
}
.dynamic-content-text.glossy,
.dynamic-content-columns .text-style-glossy {
    font-family: var(--font-glossy-display);
    font-size: 30px;
    letter-spacing: -0.2px;
}
.dynamic-content-text.glossy_large,
.dynamic-content-columns .text-style-glossy_large {
    font-family: var(--font-glossy-display);
    font-size: 50px;
    letter-spacing: -0.2px;
}
.dynamic-content-wrapper .section-heading h1,
.dynamic-content-wrapper .section-heading h2,
.dynamic-content-wrapper .section-heading h3 {
    text-transform: initial;
}

@media (min-width: 576px) {
    .dynamic-content-text.inset_cream {
        padding: 50px 60px;
    }
}

/***** Image *****/
.dynamic-content-image .favorites-link,
.dynamic-content-image-grid .favorites-link {
    top: 8px;
    right: 20px;
}

@media (min-width: 576px) {
    .dynamic-content-image.three-quarters .dynamic-content-image__content {
        margin: 0 auto;
        max-width: 75%;
    }
    .dynamic-content-image.half .dynamic-content-image__content {
        margin: 0 auto;
        max-width: 50%;
    }
}

/***** Single Product *****/
.dynamic-content-single-product {
    flex-direction: column;
}
.dynamic-content-single-product .dynamic-content-single-product__media {
    width: 85%;
}
.dynamic-content-single-product .dynamic-content-single-product__media .product-card__image {
    aspect-ratio: 1;
    background-size: contain;
}
.dynamic-content-single-product .dynamic-content-single-product__content h2 {
    font-family: var(--font-glossy-display);
    font-size: 40px;
    letter-spacing: -0.2px;
}
.dynamic-content-single-product .dynamic-content-single-product__content h2 a {
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
}
.dynamic-content-single-product .dynamic-content-single-product__content-body.default {
    font-family: var(--font-chronicle-display);
    font-size: 18px;
    line-height: 30px;
}
.dynamic-content-single-product .dynamic-content-single-product__content-body.sans_serif {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 18px;
}
.dynamic-content-single-product .dynamic-content-single-product__content-body.glossy_italic {
    font-family: var(--font-glossy-display);
    font-size: 30px;
    font-style: italic;
    letter-spacing: -0.2px;
    line-height: 36px;
}
.dynamic-content-single-product .dynamic-content-single-product__content a.shop-now-link {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.dynamic-content-single-product .dynamic-content-single-product__content-body a,
.dynamic-content-single-product .dynamic-content-single-product__content a.shop-now-link {
    padding-bottom: 3px;
    border-bottom: 1px solid var(--theme-color-darkest-grey);
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
}
.dynamic-content-single-product .dynamic-content-single-product__content-body a {
    color: var(--theme-color-light-grey);
    border-color: var(--theme-color-light-grey);
}
.dynamic-content-single-product .dynamic-content-single-product__content-body.glossy_italic a {
    padding-bottom: 0px;
}

@media (min-width: 768px) {
    .dynamic-content-single-product.image_left {
        flex-direction: row;
    }
    .dynamic-content-single-product.image_right {
        flex-direction: row-reverse;
    }
    .dynamic-content-single-product .dynamic-content-single-product__media {
        width: 40%;
    }
    .dynamic-content-single-product .dynamic-content-single-product__content {
        width: 60%;
    }
}

/***** Separator *****/
.dynamic-content-separator.component-horizontal-icon-sep .line {
    left: 0;
    right: 0;
}

/***** Columns *****/
.dynamic-content-columns {
    font-family: var(--font-chronicle-display);
    font-size: 18px;
}
.dynamic-content-columns .text-style-detail {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 20px;
}
.dynamic-content-columns h3 {
    font-family: var(--font-glossy-display);
    font-size: 30px;
    letter-spacing: -0.2px;
}

/*----------------------------------------------------------------------------
	
	Component - Related Posts Header
	
----------------------------------------------------------------------------*/
.component-related-posts-header .related-posts-header {
    border-top: 1px solid var(--theme-color-lightest-grey);
    border-bottom: 1px solid var(--theme-color-lightest-grey);
}
.component-related-posts-header .related-posts-header .related-posts-header__heading h3 {
    margin: 0;
    font-family: var(--font-glossy-display);
    font-size: 50px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}
.component-related-posts-header .related-posts-header .related-posts-header__heading h3 small {
    font-size: 37px;
    font-style: italic;
    text-transform: lowercase;
}
.component-related-posts-header .related-posts-header .related-posts-header__menu .menu {
    display: flex;
    gap: 20px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.component-related-posts-header .related-posts-header .related-posts-header__menu .menu li a {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-itc-franklin-gothic);
    font-size: 10px;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

@media (min-width: 576px) {
    .single-post .component-post-list .component-post-list__post-list .post-card:nth-child(4) {
        display: none;
    }
}

/*----------------------------------------------------------------------------
	
	Single - Daily Drop
	
----------------------------------------------------------------------------*/
.single-infinite-scroll .single-infinite-scroll-item:first-child .component-horizontal-single-sep {
    display: none;
}
.section-daily-drop-content h2 {
    font-family: var(--font-glossy-display);
    font-size: 30px;
    letter-spacing: -0.2px;
}
.section-daily-drop-content a {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-chronicle-display);
    font-size: 18px;
    text-decoration: none;
    /* white-space: nowrap; */
    transition: color 300ms ease;
}
.section-daily-drop-content a:hover {
    color: var(--theme-color-light-brown);
}
.post-navigation {
    display: none;
}

/*----------------------------------------------------------------------------
	
	Single - Question
	
----------------------------------------------------------------------------*/
.single-question .entry-header .entry-header__above {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
}
.single-question .entry-header .entry-header__above .category-link {
    color: var(--theme-color-darkest-grey);
    text-decoration: none;
    transition: color 300ms ease;
}
.single-question .entry-header .entry-header__above .category-link:hover {
    color: var(--theme-color-tan);
}
.single-question .entry-header .entry-header__below {
    font-family: var(--font-akkurat);
    font-size: 11px;
    line-height: 14px;
}
.single-question .entry-content {
    background-color: var(--theme-color-cream);
    max-width: 1100px;
    margin: 0 auto 100px auto;
    padding: 60px 30px;
}

.single-question .entry-content .component-product-list-wrapper {
    background-color: white;
}

@media (min-width: 600px) {
    .single-question .entry-content {
        padding: 80px 100px;
    }
    .single-question .entry-content .component-product-list-wrapper {
        margin-left: -40px;
        margin-right: -40px;
        width: calc(100% + 80px);
    }
}

@media (min-width: 782px) {
    .single-question .entry-content {
        padding: 100px 150px;
    }
    .single-question .entry-content .component-product-list-wrapper {
        margin-left: -60px;
        margin-right: -60px;
        width: calc(100% + 120px);
    }
}

/*----------------------------------------------------------------------------
	
	Single - Quiz Result
	
----------------------------------------------------------------------------*/
.single-quiz-result .entry-content {
    max-width: 100%;
    margin: 0 auto;
}
.single-quiz-result .entry-content .shopthepost-widget .stp-outer {
    background-color: white !important;
    padding: 30px 0 !important;
}


@media (min-width: 782px) {
    .single-quiz-result .entry-content .invert-colors {
        background-color: white;
        color: var(--theme-color-darkest-grey);
    }
}

/*----------------------------------------------------------------------------
	
	Login
	
----------------------------------------------------------------------------*/
.login-form {
    /* Max width of UM forms is controlled via appearance settings */
    padding-top: 80px;
    padding-bottom: 80px;
}
.login-form .entry-header {
    max-width: 340px;
}
.login-form .entry-header h1 {
    font-family: var(--font-glossy-display);
    font-size: 50px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}
.login-form .entry-header h1 small {
    font-size: 37px;
    font-style: italic;
    text-transform: lowercase;
}
.login-form .entry-header p {
    font-family: var(--font-akkurat);
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 15px;
}
.um-form .um-field .um-field-label label {
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px !important;
    letter-spacing: 2px;
    line-height: 12px !important;
    text-transform: uppercase;
}
.um-form .um-field .um-form-field {
    color: var(--theme-color-darkest-grey);
    border-radius: 0;
}
.um-form .um-field-block {
    color: var(--theme-color-light-grey);
    font-family: var(--font-akkurat);
    font-size: 9px;
    letter-spacing: 0.5px;
    line-height: 19px;
}
.um input[type=submit].um-button {
    padding: 12px 30px !important;
    min-width: 145px !important;
    background-color: var(--theme-color-darkest-grey) !important;
    border-radius: 0 !important;
    font-family: var(--font-akkurat);
    font-size: 10px !important;
    letter-spacing: 2px;
    line-height: 12px !important;
    text-transform: uppercase !important;
    transition: background-color 300ms ease;
}
.um input[type=submit].um-button:hover {
    background-color: var(--theme-color-tan) !important;
}

.account-links,
.account-links a {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
}
.account-links a {
    padding: 5px 1px;
    border-bottom: 1px solid transparent;
    text-decoration: none;
    transition: border-color 300ms ease;
}
.account-links a:hover {
    color: var(--theme-color-darkest-grey);
    border-color: var(--theme-color-darkest-grey);
}
.account-links .sep {
    padding: 0 10px;
}

@media (min-width: 576px) {
    .login-form {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

/*----------------------------------------------------------------------------
	
	Insider Registration
	
----------------------------------------------------------------------------*/
.um .um-field.um-stripe-field-multiple_visible .um-field-label label {
    display: inline-block;
}
.um .um-stripe-field-multiple_visible .um-stripe-plan-item {
    background-color: white !important;
    border: 1px solid var(--theme-color-lightest-grey) !important;
    border-radius: 0 !important;
}

/*----------------------------------------------------------------------------
	
	Favorites
	
----------------------------------------------------------------------------*/
.page-favorites .results-message-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
}
.page-favorites .results-message-wrapper a {
    border-bottom: 1px solid var(--theme-color-light-grey);
    color: var(--theme-color-light-grey);
    text-decoration: none;
    transition: color 300ms ease, border-color 300ms ease;
}
.page-favorites .results-message-wrapper a:hover {
    color: var(--theme-color-darkest-grey);
    border-color: var(--theme-color-darkest-grey);
}

@media (min-width: 576px) {
    .page-favorites .results-message-wrapper {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

/*----------------------------------------------------------------------------
	
	Page - Quiz
	
----------------------------------------------------------------------------*/
.page-quiz .quiz-wrapper {
    display: flex;
    justify-content: center;
}

/*----------------------------------------------------------------------------
	
	Page - Ask A Question
	
----------------------------------------------------------------------------*/
.page-ask-a-question .content-wrapper {
    background-color: var(--theme-color-cream);
    max-width: 1100px;
    margin: 0px auto 60px auto;
    padding: 60px 30px;
}
.page-ask-a-question .wpcf7 {
    margin-bottom: 60px;
}
.page-ask-a-question .entry-content .wpcf7-form {
    max-width: 350px;
    margin: 0 auto;
}
.page-ask-a-question .wpcf7-form .wpcf7-response-output {
    margin-top: 3rem;
}

.form-label,
.page-ask-a-question .radio-heading {
    display: block;
    margin-bottom: 1rem;
    color: var(--theme-color-darkest-grey);
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.form-label {
    margin-bottom: 1rem;
}
.page-ask-a-question .radio-heading {
    margin-bottom: 10px;
}
.form-label .sublabel {
    letter-spacing: 0px;
    text-transform: initial;
}
.wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 1rem;
}
.form-control {
    margin-top: 10px;
}
.form-control:focus {
    box-shadow: none;
    border-color: var(--theme-color-darkest-grey);
}
textarea.form-control {
    border: 1px solid var(--theme-color-lightest-grey);
    border-radius: 0;
    height: 123px;
}
form input[type="text"],
form input[type="search"],
form input[type="email"],
form input[type="url"],
form input[type="tel"],
form textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background: white !important;
    border: 1px solid var(--theme-color-lightest-grey);
    outline: none;
    font-size: 12px;
    padding: 10px;
    font-family: var(--font-akkurat);
    letter-spacing: 2px;
    width: 100%;
    margin-bottom: 0.5rem;
    -ms-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.wpcf7-radio {
    display: flex;
    flex-direction: column;
}
.form-check-label {
    position: relative;
    bottom: 2px;
    padding-left: 8px;

    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.form-check-input:checked {
    background-color: var(--theme-color-tan);
    border-color: var(--theme-color-tan);
}
.form-check-radio {
    margin-bottom: 0.75rem;
}


.wpcf7-file {
    display: none;
}
.file-label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--theme-color-darkest-grey);
    color: white;
    font-size: 24px;
    cursor: pointer;
    padding: 5px 20px;
    -ms-transition: background-color 300ms ease;
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}
.file-label:hover {
    background-color: var(--theme-color-tan);
}



.wpcf7-submit {
    color: white;
    background-color: var(--theme-color-darkest-grey);
    padding: 15px 30px;
    border-radius: 0;

    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;

    transition: color 300ms ease, background-color 300ms ease;
}
.wpcf7-submit:hover {
    color: white;
    background-color: var(--theme-color-tan);
}
.wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
}

@media (min-width: 600px) {
    .page-ask-a-question .content-wrapper {
        padding: 80px 100px;
        margin: 0px auto 80px auto;
    }
}

@media (min-width: 782px) {
    .page-ask-a-question .content-wrapper {
        padding: 60px 150px;
        margin: 80px auto 100px auto;
    }
}

/*----------------------------------------------------------------------------
	
	Ultimate Member - Stripe
	
----------------------------------------------------------------------------*/
.um-stripe-button.um-button {
    background-color: var(--theme-color-darkest-grey) !important;
    border-radius: 0 !important;
    font-family: var(--font-akkurat) !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    transition: color 300ms ease, background-color 300ms ease;
}
.um-stripe-button.um-button:hover {
    color: white !important;
    background-color: var(--theme-color-tan) !important;
}

.um-stripe-table-grid {
    display: flex !important;
    flex-direction: column;
}
.um-stripe-order-details-table table,
.um-stripe-order-details-billing-table table {
    width: 100%;
}
.page-payment-successful .entry-content,
.page-payment-cancelled .entry-content,
.page-already-subscribed .entry-content {
    margin-bottom: 100px;
}
.page-payment-successful .entry-content .um-stripe-order-actions {
    display: flex;
    align-items: stretch;
    gap: 10px;
}
.page-payment-successful .entry-content .um-stripe-order-actions form {
    display: flex !important;
}

/*----------------------------------------------------------------------------
	
	Page - Full Width
	
----------------------------------------------------------------------------*/
.page-template-page-full-width .entry-content {
    max-width: 100%;
    margin: 0 auto;
}

/*----------------------------------------------------------------------------
	
	Page - Insider
	
----------------------------------------------------------------------------*/
.page-insider .plan-select-wrapper .plan-select-inner {
    display: flex;
    align-items: center;
    gap: 20px;
}
.page-insider .plan-select-wrapper .plan-select-inner .plan-select-label {
    flex-shrink: 0;

    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.page-insider .plan-select-wrapper .plan-select-inner .plan-select-input {
    position: relative;
    flex-grow: 1;
}
.page-insider .plan-select-wrapper .plan-select-inner .plan-select-input .plan-select {
    width: 100%;
    height: 48px;
}
.page-insider .plan-select-wrapper .plan-select-inner .plan-select-input .plan-select-input-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 24;
    display: flex;
    align-items: center;
    padding-left: 15px;
    background-color: var(--theme-color-cream);
    pointer-events: none;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
}
.page-insider .plan-select-wrapper .plan-select-inner .plan-select-input .plan-select-input-overlay::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 12px;
    margin-left: calc(2 * var(--caret-width));
    vertical-align: middle;
    border-top: calc(2 * var(--caret-width)) solid;
    border-right: calc(2 * var(--caret-width)) solid transparent;
    border-bottom: 0;
    border-left: calc(2 * var(--caret-width)) solid transparent;
}
.page-insider #plan-button-wrapper .wp-block-button {
    display: none;
}
.page-insider #plan-button-wrapper .wp-block-button.active {
    display: block;
}
.page-insider .favorites-link {
    display: none;
}

/*----------------------------------------------------------------------------
	
	Paywall
	
----------------------------------------------------------------------------*/
.paywall-modal {
    --bs-modal-width: 520px;
    background-color: rgba(0, 0, 0, 0.2);
}

.paywall-modal .modal-content {
    color: white;
    background-color: var(--theme-color-darkest-grey);
    padding: 50px 20px;
    border-radius: 0;
}

.paywall-modal .modal-content .modal-headline,
.paywall-modal .modal-content .modal-subheadline {
    text-align: center;
}
.paywall-modal .modal-content .modal-headline {
    font-family: var(--font-glossy-display);
    font-size: 28px;
    font-style: italic;
    letter-spacing: -0.2px;
    line-height: 28px;
}
.paywall-modal .modal-content .modal-subheadline {
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
}
.paywall-modal a.btn {
    color: var(--theme-color-darkest-grey);
    background-color: white !important;


    padding: 12px 30px;
    min-width: 145px;
    border-radius: 0;
    font-family: var(--font-akkurat);
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 12px;
    text-transform: uppercase;
    transition: background-color 300ms ease;
}
.paywall-modal a.btn:hover {
    background-color: var(--theme-color-tan) !important;
}
.paywall-modal .um-form .um-field .um-field-label label {
    color: white;
}
.paywall-modal .um input[type="submit"].um-button {
    color: var(--theme-color-darkest-grey);
    background-color: white !important;
}
.paywall-modal .um input[type="submit"].um-button:hover {
    background-color: var(--theme-color-tan) !important;
}
.paywall-modal .modal-content .create-account-message {
    font-family: var(--font-akkurat);
    font-size: 10px;
    line-height: 12px;
}
.paywall-modal .modal-content .create-account-message a {
    padding: 2px 0;
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;
    transition: color 300ms ease, border-color 300ms ease;
}
.paywall-modal .modal-content .create-account-message a:hover {
    color: var(--theme-color-light-grey);
    border-color: var(--theme-color-light-grey);
}
.paywall-modal .modal-content .btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

@media (min-width: 600px) {
    .paywall-modal .modal-content {
        padding: 80px 35px;
    }
    .paywall-modal .modal-content .modal-headline {
        font-size: 36px;
        line-height: 36px;
    }
}