/** Shopify CDN: Minification failed

Line 548:0 Unexpected "}"

**/
/* preview bar hide */
html {
  /* padding-bottom: 0!important; */
}

#admin-bar-iframe,
#preview-bar-iframe {
  display: none! important;
}


:root[data-bergen-headings="true"] h1,
:root[data-bergen-headings="true"] h2,
:root[data-bergen-headings="true"] h3,
:root[data-bergen-headings="true"] h4,
:root[data-bergen-headings="true"] h5,
:root[data-bergen-headings="true"] h6 {
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* AIOD */

.aiod-banner-wrapper.aiod-page-banner {
  display: inline-block;
  margin-top: 1rem;
  /* max-width: 400px; */
}

.aiod-widget-container {
  align-items: start !important;
}

@media (min-width: 1280px) {
    :root {
        --page-padding: 3rem;
    }
}

.site-wrapper #MainContent .page-width {
  max-width: 1440px;
  margin: 0 auto;
}

/*** remove menu animation ***/
.header__menu .dropdown__container,
body .mega-menu__container {
  transform: none !important;
}
.mega-menu .mega-menu__item,
.mega-menu .promotion-item,
.mega-menu .mega-menu__promotions--carousel {
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
}

/*** tailwind utility classes ***/
/* Padding (All Sides) */
.p-0    { padding: 0px; }
.p-1    { padding: 0.25rem; } /* 4px */
.p-2    { padding: 0.5rem; }  /* 8px */
.p-3    { padding: 0.75rem; } /* 12px */
.p-4    { padding: 1rem; }    /* 16px */
.p-5    { padding: 1.25rem; } /* 20px */
.p-6    { padding: 1.5rem; }  /* 24px */
.p-8    { padding: 2rem; }    /* 32px */
.p-10   { padding: 2.5rem; }  /* 40px */
.p-12   { padding: 3rem; }    /* 48px */
.p-16   { padding: 4rem; }    /* 64px */

/* Padding (Top) */
.pt-0   { padding-top: 0px; }
.pt-1   { padding-top: 0.25rem; } /* 4px */
.pt-2   { padding-top: 0.5rem; }  /* 8px */
.pt-3   { padding-top: 0.75rem; } /* 12px */
.pt-4   { padding-top: 1rem; }    /* 16px */
.pt-5   { padding-top: 1.25rem; } /* 20px */
.pt-6   { padding-top: 1.5rem; }  /* 24px */
.pt-8   { padding-top: 2rem; }    /* 32px */
.pt-10  { padding-top: 2.5rem; }  /* 40px */
.pt-12  { padding-top: 3rem; }    /* 48px */
.pt-16  { padding-top: 4rem; }    /* 64px */

/* Padding (Right) */
.pr-0   { padding-right: 0px; }
.pr-1   { padding-right: 0.25rem; } /* 4px */
.pr-2   { padding-right: 0.5rem; }  /* 8px */
.pr-3   { padding-right: 0.75rem; } /* 12px */
.pr-4   { padding-right: 1rem; }    /* 16px */
.pr-5   { padding-right: 1.25rem; } /* 20px */
.pr-6   { padding-right: 1.5rem; }  /* 24px */
.pr-8   { padding-right: 2rem; }    /* 32px */
.pr-10  { padding-right: 2.5rem; }  /* 40px */
.pr-12  { padding-right: 3rem; }    /* 48px */
.pr-16  { padding-right: 4rem; }    /* 64px */

/* Padding (Bottom) */
.pb-0   { padding-bottom: 0px; }
.pb-1   { padding-bottom: 0.25rem; } /* 4px */
.pb-2   { padding-bottom: 0.5rem; }  /* 8px */
.pb-3   { padding-bottom: 0.75rem; } /* 12px */
.pb-4   { padding-bottom: 1rem; }    /* 16px */
.pb-5   { padding-bottom: 1.25rem; } /* 20px */
.pb-6   { padding-bottom: 1.5rem; }  /* 24px */
.pb-8   { padding-bottom: 2rem; }    /* 32px */
.pb-10  { padding-bottom: 2.5rem; }  /* 40px */
.pb-12  { padding-bottom: 3rem; }    /* 48px */
.pb-16  { padding-bottom: 4rem; }    /* 64px */

/* Padding (Left) */
.pl-0   { padding-left: 0px; }
.pl-1   { padding-left: 0.25rem; } /* 4px */
.pl-2   { padding-left: 0.5rem; }  /* 8px */
.pl-3   { padding-left: 0.75rem; } /* 12px */
.pl-4   { padding-left: 1rem; }    /* 16px */
.pl-5   { padding-left: 1.25rem; } /* 20px */
.pl-6   { padding-left: 1.5rem; }  /* 24px */
.pl-8   { padding-left: 2rem; }    /* 32px */
.pl-10  { padding-left: 2.5rem; }  /* 40px */
.pl-12  { padding-left: 3rem; }    /* 48px */
.pl-16  { padding-left: 4rem; }    /* 64px */

/* Padding (Horizontal - Left and Right) */
.px-0   { padding-left: 0px; padding-right: 0px; }
.px-1   { padding-left: 0.25rem; padding-right: 0.25rem; } /* 4px */
.px-2   { padding-left: 0.5rem; padding-right: 0.5rem; }   /* 8px */
.px-3   { padding-left: 0.75rem; padding-right: 0.75rem; } /* 12px */
.px-4   { padding-left: 1rem; padding-right: 1rem; }       /* 16px */
.px-5   { padding-left: 1.25rem; padding-right: 1.25rem; } /* 20px */
.px-6   { padding-left: 1.5rem; padding-right: 1.5rem; }   /* 24px */
.px-8   { padding-left: 2rem; padding-right: 2rem; }       /* 32px */
.px-10  { padding-left: 2.5rem; padding-right: 2.5rem; }   /* 40px */
.px-12  { padding-left: 3rem; padding-right: 3rem; }       /* 48px */
.px-16  { padding-left: 4rem; padding-right: 4rem; }       /* 64px */

/* Padding (Vertical - Top and Bottom) */
.py-0   { padding-top: 0px; padding-bottom: 0px; }
.py-1   { padding-top: 0.25rem; padding-bottom: 0.25rem; } /* 4px */
.py-2   { padding-top: 0.5rem; padding-bottom: 0.5rem; }   /* 8px */
.py-3   { padding-top: 0.75rem; padding-bottom: 0.75rem; } /* 12px */
.py-4   { padding-top: 1rem; padding-bottom: 1rem; }       /* 16px */
.py-5   { padding-top: 1.25rem; padding-bottom: 1.25rem; } /* 20px */
.py-6   { padding-top: 1.5rem; padding-bottom: 1.5rem; }   /* 24px */
.py-8   { padding-top: 2rem; padding-bottom: 2rem; }       /* 32px */
.py-10  { padding-top: 2.5rem; padding-bottom: 2.5rem; }   /* 40px */
.py-12  { padding-top: 3rem; padding-bottom: 3rem; }       /* 48px */
.py-16  { padding-top: 4rem; padding-bottom: 4rem; }       /* 64px */

/* margin (All Sides) */
.m-0    { margin: 0px; }
.m-1    { margin: 0.25rem; } /* 4px */
.m-2    { margin: 0.5rem; }  /* 8px */
.m-3    { margin: 0.75rem; } /* 12px */
.m-4    { margin: 1rem; }    /* 16px */
.m-5    { margin: 1.25rem; } /* 20px */
.m-6    { margin: 1.5rem; }  /* 24px */
.m-8    { margin: 2rem; }    /* 32px */
.m-10   { margin: 2.5rem; }  /* 40px */
.m-12   { margin: 3rem; }    /* 48px */
.m-16   { margin: 4rem; }    /* 64px */

/* margin (Top) */
.mt-0   { margin-top: 0px; }
.mt-1   { margin-top: 0.25rem; } /* 4px */
.mt-2   { margin-top: 0.5rem; }  /* 8px */
.mt-3   { margin-top: 0.75rem; } /* 12px */
.mt-4   { margin-top: 1rem; }    /* 16px */
.mt-5   { margin-top: 1.25rem; } /* 20px */
.mt-6   { margin-top: 1.5rem; }  /* 24px */
.mt-8   { margin-top: 2rem; }    /* 32px */
.mt-10  { margin-top: 2.5rem; }  /* 40px */
.mt-12  { margin-top: 3rem; }    /* 48px */
.mt-16  { margin-top: 4rem; }    /* 64px */

/* margin (Right) */
.mr-auto { margin-left: auto; }
.mr-0   { margin-right: 0px; }
.mr-1   { margin-right: 0.25rem; } /* 4px */
.mr-2   { margin-right: 0.5rem; }  /* 8px */
.mr-3   { margin-right: 0.75rem; } /* 12px */
.mr-4   { margin-right: 1rem; }    /* 16px */
.mr-5   { margin-right: 1.25rem; } /* 20px */
.mr-6   { margin-right: 1.5rem; }  /* 24px */
.mr-8   { margin-right: 2rem; }    /* 32px */
.mr-10  { margin-right: 2.5rem; }  /* 40px */
.mr-12  { margin-right: 3rem; }    /* 48px */
.mr-16  { margin-right: 4rem; }    /* 64px */

/* margin (Bottom) */
.mb-0   { margin-bottom: 0px; }
.mb-1   { margin-bottom: 0.25rem; } /* 4px */
.mb-2   { margin-bottom: 0.5rem; }  /* 8px */
.mb-3   { margin-bottom: 0.75rem; } /* 12px */
.mb-4   { margin-bottom: 1rem; }    /* 16px */
.mb-5   { margin-bottom: 1.25rem; } /* 20px */
.mb-6   { margin-bottom: 1.5rem; }  /* 24px */
.mb-8   { margin-bottom: 2rem; }    /* 32px */
.mb-10  { margin-bottom: 2.5rem; }  /* 40px */
.mb-12  { margin-bottom: 3rem; }    /* 48px */
.mb-16  { margin-bottom: 4rem; }    /* 64px */
.mb-32  { margin-bottom: 8rem; }    /* 64px */

/* margin (Left) */
.ml-auto { margin-left: auto; }
.ml-0   { margin-left: 0px; }
.ml-1   { margin-left: 0.25rem; } /* 4px */
.ml-2   { margin-left: 0.5rem; }  /* 8px */
.ml-3   { margin-left: 0.75rem; } /* 12px */
.ml-4   { margin-left: 1rem; }    /* 16px */
.ml-5   { margin-left: 1.25rem; } /* 20px */
.ml-6   { margin-left: 1.5rem; }  /* 24px */
.ml-8   { margin-left: 2rem; }    /* 32px */
.ml-10  { margin-left: 2.5rem; }  /* 40px */
.ml-12  { margin-left: 3rem; }    /* 48px */
.ml-16  { margin-left: 4rem; }    /* 64px */

/* margin (Horizontal - Left and Right) */
.mx-auto { margin-left: auto; margin-right: auto;  }
.mx-0   { margin-left: 0px; margin-right: 0px; }
.mx-1   { margin-left: 0.25rem; margin-right: 0.25rem; } /* 4px */
.mx-2   { margin-left: 0.5rem; margin-right: 0.5rem; }   /* 8px */
.mx-3   { margin-left: 0.75rem; margin-right: 0.75rem; } /* 12px */
.mx-4   { margin-left: 1rem; margin-right: 1rem; }       /* 16px */
.mx-5   { margin-left: 1.25rem; margin-right: 1.25rem; } /* 20px */
.mx-6   { margin-left: 1.5rem; margin-right: 1.5rem; }   /* 24px */
.mx-8   { margin-left: 2rem; margin-right: 2rem; }       /* 32px */
.mx-10  { margin-left: 2.5rem; margin-right: 2.5rem; }   /* 40px */
.mx-12  { margin-left: 3rem; margin-right: 3rem; }       /* 48px */
.mx-16  { margin-left: 4rem; margin-right: 4rem; }       /* 64px */

/* margin (Vertical - Top and Bottom) */
.my-0   { margin-top: 0px; margin-bottom: 0px; }
.my-1   { margin-top: 0.25rem; margin-bottom: 0.25rem; } /* 4px */
.my-2   { margin-top: 0.5rem; margin-bottom: 0.5rem; }   /* 8px */
.my-3   { margin-top: 0.75rem; margin-bottom: 0.75rem; } /* 12px */
.my-4   { margin-top: 1rem; margin-bottom: 1rem; }       /* 16px */
.my-5   { margin-top: 1.25rem; margin-bottom: 1.25rem; } /* 20px */
.my-6   { margin-top: 1.5rem; margin-bottom: 1.5rem; }   /* 24px */
.my-8   { margin-top: 2rem; margin-bottom: 2rem; }       /* 32px */
.my-10  { margin-top: 2.5rem; margin-bottom: 2.5rem; }   /* 40px */
.my-12  { margin-top: 3rem; margin-bottom: 3rem; }       /* 48px */
.my-16  { margin-top: 4rem; margin-bottom: 4rem; }       /* 64px */

/* made up tailwindlike classes */
.min-w-0    { min-width: 0px; }
.min-w-1    { min-width: 0.25rem; } /* 4px */
.min-w-2    { min-width: 0.5rem; }  /* 8px */
.min-w-3    { min-width: 0.75rem; } /* 12px */
.min-w-4    { min-width: 1rem; }    /* 16px */
.min-w-5    { min-width: 1.25rem; } /* 20px */
.min-w-6    { min-width: 1.5rem; }  /* 24px */
.min-w-8    { min-width: 2rem; }    /* 32px */
.min-w-10   { min-width: 2.5rem; }  /* 40px */
.min-w-12   { min-width: 3rem; }    /* 48px */
.min-w-16   { min-width: 4rem; }    /* 64px */

.min-h-0    { min-height: 0px; }
.min-h-1    { min-height: 0.25rem; } /* 4px */
.min-h-2    { min-height: 0.5rem; }  /* 8px */
.min-h-3    { min-height: 0.75rem; } /* 12px */
.min-h-4    { min-height: 1rem; }    /* 16px */
.min-h-5    { min-height: 1.25rem; } /* 20px */
.min-h-6    { min-height: 1.5rem; }  /* 24px */
.min-h-8    { min-height: 2rem; }    /* 32px */
.min-h-10   { min-height: 2.5rem; }  /* 40px */
.min-h-12   { min-height: 3rem; }    /* 48px */
.min-h-16   { min-height: 4rem; }    /* 64px */

.max-w-0    { max-width: 0px; }
.max-w-1    { max-width: 0.25rem; } /* 4px */
.max-w-2    { max-width: 0.5rem; }  /* 8px */
.max-w-3    { max-width: 0.75rem; } /* 12px */
.max-w-4    { max-width: 1rem; }    /* 16px */
.max-w-5    { max-width: 1.25rem; } /* 20px */
.max-w-6    { max-width: 1.5rem; }  /* 24px */
.max-w-8    { max-width: 2rem; }    /* 32px */
.max-w-10   { max-width: 2.5rem; }  /* 40px */
.max-w-12   { max-width: 3rem; }    /* 48px */
.max-w-16   { max-width: 4rem; }    /* 64px */
.max-w-20   { max-width: 5rem; }    /* 64px */
.max-w-32   { max-width: 8rem; }    /* 128px */

.max-w-8\/12 {
  max-width: 66.6666666667%;
}


/** more theme utility classes **/
.float-right {float:right;}
.float-left {float:left;}
.float-none {float:none;}

.text-xl {
  font-size: calc(var(--font-body-size) * 1.5);
  line-height: 3.2rem;
}

.text-2xl {
  font-size: calc(var(--font-body-size) * 2);
  line-height: 3.75rem;
}

/* not necessary? font-poppins auto-generated? */
.poppins {
  font-family: "Poppins", 'sans-serif';
}

.underline { text-decoration: underline; }

@media (min-width: 768px) {
  .md\:float-right {float:right;}
  .md\:float-left {float:left;}
  .md\:float-none {float:none;}
  .md\:absolute {position: absolute;}


  .md\:border-top {
    border-block-start: 0.1rem solid rgb(var(--color-border));
  }

  .md\:mb-0  { margin-bottom: 0rem; }
  .md\:mt-0  { margin-top: 0rem; }
  .md\:mt-16 { margin-top: 4rem; }    /* 64px */

  .md\:max-w-8\/12 {
    max-width: 66.6666666667%;
  }

}


/********* GRID CHANGES *************/
/***************************/

.flex-2 {
  flex: 2;
  min-width: 0;
}
.flex-1 {
  min-width: 0;
}

/* just another name for what the theme strangely calls .shrink-0 */
.flex-shrink-0 {
  flex-shrink: 0;
}

/* Set flex direction to row and justify content */
@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:flex-1 {
    flex: 1;
    min-width: 0;
  }
  .md\:flex-2 {
    flex: 2;
    min-width: 0;
  }
  .md\:ml-auto {
    margin-left: auto; /* Align Column B to the right */
  }
  .md\:pr-4 {
    padding-right: 1rem; /* Optional padding for spacing between columns */
  }
}

/* Set width to auto for Column B on desktop */
@media (min-width: 1024px) {
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:w-auto {
    width: auto;
  }
  .lg\:flex-1 {
    flex: 1;
    min-width: 0;
  }
  .lg\:flex-2 {
    flex: 2;
    min-width: 0;
  }
  .lg\:ml-auto {
    margin-left: auto; /* Align Column B to the right */
  }
  .lg\:pr-4 {
    padding-right: 1rem; /* Optional padding for spacing between columns */
  }
}

.grid-2x2 > * {
  flex: 1 1 100%;
}

@media (min-width: 768px) {
  .grid-2x2 > * {
    flex: 1 1 48%;
  }
}

/*** theme additions ***/
.border-bottom {
  border-block-end: 0.1rem solid rgb(var(--color-border));
}

.border-none {
  border: none;
}

.black {
  color: #291E1D;
}
.teal {
  color: #005A63;
}
.dark-teal {
  color: #0E464B;
}
.hot-pink {
  color: #D21A43;
}
.tea-blue {
  color: #2D2D68;
}
.tea-purple {
  color: #5D68BF;
}
.red {
  color: #C5302D;
}
.yellow-lt {
  color: #FCE27B;
}
.yellow-dk  {
  color: #FDC806;
}

.bg-black {
  color: #291E1D;
}
.bg-teal {
  color: #005A63;
}
.bg-dark-teal {
  color: #0E464B;
}
.bg-hot-pink {
  color: #D21A43;
}
.bg-tea-blue {
  color: #2D2D68;
}
.bg-tea-purple {
  color: #5D68BF;
}
.bg-red {
  color: #C5302D;
}
.bg-yellow-lt {
  color: #FCE27B;
}
.bg-yellow-dk  {
  color: #FDC806;
}


/***************************/





/*** theme overrides ***/
body .rich-text>*:first-child:is(.rich-text__subheading) {
  margin-bottom: var(--subheading-margin-bottom, 0.5rem);
}

body .rich-text p {
  padding: 0.25rem;
  margin: 0;
}

body .custom-text-card-with-image .rich-text {
  padding: 3rem;
}

body .drawer {
  z-index: 10000000;
}

body .sticky-atc-bar {
  border-block-start: 0.1rem solid rgb(var(--color-border));
  box-shadow: none;
}


.swiper-button-prev, .swiper-button-next {
    height: var(--swiper-navigation-size);
}



.checkmark li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}

.checkmark li::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  /* background-image: url('/cdn/shop/files/noun-checkmark-7003561-291E1D_09e0ee17-9e78-48fa-8290-c6ac7e684446.svg?v=1729802619'); */
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8cGF0aCBkPSJtMzM4LjgyIDE3Ny44NGM4LjEyMTEtOC4xMjExIDIxLjI4MS04LjEyMTEgMjkuMzk4IDAgOC4xMjExIDguMTIxMSA4LjEyMTEgMjEuMjgxIDAgMjkuMzk4bC0xMjYuOTIgMTI2LjkyYy04LjEyMTEgOC4xMjExLTIxLjI4MSA4LjEyMTEtMjkuMzk4IDBsLTY4LjA4Mi02OC4wODJjLTguMTIxMS04LjEyMTEtOC4xMjExLTIxLjI4MSAwLTI5LjM5OCA4LjEyMTEtOC4xMjExIDIxLjI4MS04LjEyMTEgMjkuMzk4IDBsNTMuMzgzIDUzLjM4MyAxMTIuMjQtMTEyLjI0em0tODIuODItMTU3LjQ0Yy0xMzAuMTIgMC0yMzUuNiAxMDUuNDgtMjM1LjYgMjM1LjZzMTA1LjQ4IDIzNS42IDIzNS42IDIzNS42IDIzNS42LTEwNS40OCAyMzUuNi0yMzUuNi0xMDUuNDgtMjM1LjYtMjM1LjYtMjM1LjZ6bTEzNy4yIDk4LjQwMmMtNzUuNzgxLTc1Ljc4MS0xOTguNjItNzUuNzgxLTI3NC40IDBzLTc1Ljc4MSAxOTguNjQgMCAyNzQuNGM3NS43ODEgNzUuNzgxIDE5OC42MiA3NS43ODEgMjc0LjQgMCA3NS43NjItNzUuNzYyIDc1Ljc2Mi0xOTguNjIgMC0yNzQuNHoiIGZpbGw9IiMyODFlMWMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K');
  background-size: contain;
  background-repeat: no-repeat;
}

/* .hd1, .hd2, .hd3, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { */
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  /* surprisingly, there's not a Display Heading font weight in the theme UI. I could add it but this is easier. */
  font-weight: 600;
}



/* keep Crisp from overlaying cart  */
body .crisp-client .cc-165wh[data-full-view=true] .cc-lk42u .cc-13wro,
body .crisp-client > div[data-full-view=true] > div > div {
  z-index:22 !important;
}
 
}
body .crisp-client .cc-1brb6 .cc-1yy0g .cc-1m2mf, .crisp-client .cc-1brb6 .cc-1yy0g .cc-1no03 {
  z-index:21 !important;
  /* left: 90px !important; */
  bottom: 10px !important;
}

body .crisp-client .cc-1brb6 .cc-1yy0g .cc-1no03 .cc-rfbfu .cc-1iwcs .cc-1o220 {
  bottom: 115px !important;
}

.Rise__widget {
  z-index:21 !important;
  left: 21px !important;
  bottom: 5px !important;
  /* border: 3px solid #291E1D !important; */
  border-radius: 50% !important;
}

.Rise__widget .Rise__widget-launcher {
  background-size: 45px !important;
  
}

.sticker-wrapper {
  position: absolute;
  z-index: 10;
}

@media (max-width: 767.98px) {
  .sticker-wrapper.mobile-left {
    right: 80% !important;
    left: auto !important;
  }
  
  .sticker-wrapper.mobile-right {
    left: 80% !important;
    right: auto !important;
  }
}


/* cart product recommendations */
/* only show one rec in the cart. concerned it's too confusing to show a bunch. */
#CartDrawer cart-items ul .cart-item:last-of-type cart-drawer-products-recommendation:not(.hidden) {
    display: flex;
}
/* 
#CartDrawer cart-items ul .cart-item:last-of-type cart-drawer-products-recommendation.hidden {
    display: none;
}
 */
#CartDrawer cart-drawer-products-recommendation {
  display: none;
  border-top: 1px solid #A78668;
  background: #EDDFD2;
  padding: 2px 8px;
}

#CartDrawer cart-drawer-products-recommendation .h5 {
   font-size: calc(var(--font-body-size)* 1);
}

#CartDrawer cart-drawer-products-recommendation .product-card {
  background: transparent;
}

#CartDrawer cart-drawer-products-recommendation .product-card--list .product-card__wrapper {
  align-items: start !important;
  padding: 0.5rem !important;
}


#CartDrawer cart-drawer-products-recommendation .product-card--list .product-card__info {
  gap: 0;
}

#CartDrawer cart-drawer-products-recommendation .product-card--list .product-card__info .text-sm {
  font-size: calc(var(--font-body-size)* .75);
  line-height: calc(var(--font-body-size)* .85);
}
#CartDrawer cart-drawer-products-recommendation .product-card--list .product-card__info h3 {
  /* font-size: calc(var(--font-body-size)* .9); */
}

#CartDrawer cart-drawer-products-recommendation .product-card--list .product-card__info .f-price {display: none;}

/* header nav mega menu */
body .mega-menu__container {
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-foreground));
}

body .mega-menu__wrapper {
  padding-block: 0rem 4rem;
  padding-inline: 6rem;
}

body .header details[level="top"] > .dropdown {
  padding-block-start: 60px;
}

body .header .dropdown li:hover {
  background:#eee;  
}

body .mega-menu__item > .h4 {
  font-family: var(--font-body-family) !important;
  font-size: var(--font-body-size);
  font-weight: bold !important;
  color: rgb(var(--color-background));
}

body .mega-menu__item ul.mega-menu__item-child li {
  padding-block: 0;
  font-size: calc(var(--font-body-size) * 0.9);
}

.mega-menu__promotions .card-media__content:not(.content-overlay) {
  padding-block-start: 4px;
}

.mega-menu__promotions rich-text__subheading.text-subheading {
  font-size: calc(var(--font-body-size) * 0.9) !important;
  margin-bottom: 4px !important;
}

body .mega-menu__promotions .promotion-item .h5 {
  font-family: var(--font-body-family) !important;
  font-weight: bold !important;
  color: #008692;
}

.header__menu .dropdown__container {
  color: rgb(var(--color-background));
  background-color: rgb(var(--color-foreground));
}




/* product card changes */
.product-card__info {
  padding: 0.5rem 0 0;
  gap: 0;
}
.product-card__info .f-price {
  display: none;
}


/* product page (PDP) */
body.product-template .product {
  --media-width: 48.5%;
  --product-gap: 2rem;
  gap: var(--product-gap);
}
body.product-template .product--medium {
  --media-width: 40%;
}
body.product-template .product--small {
  --media-width: 35%;
}

body.product-template .product__block--title .product__title {
  font-weight: 600;
}

@media (min-width: 1410px) {
    body.product-template .product:not(.product--media-has-0) .product__info-wrapper {
        padding-inline-start: 3rem;
    }
}

body.product-template .product__block {
    --product-blocks-gap: 1rem;
    --product-blocks-gap-large: 1.5rem;
    margin: var(--product-blocks-gap) 0;
}

body.product-template .product__block.product__block--complementary.product__block--complementary-inline {
    /* max-width: 400px; */
}

body.product-template .product-form__submit {
  /* max-width: 40rem; */
}

body shopify-payment-terms {
  display: none !important;
}


body.product-template .product__block.product__block--icon-with-text.product__block--icon-with-text-horizontal {
  padding: 2rem 0;
}

body.product-template .product-form__buttons {
  display: block;
  /* flex-wrap: wrap; */
  /* align-items: flex-end; */
  /* gap: 2rem 1.2rem; */
}

body.product-template .sls-active .sls-selling-plan-group-options,
body.product-template sticky-atc-bar .sealsubs-target-element.sealsubs-full[data-seal-ac] { display: none; }

@media (min-width: 768px) {
  .column-meta {
    max-width: 320px;
    margin-left: auto;
    margin-right: 0;
  }
}

.column-meta .column-meta-card {
  border: 1px solid #291E1D;
  border-radius: var(--blocks-radius);
  overflow: hidden;
}

.column-meta .column-meta-card h1 {
  color: #291E1D;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 700;
}

.column-meta .column-meta-card .attributes {
  padding: 1rem 1rem 0 1rem;
}

.spice-101 h5,
.column-meta .column-meta-card .attributes dt {
  color: #291E1D;
  font-family: var(--font-body-family);
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: bold
}

.column-meta .column-meta-card .attributes dd {
  color: #291E1D;
  font-family: var(--font-body-family);
  font-size: 1.25rem;
  margin-bottom: 2rem;
  margin-inline-start: 0;
}

/* .product__block.product__block--badges.product__badges {
  float: right;
  margin: 0;
} */

.product-meta p {
  margin-top: 0;
}

.product media-gallery .swiper-button-prev,
.product media-gallery .swiper-button-next {
  color: rgb(255 255 255);
  background-color: rgb(0 0 0 / 13%);
  border: .1rem solid rgb(255 255 255);
}

.product-meta .product__block--complementary-inline.has-heading .slider-controls--grouped-always .slider-controls--group {
  bottom: 85%;
}

.product .product-form__submit.btn  {
  height: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  white-space: normal;
  line-height: 1.75rem;
}

.related-products .products-grid-wrap {
  max-width: 800px;
}

.tea-brewing .tea-icon {
  max-height: 50px;
}

@media (min-width: 768px) {
  /* .tea-brewing .tea-icon {
    max-height: 75px;
  } */
}

#recipe-list {
  gap: 1rem;
  flex-direction: column;
}

body .article-card {
  border: 1px solid #291E1D;
  border-radius: var(--blocks-radius);
  overflow: hidden;
}
body .f-column .article-card {
  height: 100%;
}

body .article-card:first-child {
  margin-left: 0;
}
body .article-card:last-child {
  margin-right: 0;
}
body .article-card__media.blocks-radius {
  border-radius: 0;
  border-bottom: 1px solid #291E1D;
}
body .article-card .article-card__content {
  padding: 1rem;
}
body .article-card h3 {
  font-size: 2.25rem;
  font-weight: 400;
}
body .products-list .article-card h3 {
  line-height: 2rem;
}

body .article-card .article-card__media {
  margin-bottom: 0;
}

/* 
product-info .custom-product-recommendations {
  max-width: 300px;
  margin: 0 auto !important;
}
 */
@media (max-width: 768px) {
  .product-card__main-actions {
    left: unset;
  }
}
@media (min-width: 768px) {
  #recipe-list {
    flex-direction: row;
  }
  #recipe-list .article-card {
    width: 33.33%;
  }
/* 
  product-info .custom-product-recommendations {
    max-width: 500px;
    margin: 0 auto !important;
  }
 */
  .feature-icon {
    position: absolute;
    top: -2.5rem;
    margin-bottom: -2.5rem;
    right: 0;
  }
}

@media (min-width: 1440px) {
/* 
  product-info .custom-product-recommendations {
    max-width: 750px;
  }
   */
}


.loox-rating-label {
  font-size:  1.25rem;
}

/* Collection Styles  */
.featured_collection {display: none;}

.collection-tea .featured_collection.featured_teas {display: block;}
.collection-pure-spices .featured_collection.featured_spices {display: block;}
.collection-blends .featured_collection.featured_blends {display: block;}


/* Colorful Tea Co. */
/* UNCOMMENT AT CTC LAUNCH */
body.colorful_tea_co .product .hd1, 
body.colorful_tea_co .product .hd2, 
body.colorful_tea_co .product .hd3, 
body.colorful_tea_co .product h1, 
body.colorful_tea_co .product .h1, 
body.colorful_tea_co .product h2, 
body.colorful_tea_co .product .h2 {
  font-family: "Poppins", 'sans-serif';
  color: #5D68BF;
  font-weight: 600;
}

body.colorful_tea_co h2, 
body.colorful_tea_co .h2 {
  font-size: calc(var(--font-h2-size)* 1.25);
}
body.colorful_tea_co .colorful-tea-co-product-logo {
  border-bottom: 1px solid #5D68BF;
  padding-bottom: 1rem;

  /* REMOVE AT CTC LAUNCH */
  /* display: none; */
}

.tea-blue {
  color: #2D2D68;
}
.tea-purple {
  color: #5D68BF;
}




/**** SEARCH & FILTERING ****/

.facet-form .facet-accordion-details .accordion-details__summary {
  padding-block: 1rem;
}





/**** BLOG ****/
article ul li {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

article ol li {
  list-style-type: decimal;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.article__content img {
  display: flex;
  margin: 0 auto;
}

.article__content .image-left img {
  display: flex;
  margin: 1rem 0;
}

.article-content-container a {
  color: #D21A43;
  text-decoration: underline;
}

.article-tags {
  align-items: flex-start;
}

.get-the-spices a,
.article-tags a {
  color: #291E1D;
  text-decoration: none;
}

.get-the-spices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3rem;
  flex: 1;
}

.article__content.rte p {
  margin-top: 0;
}

.article__content.rte :where(h1,h2,h3,h4,h5,h6) {
  margin-bottom: .25em;
  margin-top: 1em;
}

#article-content .rich-text h1 { font-size: 3rem !important; }
#article-content .rich-text h2 { font-size: 2rem !important; }
#article-content .rich-text h3 { font-size: 1.75rem !important; }

/*** multi-goal progress bar ***/
.mg-container {
  background: #fce27b;
  padding: 1rem 3rem 1.5rem;
  width: 112%;
  left: -2rem;
  position: relative;
  border-top: 1px solid #291e1d;
  border-bottom: 1px solid #291e1d;
}
  
.multi-goal-progress {
  width: 90%;
  margin: auto;
  font-family: var(--font-body-family);
  color: var(--color-base-text);
}

.progress-message {
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.progress-bar-container {
  width: 100%;
  padding: 0.5rem 0;
  position: relative;
}

.progress-bar {
  height: 8px;
  background-color: rgba(var(--color-foreground),.1);
  border-radius: 4px;
  position: relative;
  overflow: visible;
  margin-bottom: 2rem;
}

.progress-fill {
  position: absolute;
  height: 100%;
  background-color: #291e1d;
  border-radius: 4px;
  transition: width 0.5s ease;
  display: block !important;
  top: 0;
}

.goal-marker {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding-top: 9px;
}

.goal-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color-base-background-2);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border: 2px solid var(--color-base-accent-2);
  overflow: hidden;
  margin-bottom: -8px;
}

.goal-icon img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
}

.goal-circle {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-base-accent-2);
}

.goal-marker.achieved {
  color: #aa8e1e;
}
  
.goal-marker.achieved .goal-icon {
  background-color: var(--color-base-accent-1);
  border-color: var(--color-base-accent-1);
}

.goal-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 1rem;
  line-height: 1.2;
  width: max-content;
  max-width: 100px;

  position: relative;
}

.goal-label .label-text {
  position: absolute;
  width: 8rem;
  top: 1rem;
}

.goal-label span:first-child {
  font-weight: bold;
  /* font-size: 0.9rem; */
}

@media screen and (max-width: 749px) {
  .goal-icon {
    width: 40px;
    height: 40px;
  }

  .goal-label {
    /* font-size: 0.7rem; */
    /* max-width: 70px; */
  }

  .goal-label span:first-child {
    /* font-size: 0.8rem; */
  }
}


.highlight-text--underline {
  --decoration-height: min(1.5em, 3rem);
}

@media (min-width: 768px) {
  .footer__main-image {
    max-width: 33%;
  }
}

@media screen {
  .print-only {display:none !important;}
}

@media print {
  .screen-only {display:none !important;}
  
  body {
    font-size:0.9rem;
  }

  #shopify-section-announcement-bar,
  .header-navigation.container,
  .crisp-client,
  .breadcrumbs-container,
  .get-the-spices,
  .article__tags,
  .footer,
  .announcement-bar,
  .Rise__widget {display:none;}
}


quick-view-modal .variant-weight {
  /* display: none; */
}


#give-10 a.btn {
  cursor: pointer !important;
}





/**** KILL MOTION ****/
• {
  animation: none !important;
  transition: none !important;
}


@keyframes fade-in {}
@keyframes fade-in-up {}
@keyframes zoom-fade {}
@keyframes zoom-fade-short {}
@keyframes spin {}
@keyframes move-up-down {}
@keyframes move-up-down-reverse {}

.swiper.swiper-initialized .f-column.swiper-slide {
    transform: none !important;
  opacity: 1 !important;
}
motion-element {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

table:not([class]), table:not([class]) td, table:not([class]) th {
  border:none;
  box-shadow:none;
}