/** Shopify CDN: Minification failed

Line 68:0 Unexpected "}"
Line 1277:0 Unexpected "}"
Line 2210:8 "backgroun-color" is not a known CSS property

**/
[v-cloak]>* {
    display: none
}


/* [v-cloak]::before { content: "loading…" } */

p {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-weight: normal;
}

html {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-weight: normal !important;
}

h3 {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: normal !important;
    font-size: 20px;
}

a {
    font-weight: 100;
}

#headerapp #menu-toggle {
    order: 1;
}

#headerapp #logo {
    order: 2;
}

#headerapp #nav-content {
    order: 4;
}

#headerapp .cart-container {
    order: 3;
}

#headerapp #enu-toggle {
    order: 1;
}

#headerapp #logo {
    order: 2;
}

#headerapp #nav-content {
    order: 3;
}

#headerapp .cart-container {
    order: 4;
}


}
div {
    font-weight: 100;
}
a.cat {
    text-decoration: none !important;
}
.items>a.w-full {
    text-decoration: none;
}
@media only screen and (min-width: 0px) {
    .collection-landing-panel {
        width: 100%;
    }
}
@media only screen and (min-width: 1024px) {
    .collection-landing-panel {
        width: 48%;
    }
    
    .desktop-white {
        color: white !important;
    }
}
.aromatics-paging-input {
    box-sizing: border-box;
    height: 42px;
    border: 1px solid #C8CED4;
    border-radius: 2px;
    background-color: #FFFFFF;
    min-width: unset;
    text-align: center;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
}
#searchinput::placeholder {
    font-size: 1.25rem;
}
.notification {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}
.items:hover .bg-item {
    opacity: 1;
    transform: scaleX(1);
}
.bg-item {
    z-index: -1;
    transition: 0.3s ease;
    transform: scaleX(0);
    transform-origin: left;
}
.aromatics-banner {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 506px !important;
    min-height: 150px !important;
    align-content: center;
    box-shadow: inset 0 0 0 100vw rgba(58, 63, 68, 0.3);
    margin-bottom: 35px;
    background-position: center;
}
.aromatics-banner-no-shadow {
    box-shadow: inset 0 0 0 100vw rgba(58, 63, 68, 0);
}
.aromatics-banner-short {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 216px !important;
    min-height: 150px !important;
    align-content: center;
    box-shadow: inset 0 0 0 100vw rgba(58, 63, 68, 0.3);
    margin-bottom: 35px;
    background-position: center;
}
.aromatics-banner-tall {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 672px !important;
    min-height: 150px !important;
    align-content: center;
    box-shadow: inset 0 0 0 100vw rgba(58, 63, 68, 0.3);
    margin-bottom: 35px;
    background-position: center;
}
.aromatics-banner.lazybg {
    background-image: none !important;
    background-color: #a0aec0;
    ;
}
.aromatics-promise.lazybg {
    background-image: none !important;
    background-color: #a0aec0;
    ;
}
.aromatics-card {
    min-height: 282px;
    max-height: 282px;
    background-color: white;
}
a {
    cursor: pointer;
}
@media only screen and (max-width: 600px) {
    .aromatics-banner {
        height: 24vh !important;
        min-height: 150px !important;
        box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0);
    }
    
    .aromatics-banner-tall {
        height: 24vh !important;
        min-height: 150px !important;
        box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0);
    }
    
    .aromatics-card {
        min-height: unset;
        max-height: unset;
        background-color: #ffffff;
    }
    
    .aromatics-card-description {
        padding-bottom: 20px;
    }
}
@media only screen and (max-width:1024px) {
    .items:hover .bg-item {
        display: none;
    }
}
.aromatics-pill {
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(133, 90, 154);
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(133, 90, 154);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(133, 90, 154);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(133, 90, 154);
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    display: inline-block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 100;
    height: 22.6667px;
    line-height: 21px;
    margin-right: 8px;
    padding-left: 8px;
    padding-right: 8px;
    text-size-adjust: 100%;
}
.aromatics-pill:hover {
    background-color: rgb(133, 90, 154);
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.aromatics-pill.bg_purple:hover {
    background-color: #762283 !important;
    color: #FFFFFF !important;
    text-decoration: none;
}
.wellness-pill {
    background-color: rgb(235, 237, 240);
    border-bottom-color: rgb(235, 237, 240);
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(235, 237, 240);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(235, 237, 240);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(235, 237, 240);
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    color: #762283;
    display: inline-block;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 100;
    height: 32.6667px;
    line-height: 30px;
    margin-right: 8px;
    padding-left: 13px;
    padding-right: 13px;
    text-size-adjust: 100%;
    margin-bottom: 10px;
}
.wellness-pill-all {
    background-color: rgb(133, 90, 154);
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.wellness-pill:hover {
    background-color: #FFFFFF;
    border-color: #762283;
    color: #762283;
    text-decoration: none;
}
.wellness-pill.bg_purple:hover {
    background-color: #762283 !important;
    color: #FFFFFF !important;
    text-decoration: none;
}
strong {
    font-weight: 700;
}
ul li {
    color: #2C2F31;
    /*font-family: "Source Sans Pro";*/
    
    font-size: 16px;
    letter-spacing: 0;
    line-height: 28px;
    list-style: disc;
    margin-left: 10px;
}
ol li {
    margin-left: 5px;
}
@font-face {
    font-family: 'ai-icomoon';
    src: url('//cdn.shopify.com/s/files/1/1754/3821/t/214/assets/icomoon.eot?o11fzg&v=27686772886243064801654634349');
    src: url('//cdn.shopify.com/s/files/1/1754/3821/t/214/assets/icomoon.eot?o11fzg%23iefix&v=27686772886243064801654634349') format('embedded-opentype'), url('//cdn.shopify.com/s/files/1/1754/3821/t/214/assets/icomoon.ttf?o11fzg&v=121443170392968714521654634351') format('truetype'), url('//cdn.shopify.com/s/files/1/1754/3821/t/214/assets/icomoon.woff?o11fzg&v=131514261674593478741654634351') format('woff'), url('//cdn.shopify.com/s/files/1/1754/3821/t/214/assets/icomoon.svg?o11fzg%23icomoon&v=166190870636855265371654634350') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="ai-"],
[class*=" ai-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    
    font-family: 'ai-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ai-menu-1:before {
    content: "\e902";
    color: #384952;
}
.ai-right-arrow:before {
    content: "\e900";
    color: #384952;
}
.ai-right-arrow-purple:before {
    content: "\e900";
    color: #762283;
}
.ai-left-arrow:before {
    content: "\e900";
    color: #415365;
}
.ai-left-arrow:before {
    color: #415365;
    font-size: 10px;
    top: 23px;
    position: absolute;
}
.ai-left-arrow-purple:before {
    content: "\e900";
    color: #762283;
}
.ai-search11:before {
    content: "\e94f";
    color: #384952;
}
.ai-search2:before {
    content: "\e950";
    color: #384952;
}
.ai-kidsafe-5ai:before {
    content: "\e904";
    color: #762283;
}
.ai-kidsafe-10ai:before {
    content: "\e905";
    color: #762283;
}
.ai-kidsafe-0ai .path1:before {
    content: "\e92d";
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path2:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path3:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path4:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path5:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path6:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.ai-kidsafe-0ai .path7:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path8:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.ai-kidsafe-0ai .path9:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(133, 90, 154);
}
.ai-kidsafe-0ai .path10:before {
    content: "\e92d";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.ai-blending-tools-and-bags:before {
    content: "\e90a";
    color: #919396;
}
.ai-books:before {
    content: "\e90b";
    color: #919396;
}
.ai-containers:before {
    content: "\e90c";
    color: #919396;
}
.ai-diffusers-and-inhalers:before {
    content: "\e90d";
    color: #919396;
}
.ai-search:before {
    content: "\e90e";
    color: #384952;
}
.ai-anytime_ai:before {
    content: "\e90f";
}
.ai-arrow_down:before {
    content: "\e910";
}
.ai-backarrow:before {
    content: "\e911";
    color: #384952;
}
.ai-birthday_ai:before {
    content: "\e912";
}
.ai-blends:before {
    content: "\e913";
}
.ai-butterswaxes:before {
    content: "\e914";
}
.ai-carrier_oils:before {
    content: "\e915";
}
.ai-carriers:before {
    content: "\e916";
}
.ai-clayssalt:before {
    content: "\e917";
}
.ai-close:before {
    content: "\e918";
}
.ai-exit:before {
    content: "\e903";
    color: #a2aebe;
}
.ai-uniE915:before {
    content: "\e919";
}
.ai-uniE916:before {
    content: "\e91a";
}
.ai-uniE917:before {
    content: "\e91b";
}
.ai-close_X2:before {
    content: "\e91c";
}
.ai-closeX:before {
    content: "\e91d";
}
.ai-comment_ai:before {
    content: "\e91e";
}
.ai-down_arrow:before {
    content: "\e91f";
}
.ai-down_arrow-white:before {
    content: "\e91f";
}
.ai-email:before {
    content: "\e920";
}
.ai-essential_oilz:before {
    content: "\e921";
}
.ai-facebook:before {
    content: "\e922";
}
.ai-facebook_ai:before {
    content: "\e923";
}
.ai-faq_minus:before {
    content: "\e924";
}
.ai-faq_plus:before {
    content: "\e925";
}
.ai-first_ai:before {
    content: "\e926";
}
.ai-free-returns:before {
    content: "\e927";
}
.ai-free-shipping:before {
    content: "\e928";
}
.ai-giftcard_ai:before {
    content: "\e929";
}
.ai-hydrosol:before {
    content: "\e92a";
}
.ai-instagram:before {
    content: "\e92b";
}
.ai-instagram_ai:before {
    content: "\e92c";
}
.ai-kidsafe:before {
    content: "\e92d";
}
.ai-level1:before {
    content: "\e92e";
}
.ai-level2:before {
    content: "\e92f";
}
.ai-level3:before {
    content: "\e930";
}
.ai-location:before {
    content: "\e931";
}
.ai-lotions:before {
    content: "\e932";
}
.ai-order_history_ai:before {
    content: "\e933";
}
.ai-phone:before {
    content: "\e934";
}
.ai-pinterest:before {
    content: "\e935";
}
.ai-play_arrow:before {
    content: "\e936";
}
.ai-playarrow:before {
    content: "\e937";
}
.ai-print:before {
    content: "\e938";
}
.ai-purity_ai:before {
    content: "\e939";
}
.ai-resins:before {
    content: "\e93a";
}
.ai-review_ai:before {
    content: "\e93b";
}
.ai-reviewrecipe_ai:before {
    content: "\e93c";
}
.ai-rewards_ai:before {
    content: "\e93d";
}
.ai-search1:before {
    content: "\e93e";
}
.ai-star_empty:before {
    content: "\e93f";
}
.ai-star_full:before {
    content: "\e940";
}
.ai-uniE93D:before {
    content: "\e941";
}
.ai-uniE93E:before {
    content: "\e942";
}
.ai-twitter:before {
    content: "\e943";
}
.ai-wish_list_ai:before {
    content: "\e944";
}
.ai-yourrecipes_ai:before {
    content: "\e945";
}
.ai-youtube:before {
    content: "\e946";
}
.ai-heart:before {
    content: "\e947";
}
.ai-account:before {
    content: "\e948";
}
.ai-kidsafe-5ai:before {
    font-size: 30px;
}
.ai-kidsafe-10ai:before {
    font-size: 30px;
}
.ai-kidsafe-0ai:before {
    font-size: 30px;
}
.ai-heart:before {
    color: #fff;
    font-size: 16px;
    padding-right: 10px;
}
.ai-account:before {}
.ai-anytime_ai:before {
    content: "\e90f";
    color: #1C2F39;
}
.ai-anytime_purple_ai:before {
    content: "\e90f";
    color: #762283;
}
.ai-arrow_down:before {
    color: #762283;
}
.ai-down_arrow-white:before {
    color: #FFFFFF;
    font-size: 12px;
}
.ai-backarrow:before {
    color: #384952;
}
.ai-birthday_ai:before {
    color: #762283;
}
.ai-blends:before {
    color: #384952;
}
.ai-butterswaxes:before {
    color: #919396;
}
.ai-backarrow-collection:before {
    color: #919396;
}
.ai-carrier_oils:before {
    color: #919396;
}
.ai-carriers:before {
    color: #384952;
}
.ai-clayssalt:before {
    color: #919396;
}
.ai-close:before {
    color: #762283;
}
.ai-close_X .path1:before {
    color: rgb(133, 90, 154);
}
.ai-close_X .path2:before {
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.ai-close_X .path3:before {
    margin-left: -1em;
    color: rgb(255, 255, 255);
}
.ai-close_X2:before {
    color: #762283;
}
.ai-comment_ai:before {
    color: #762283;
}
.ai-down_arrow:before {
    color: #415365;
    font-size: 6px;
    top: 4px;
    position: absolute;
}
.ai-email:before {
    color: #fff;
}
.ai-email_purple:before {
    color: #762283;
}
.ai-email-dark:before {
    color: #762283;
    font-size: 22px;
}
.ai-essential_oilz:before {
    color: #384952;
}
.ai-facebook:before {
    color: #fff;
}
.ai-facebook_purple:before {
    color: #762283;
}
.ai-facebook_dark:before {
    color: #1C2F39;
    font-size: 22px;
}
.ai-facebook_ai:before {
    color: #762283;
}
.ai-faq_minus:before {
    color: #762283;
}
.ai-faq_plus:before {
    color: #762283;
}
.ai-first_ai:before {
    color: #762283;
}
.ai-free-returns:before {
    color: #919396;
}
.ai-free-shipping:before {
    color: #919396;
}
.ai-giftcard_ai:before {
    color: #762283;
}
.ai-hydrosol:before {
    color: #384952;
}
.ai-instagram:before {
    color: #FFFFFF;
}
.ai-instagram_dark:before {
    color: #1C2F39;
    font-size: 22px;
}
.ai-instagram_ai:before {
    color: #762283;
}
.ai-kidsafe:before {
    color: #762283;
}
.ai-level1:before {
    color: #dbbe60;
}
.ai-level2:before {
    color: #dbbe60;
}
.ai-level3:before {
    color: #dbbe60;
}
.ai-location:before {
    color: #762283;
    font-size: 30px;
}
.ai-lotions:before {
    color: #919396;
}
.ai-order_history_ai:before {
    color: #762283;
}
.ai-phone:before {
    color: #762283;
    font-size: 30px;
}
.ai-pinterest:before {
    color: #fff;
}
.ai-pinterest_dark:before {
    color: #1C2F39;
    font-size: 22px;
}
.ai-pinterest_purple:before {
    color: #762283;
}
.ai-play_arrow:before {
    color: #762283;
}
.ai-playarrow:before {
    color: #762283;
}
.ai-print:before {
    color: #FFFFFF;
    font-size: 16px;
    padding-right: 10px;
}
.ai-print-purple:before {
    color: #762283;
    font-size: 20px;
    padding-right: 10px;
}
.ai-purity_ai:before {
    color: #fff;
}
.ai-resins:before {
    color: #919396;
}
.ai-review_ai:before {
    color: #762283;
}
.ai-reviewrecipe_ai:before {
    color: #762283;
}
.ai-rewards_ai:before {
    color: #762283;
}
.ai-search:before {
    color: #384952;
}
.ai-star_empty:before {
    color: #ebedf0;
}
.ai-star_full:before {
    color: #ff9b00;
}
.ai-star_half .path1:before {
    color: rgb(235, 237, 240);
}
.ai-star_half .path2:before {
    margin-left: -1.0380859375em;
    color: rgb(255, 155, 0);
}
.ai-twitter:before {
    color: #fff;
}
.ai-twitter_purple:before {
    color: #762283;
}
.ai-twitter_dark:before {
    color: #1C2F39;
    font-size: 19px;
}
.ai-wish_list_ai:before {
    color: #762283;
}
.ai-yourrecipes_ai:before {
    color: #762283;
}
.ai-youtube:before {
    color: #FFFFFF;
}
.ai-youtube_dark:before {
    color: #1C2F39;
    font-size: 19px;
}
.ai-youtube_purple:before {
    color: #762283;
}
.ai-down_arrow {
    position: relative;
}
.ai-kidsafe-10-Small:before {
    color: #762283;
}
.ai-kidsafe-5-Medium:before {
    color: #762283;
}
.ai-kidsafe-10-Large:before {
    color: #762283;
}
.ai-kidsafe-10-Medium:before {
    color: #762283;
}
.ai-kidsafe-5-Large:before {
    color: #762283;
}
.ai-kidsafe-5-Small:before {
    color: #762283;
}
.ai-blending-tools-and-bags:before {
    color: #919396;
}
.ai-books:before {
    color: #919396;
}
.ai-containers:before {
    color: #919396;
}
.ai-diffusers-and-inhalers:before {
    color: #919396;
}
.ai-search:before {
    color: #384952;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Based on: https://codepen.io/nickelse/pen/YGPJQG
Influenced by: https://sproutsocial.com/
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* #Mega Menu Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mega-menu {
    display: none;
    left: 0;
    position: absolute;
    background-color: white;
    z-index: 2;
    max-height: 460px;
    overflow: auto;
    -webkit-overflow-scrolling: auto;
}
.ah-card {
    min-width: 284px;
    max-width: 284px;
    width: 284px;
}
.ah-card-260 {
    min-width: 260px;
    max-width: 260px;
    width: 260px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .ah-card {
        min-width: 281px;
        max-width: 281px;
        width: 281px;
    }
    
    .ah-card-260 {
        min-width: 281px;
        max-width: 281px;
        width: 281px;
    }
}

/* iPads (landscape) ----------- */

/* @media only screen
and (min-device-width : 768px)
and (max-device-width : 1200px)
and (orientation : landscape) {
.ah-card {
 min-width: 234px;
 max-width: 234px;
 width: 234px;
}

.ah-card-260 {
 min-width: 210px;
 max-width: 210px;
 width: 210px;
}
} */

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 766px) and (max-device-width: 1026px) and (orientation: portrait) {
    .ah-card {
        min-width: 281px;
        max-width: 281px;
        width: 281px;
    }
    
    .ah-card-260 {
        min-width: 281px;
        max-width: 281px;
        width: 281px;
    }
    /*   .cart-container {
  right: 76px !important;
} */
    
    .inline-flex.self-center.notification.w-9\/12.p-1 {
        justify-content: center;
    }
    
    .container {
        max-width: unset !important;
    }
}

/* Desktops and laptops ----------- */

/* @media only screen
and (min-width : 1024px)
and (max-width : 1038px) {
  .ah-card {
   min-width: 220px;
   max-width: 220px;
   width: 220px;
  }

  .ah-card-260 {
   min-width: 196px;
   max-width: 196px;
   width: 196px;
  }
}
@media only screen
and (min-width : 1038px)
and (max-width : 1280px) {
  .ah-card {
   min-width: 234px;
   max-width: 234px;
   width: 234px;
  }

  .ah-card-260 {
   min-width: 210px;
   max-width: 210px;
   width: 210px;
  }
} */
.menu-hover {
    width: calc(100% - 31px);
}
@media only screen and (min-width: 1280px) {
    .menu-hover {
        width: calc(100% - 39px);
    }
}

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
    /* Styles */
}

/* #hoverable Class Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hoverable {
    position: static;
}

/* .hoverable:hover .mega-menu,
.hoverable:hover {
display: block;
} */
.hoverable.active .mega-menu,
.hoverable.active {
    display: block;
}
.feather-9 {
    width: 10px;
    height: 10px;
}
.feather-16 {
    width: 16px;
    height: 16px;
}
.feather-24 {
    width: 24px;
    height: 24px;
}
.border-purple {
    border-color: #7e5d96;
}
.text-purple {
    color: #7e5d96;
}
.bg-purple {
    background-color: #7e5d96;
}
.bg-gray-search {
    background-color: #f4f4f5;
}
.placeholder-purple::placeholder {
    color: #7e5d96;
    opacity: 1;
}
.icon-search-left {
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
}
.icon-x-right {
    top: 50%;
    transform: translateY(-50%);
    right: 24px;
}
.logo-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cart-container {
    right: 12px;
    top: 12px;
}
.cart-section {
    z-index: 3;
}
.on-sale-tag {
    display: flex;
    flex: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    position: absolute;
    width: 65px;
    height: 65px;
    background-color: #1BA3A7;
}
.on-sale-tag-menu {
    display: flex;
    flex: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    width: 55px;
    height: 55px;
    background-color: #1BA3A7;
}
.bundle-tag {
    display: flex;
    flex: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    position: absolute;
    width: 65px;
    height: 65px;
    background-color: #F23B29;
}
.bundle-tag-menu {
    display: flex;
    flex: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    width: 55px;
    height: 55px;
    background-color: #F23B29;
}
.out-of-stock-tag {
    display: flex;
    flex: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    position: absolute;
    width: 65px;
    height: 65px;
    background-color: #384952;
}
@media (max-width: 1023px) {
    top: 0px;
    height: 72px;
    transform: translateX(-50%);
}
.logo-center svg {
    height: 60px !important;
}
.cart-container {
    height: 72px;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
}
.hoverable.active .mega-menu,
.hoverable.active {
    display: none;
}

/*
  .hoverable>div>a:hover {
  text-decoration:none;
  } */
.hoverable>div>a.active {
    text-decoration: none;
}
.mega-menu {
    /* display: block !important; */
    
    background-color: white;
    top: 74px;
    transform: translateX(-103%);
    will-change: transform;
    pointer-events: auto;
    width: 100%;
    overflow-x: hidden;
    min-height: calc(100vh - 74px);
}
.menu--visible {
    pointer-events: auto;
}
.mega-menu.menu--visible {
    transform: none;
}
.mega-menu.menu--animatable {
    transition: all 180ms ease-in;
}
.mega-menu.menu--animatable.menu--visible {
    transition: all 380ms ease-out;
}
.mega-menu.menu--animatable.fixed {
    transition: none 180ms ease-in;
}
.mega-menu.menu--animatable.menu--visible.fixed {
    transition: none 380ms ease-out;
}
.list-menu--mobile>li:first-child {
    border-top: 2px solid #ddd;
}
.list-menu--mobile>li {
    border-top: 1px solid #ddd;
}
.no-border {
    border: 0 !important;
}
.bg-gray-mobile {
    background-color: rgb(243, 243, 244);
}
.items {
    width: 100% !important;
    flex-direction: row-reverse;
}
.footer-item {
    width: 100% !important;
    text-align: center;
}
.footer-flex {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.bg-items {
    display: none;
}
.on-sale-tag-menu {
    width: 60px;
    height: 60px;
    z-index: 10;
}
.on-sale-tag {
    width: 60px;
    height: 60px;
    z-index: 10;
    margin-left: -75px !important;
}
.bundle-tag-menu {
    width: 60px;
    height: 60px;
    z-index: 10;
}
.bundle-tag {
    width: 60px;
    height: 60px;
    z-index: 10;
    margin-left: -75px !important;
}
.out-of-stock-tag {
    width: 60px;
    height: 60px;
    z-index: 10;
    margin-left: -75px !important;
}

}
.animate-border {
    width: calc(100% - 35px);
    height: 2px;
    background-color: rgb(37,
    52,
    60);
    position: absolute;
    bottom: 6px;
    border-radius: 5px;
    transition: 0.3s ease;
    transform: scaleX(0);
    transform-origin: 0;
}
.animate-border-full {
    width: calc(100% - 25px);
    height: 2px;
    background-color: rgb(37,
    52,
    60);
    position: absolute;
    bottom: 6px;
    border-radius: 5px;
    transition: 0.3s ease;
    transform: scaleX(0);
    transform-origin: 0;
}
.animate-arrow {
    transition: 0.3s ease;
}
@media (min-width: 1024px) {
    /*   .hoverable:hover .animate-border {
    transform: scaleX(1);
  }

  .hoverable:hover .animate-border-full {
    transform: scaleX(1);
    } */
    /*
  .hoverable:hover .animate-arrow {
  transform: translateY(12px);
  } */
    .hoverable.active .animate-border {
        transform: scaleX(1.1);
    }
    .hoverable.active .animate-border-full {
        transform: scaleX(1.1);
    }
    .hoverable.active .animate-arrow {
        transform: translateY(15px);
    }
}
h1 {
    font-family: "Crimson Text";
    font-size: 40px;
    color: #2C2F31;
}
h2 {
    font-family: "Crimson Text";
    font-size: 30px;
    color: #2C2F31;
}
h3 {
    font-family: "Crimson Text";
    font-size: 20px;
    line-height: 32px;
    color: #2C2F31;
}
h4 {
    font-family: "Source Sans Pro";
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 1.05px;
    color: #2C2F31;
}
h5 {
    font-family: "Source Sans Pro";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    color: #1C2F39;
}
.blog-container>p {
    font-family: "Source Sans Pro";
    font-size: 6x;
    line-height: 22px;
    color: #2C2F31;
    margin-top: 10px;
}
a {
    /*font-family: "Source Sans Pro";*/
    /*font-size: 16px;*/
    line-height: 22px;
    color: #762283;
}
a:hover {
    color: #5D3C6E;
    text-decoration: underline;
}
.p_small {
    font-family: "Source Sans Pro";
    font-size: 13px;
    line-height: 19px;
    color: #2C2F31;
}
.p_small_white {
    font-family: "Source Sans Pro";
    font-size: 13px;
    line-height: 22px;
    color: #FFFFFF;
}
@media only screen and (max-width:1024px) {
    h1 {
        color: #2C2F31;
        font-family: "Crimson Text";
        font-size: 32px;
        letter-spacing: 0;
        line-height: 36px;
    }
    h2 {
        color: #2C2F31;
        font-family: "Crimson Text";
        font-size: 28px;
        letter-spacing: 0;
        line-height: 34px;
    }
    h3 {
        color: #2C2F31;
        font-family: "Crimson Text";
        font-size: 20px;
        letter-spacing: 0;
        line-height: 23px;
    }
    h4 {
        color: #2C2F31;
        font-family: "Source Sans Pro";
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 22px;
    }
}
.aromatics-search-input {
    color: #2C2F31;
    font-family: "Crimson Text";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}
.aromatics-search-input::placeholder {
    color: #2C2F31;
    font-family: "Crimson Text";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}
.aromatics-button {
    min-height: 43px;
    min-width: 148px;
    border-radius: 2px;
    background-color: #762283;
    color: #FFFFFF;
    /*font-family: "Source Sans Pro";*/
    font-size: 13px;
    /*font-weight: bold;*/
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    width: fit-content;
    align-items: center;
}
.aromatics-button:hover {
    background-color: #5D3C6E;
    color: #FFFFFF;
    text-decoration: none;
}
.shopify-challenge__button {
    min-height: 43px;
    min-width: 148px;
    border-radius: 2px;
    background-color: #762283;
    color: #FFFFFF;
    font-family: "Source Sans Pro";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    width: fit-content;
    align-items: center;
    text-transform: uppercase;
}
.shopify-challenge__button:hover {
    background-color: #5D3C6E;
    color: #FFFFFF;
    text-decoration: none;
}
.aromatics-button-white {
    background-color: unset;
    border: 2px solid #FFFFFF;
}
.aromatics-button-white:hover {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #1c2f39;
}
.aromatics-button-inverse {
    background-color: #ffffff;
    border: 2px solid #762283;
    color: #762283;
}
.aromatics-button-inverse:hover {
    background-color: #762283;
    border: 2px solid #762283;
    color: #FFFFFF;
}
a.items {
    text-decoration: none;
}
.aromatics-button-paging {
    height: 42px;
    min-width: 50px;
    border-radius: 2px;
    background-color: #762283;
    color: #FFFFFF;
    font-family: "Source Sans Pro";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    justify-content: center;
    width: fit-content;
    align-items: center;
}
.aromatics-button-paging:hover {
    background-color: #5D3C6E;
    color: #FFFFFF;
    text-decoration: none;
}
.aromatics-button-paging::placeholder {
    font-family: "Source Sans Pro";
    font-size: 13px;
    line-height: 19px;
    color: #2C2F31;
}
.list-reset {
    list-style: none;
    margin-left: 0px;
}
.list-reset li,
.hoverable {
    list-style: none;
    margin-left: 0px;
}
.social li {
    list-style: none;
    margin-left: 0px;
}
.social li:hover i {
    color: #762283;
}
.social li:hover a {
    text-decoration: none;
}
.text_purple {
    color: #762283;
}
.border_purple {
    border-color: #762283;
}
.border_grayscale1 {
    border-color: #1C2F39;
}
.border_grayscale2 {
    border-color: #3A3F44;
}
.border_grayscale3 {
    border-color: #C8CED4;
}
.border_grayscale4 {
    border-color: #EBEDF0;
}
.border_grayscale5 {
    border-color: #F4F4F5;
}
.bg_grayscale1 {
    background-color: #1C2F39;
}

/* .bg_grayscale2
{
background-color:#3A3F44;
} */
.bg_grayscale2 {
    background-color: #384952;
}
.bg_grayscale3 {
    background-color: #C8CED4;
}
.bg_grayscale4 {
    background-color: #EBEDF0;
}
.bg_grayscale5 {
    background-color: #F4F4F5;
}
.bg_purple {
    background-color: #762283;
}
@media (max-width: 768px) {
    .swell-redemption-option {
        margin-bottom: 6em !important;
    }
}
.bg_purple2 {
    background-color: #E0D3E7;
}
.bg_purple3 {
    background-color: #F0E9F4;
}
.bg_golden {
    background-color: #DBBE60;
}
.bg_pale_yellow {
    background-color: #F8F1DA;
}
.bg_teal {
    background-color: #1BA3A7;
}
@media (max-width:1024px) {
    .header-container {
        width: 100%;
    }
}
.hoverable>div>a {
    height: 15px !important;
    color: #1C2F39 !important;
    /*font-family: "Source Sans Pro" !important;*/
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 18px !important;
}
.hoverable:hover>div>a {
    text-decoration: none;
}
.aromatics-card-title {
    height: 15px !important;
    color: #1C2F39 !important;
    font-family: "Source Sans Pro" !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    line-height: 18px !important;
    text-align: center;
}
.aromatics-card-description {
    color: #384952;
    font-family: "Crimson Text";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 24px !important;
    text-align: center;
}
.aromatics-card-hover:hover div .aromatics-card-description {
    color: #762283 !important;
}
.aromatics-card-hover:hover div .aromatics-card-description h3 {
    color: #762283 !important;
}
.aromatics-link-hover:hover div h1,
.aromatics-link-hover:hover p {
    color: #762283 !important;
}
.aromatics-link-hover:hover {
    text-decoration: none;
}
.aromatics-card-hover:hover {
    text-decoration: none;
}
.aromatics-card-hover:hover .aromatics-card {
    /*     background-color:#f4f4f5; */
    background-color: #F0E9F4;
}
.aromatics-mobile-menu-p {
    font-size: 14px;
}
.footer-links {
    color: #FFFFFF;
    font-family: "Source Sans Pro";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 31px;
}
.footer-links:hover {
    opacity: 0.5;
    color: #FFFFFF;
    text-decoration: none;
}
.sign-up-for-our-news {
    color: #FFFFFF;
    font-family: "Crimson Text";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}
.receive-aromatherapy {
    opacity: 0.47;
    color: #FFFFFF;
    font-family: "Source Sans Pro";
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
}
.footer-input {
    box-sizing: border-box;
    height: 42px;
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    background-color: #FFFFFF;
}
.footer-input::placeholder {
    color: #2C2F31;
    font-family: "Source Sans Pro";
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
}
.aromatics-number {
    color: #CEC8D4 !important;
    font-family: "Source Sans Pro";
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
}
.aromatics-sub-links {
    color: #762283;
    font-family: "Source Sans Pro";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: center;
}
.aromatics-sub-links:hover {
    color: #1C2F39;
}
.aromatics-sub-links-active {
    color: #1C2F39;
    font-family: "Source Sans Pro";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
}
.social {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
}
.social li {
    float: left;
    height: 38px;
    width: 38px;
    border-radius: 19px;
    background-color: #3A3F44;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.social li i {
    font-size: 14px;
    color: #3A3F44;
}
a.relative.block.uppercase.font-semibold.text-xs.cart--text:hover {
    text-decoration: none;
}
.navigation-overlay-hovered {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #384952;
    z-index: 65;
    opacity: .8;
}
.mega-menu-search {
    min-height: 300px !important;
    max-height: 100vh !important;
    overflow: auto !important;
}
.super {
    vertical-align: super;
    position: relative;
    font-size: 11px;
}
.super-collection {
    vertical-align: super;
    position: relative;
    font-size: 9px;
}
.bg_light_yellow {
    background-color: #F8F1DA
}
.productgrid:hover .items {
    box-shadow: 0px 0px 10px 0px #ededed;
}
.productgrid:hover>div>a>div>.w-full {
    display: flex;
    justify-content: center;
}
.productgrid:hover {
    margin-bottom: 0;
}
.productgrid:hover .variants {
    display: block;
}
.productgrid:hover .addtocart {
    display: block;
}
.productgrid:hover .hide-on-hover {
    display: none;
}
.selection {
    font-family: "Source Sans Pro";
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 18px;
}
.selection:hover {
    color: #762283 !important;
    background-color: #FFFFFF !important;
}
.selection.bg_purple:hover {
    background-color: #762283 !important;
    color: #FFFFFF !important;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    .productgrid img {
        height: 109px;
    }
    .productgrid>div>a>div>.w-full {
        display: flex;
        justify-content: center;
    }
    .productgrid #test {
        margin-bottom: 10px;
    }
    .productgrid .variants {
        display: block;
    }
    .productgrid .addtocart {
        display: block;
    }
    .productgrid .hide-on-hover {
        display: none;
    }
    .productgrid:hover {
        margin-bottom: 6rem;
    }
    .aromatics-button {
        min-width: 137px;
    }
    .dropdown-menu {
        display: inline-flex;
        writing-mode: vertical-lr;
        flex-wrap: nowrap;
        max-height: 300px !important;
        min-width: unset;
        max-width: auto;
        min-height: 100px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}
latin {
    font-style: italic;
    font-size: 17px;
}
.kit ol {
    list-style-type: decimal;
}
.kit ol li {
    padding-bottom: 10px;
    margin-left: 25px;
}
.compare_at {
    text-decoration: line-through;
}
.product-info-card:hover .panel {
    background-color: #F0E9F4;
}
.product-info-card:hover .title {
    color: #762283;
}
@media only screen and (min-width: 767px) {
    .cbb-also-bought-product a {
        border: solid 1px #F4F4F5 !important;
        padding: 10px !important;
        width: 100% !important;
        display: block;
    }
    .cbb-also-bought-product-name {
        position: absolute;
        bottom: 20px;
        width: 100%!important;
        padding: 10px;
    }
    .cbb-also-bought-product-name a {
        font-family: "Crimson Text" !important;
        font-size: 18px !important;
        border: 0px !important;
        text-align: center !important;
    }
    .cbb-also-bought-product-image {
        width: 155px !important;
        height: 200px !important;
        background-color: #F4F4F5;
        background-clip: border-box;
        background-position: center top !important;
    }
}
@media only screen and (max-width: 767px) {
    .cbb-also-bought-product a {
        border: solid 1px #F4F4F5 !important;
        padding: 10px !important;
        width: 100% !important;
        display: block;
    }
    .cbb-also-bought-product-name {
        position: absolute;
        bottom: 20px;
        width: 100%!important;
        padding: 10px;
    }
    .cbb-also-bought-product-name a {
        font-family: "Crimson Text" !important;
        font-size: 18px !important;
        border: 0px !important;
        text-align: center !important;
    }
    .cbb-also-bought-product-image {
        width: 130px !important;
        height: 200px !important;
        background-color: #F4F4F5;
        background-clip: border-box;
        background-position: center top !important;
    }
    .product-info-card .panel {
        background-color: #F0E9F4;
    }
    .product-info-card .title {
        color: #762283;
    }
}
.klaviyo-bis-trigger {
    display: block;
}
.swell-campaign-content {
    background: none !important;
    flex-grow: 0 !important;
    margin-bottom: 3rem;
}
.yotpo-tile {
    padding-top: 50px !important;
}
/* .yotpo-title-text {
    font-size: 35px !important;
} */
.yotpo-header-text {
    padding-bottom: 20px !important
}
.yotpo-action-button-widget {
    margin-top: 20px !important;
}
.swell-redemption-option {
    max-width: 16rem !important;
    display: block !important;
}
.slick-list {
    width: 100%;
}
progress::-webkit-progress-value {
    background-color: #762283 !important;
}
progress::-moz-progress-bar {
    background-color: #762283 !important;
}
progress {
    color: #762283;
}
progress::-webkit-progress-bar {
    background-color: #EBEDF0;
    width: 100%;
}
progress {
    background-color: #EBEDF0;
}
progress {
    background-color: #EBEDF0;
}
.modal-reviews {
    width: 600px;
}
.modal-reviews input {
    width: 490px;
}
.modal-reviews textarea {
    height: 90px;
}
@media only screen and (max-width: 768px) {
    .cat {
        width: 128px;
    }
    .modal-reviews {
        width: 290px;
    }
    .modal-reviews input {
        width: 260px;
    }
    .modal-reviews .modal-content.py-4.text-left.px-6 {
        padding: 15px !important;
    }
}
_::-webkit-full-page-media,
_:future,
 :root .againButton {
    max-height: 43px;
    margin-top: 27px;
}
_::-webkit-full-page-media,
_:future,
 :root .aromaticsButtonHeight {
    max-height: 43px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .cat {
        width: 144px !important;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .cat {
        width: 190px !important;
    }
}
@media only screen and (min-width: 767px) {
    .cbb-also-bought-product a {
        border: solid 1px #F4F4F5 !important;
        padding: 10px !important;
        width: 175px !important;
        display: block;
    }
    .cbb-also-bought-product-name {
        position: absolute;
        bottom: -10px;
        width: 100% !important;
        padding: 10px !important;
    }
    .cbb-also-bought-product-name a {
        font-family: "Crimson Text" !important;
        font-size: 18px !important;
        border: 0px !important;
        text-align: center !important;
        margin-left: -10px !important;
    }
    .cbb-also-bought-product-image {
        width: 155px !important;
        height: 200px !important;
        background-color: #F4F4F5;
        background-clip: border-box;
        background-position: center top !important;
    }
}
@media only screen and (max-width: 767px) {
    .cbb-also-bought-product a {
        border: solid 1px #F4F4F5 !important;
        padding: 10px !important;
        width: 175px !important;
        display: block;
    }
    .cbb-also-bought-product-name {
        position: absolute;
        bottom: -20px;
        padding: 10px !important;
        width: 100%!important;
    }
    .cbb-also-bought-product-name a {
        font-family: "Crimson Text" !important;
        font-size: 18px !important;
        border: 0px !important;
        text-align: center !important;
        margin-left: -10px !important;
    }
    .cbb-also-bought-product-image {
        width: 155px !important;
        height: 200px !important;
        background-color: #F4F4F5;
        background-clip: border-box;
        background-position: center top !important;
    }
}
.shopify-challenge__container {
    margin-top: 200px;
    margin-bottom: 100px;
}
.close-modal {
    background-color: #ffffff;
    border-radius: 9px;
    margin-right: 8px;
    margin-top: 8px;
    background: rgb(250,
    250,
    250,
    .7);
}
.close-modal-color {
    color: #762283;
}
.reviewDate {
    opacity: 0.5;
    color: #2C2F31;
    font-family: "Source Sans Pro";
    font-size: 13px;
    letter-spacing: 0;
    line-height: 19px;
}
a:hover .bestseller-product {
    color: #762283;
}
@media only screen and (max-width: 450px) {
    .compare_at_h3 {
        display: none;
    }
}
.grid {
    display: grid;
}
.grid-cols-2 {
    grid-template-columns: repeat(2,
    minmax(0,
    1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3,
    minmax(0,
    1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4,
    minmax(0,
    1fr));
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.gap-1 {
    gap: .25rem;
}
.gap-2 {
    gap: .5rem;
}
.gap-3 {
    gap: .75rem;
}
.gap-4 {
    gap: 1rem;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-4 {
    flex: 4;
}
.flex-5 {
    flex: 5;
}
.leading-none {
    line-height: 1;
}
.leading-tight {
    line-height: 1.25;
}
.leading-snug {
    line-height: 1.375;
}
.leading-normal {
    line-height: 1.5;
}
.leading-relaxed {
    line-height: 1.625;
}
.leading-loose {
    line-height: 2;
}
@media (min-width: 640px) {
    .sm\:bg-gray-search {
        backgroun-color: #f4f4f5;
    }
    .sm\:bg-transparent {
        background-color: transparent;
    }
}
@media (min-width: 768px) {
    .md\:grid {
        display: grid;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .md\:gap-1 {
        gap: .25rem;
    }
    .md\:gap-2 {
        gap: .5rem;
    }
    .md\:gap-3 {
        gap: .75rem;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:flex-2 {
        flex: 2;
    }
    .md\:flex-3 {
        flex: 3;
    }
    .md\:flex-4 {
        flex: 4;
    }
    .md\:flex-5 {
        flex: 5;
    }
}
@media (min-width: 1024px) {
    .lg\:grid {
        display: grid;
    }
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg\:col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg\:gap-1 {
        gap: .25rem;
    }
    .lg\:gap-2 {
        gap: .5rem;
    }
    .lg\:gap-3 {
        gap: .75rem;
    }
    .lg\:gap-4 {
        gap: 1rem;
    }
    .lg\:flex-2 {
        flex: 2;
    }
    .lg\:flex-3 {
        flex: 3;
    }
    .lg\:flex-4 {
        flex: 4;
    }
    .lg\:flex-5 {
        flex: 5;
    }
}
.search-result-tabs {
    display: grid;
    grid-template-columns: 5fr 3fr 4fr;
    gap: 1rem;
    font-size: 14px;
}
.search-result-item .result-item-image {
    flex: 0 0 5rem;
    width: 100%;
    height: 7rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.search-result-item .result-item-text {
    color: #928D8C;
}
.search-results a {
    font-weight: normal !important;
    font-size: 14px;
    font-family: 'Source Sans Pro',
    sans-serif;
    letter-spacing: normal;
}
.search-suggestions a {
    display: inline-block;
    margin-right: .75rem;
    color: #928D8C;
    font-family: 'Source Sans Pro Bold',
    sans-serif;
    letter-spacing: normal;
}
.search-pagination ul li {
    list-style-type: none;
    margin: 0;
}
.search-pagination ul li:not(.active) a {
    color: #928D8C;
}
.search input[type=search] {
    -webkit-appearance: none;
    border-radius: 0;
}
.search-pagination ul li a {
    display: block;
    width: 1.5rem;
    text-align: center;
}
/*.container {
    max-width: 1280px;
}*/
#header-search #search-input {
    -webkit-appearance: none;
    border-radius: 0;
}
@media(min-width: 768px) {
    .search-result-item {
        flex-direction: row;
        justify-content: flex-start;
    }
    .search-result-item .result-item-image {
        width: 5rem;
        height: 5rem;
    }
}
@media(min-width: 1024px) {
    .search-suggestions a {
        display: block;
        font-size: 1rem;
        line-height: 1.65;
        font-weight: lighter !important;
    }
}
.h-100vh {
    height: 100vh;
}
#header-search-overlay-bg {
    background: hsla(0,
    0%,
    0%,
    .5);
}