/** Shopify CDN: Minification failed

Line 749:0 Unexpected "}"
Line 1044:37 "align-tiems" is not a known CSS property

**/
/* ------ FONTS ----------*/

@font-face {
  font-family: "NaNSuperXSerifDisplay-Medium";
  src: url("/cdn/shop/files/NaNSuperXSerifDisplay-Medium.woff2") format("woff2");
}


@font-face {
  font-family: "PelikanCondensedMedium";
  src: url("/cdn/shop/files/ABCPelikanCondensed-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "NeuzeitGroRegular";
  src: url("/cdn/shop/files/NeuzeitGro-Reg.woff2") format("woff2");
}


/* ------ FONTS ----------*/

body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
    color: rgba(var(--color-foreground), 1);
    background-color: rgb(var(--color-background));
}

body, .field__input, .customer .field input, .field__label, .customer .field label {
    font-size: 1.6rem;
}

/* ------ GENERAL ----------*/

body{
  font-family: "futura-pt", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4 !important;
  letter-spacing: 0.25px;
  }

body.no-scroll {overflow: hidden; height: 100vh;}

body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2, 
.color-scheme-a12c8b07-9b29-447d-bfb0-83d0d38b850e, .color-scheme-bbdbc7aa-d40f-49d2-86d3-58492c7972f1, 
.color-scheme-6d854ed8-74db-4a0a-9c7b-240a8a913683, .color-scheme-cdcadfc3-ea28-48b2-a12e-9e8a8acf7e84, 
.color-scheme-0ec903cd-c9b2-4ffc-817d-225bb428f070, .color-scheme-a58c1aa3-0a51-4532-95cb-a5d410ee5d77, 
.color-scheme-03b8ea27-31e2-4aef-a522-6437c344ab35 {
    color: rgba(var(--color-foreground), 1) !important;
}

.media {
    display: block;
    background-color: rgba(var(--color-foreground), 0);
    position: relative;
    overflow: hidden;
}

.page-width--narrow {margin: auto; max-width: 900px; width: 900px;}

@media screen and (max-width: 990px) {
  .page-width--narrow {width: 100%; max-width: 100%; padding: 0 1.5rem;}
  }

p strong {font-weight: 700;}
#MainContent p a {color: rgba(var(--color-foreground), 0.8) !important; text-decoration: none; border-bottom: 1px solid rgba(var(--color-foreground), 0.8);}
#MainContent p a:hover {color: rgba(var(--color-foreground), 0.6) !important; font-style: normal !important;}

.menu-drawer__menu  .menu-drawer__menu-item,
.shopify-pc__banner__dialog h2,
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: "NaNSuperXSerifDisplay-Medium", serif !important;
  font-weight: 400 !important;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1.2;
  }

h0, .h0 {font-size: calc(var(--font-heading-scale) * 4.5rem)!important;}
h1, .h1 {font-size: calc(var(--font-heading-scale) * 4rem) !important;}
.h2 {font-size: calc(var(--font-heading-scale) * 3.2rem) !important;}
h3, .h3 {font-size: calc(var(--font-heading-scale) * 2.5rem) !important;}

.alt-h2, .alt-h2 p {
  font-family: "NeuzeitGroRegular", sans-serif !important;
  font-size: calc(var(--font-heading-scale) * 2.5rem) !important;
  line-height: 1.3;
  }

.hxl {font-size: calc(var(--font-heading-scale) * 20rem) !important;}

@media only screen and (max-width: 750px) {
  h0, .h0 {font-size: calc(var(--font-heading-scale) * 3.8rem)!important;}
  h2, .h1 {font-size: calc(var(--font-heading-scale) * 3rem) !important;}
  h2, .h2 {font-size: calc(var(--font-heading-scale) * 2.2rem) !important;}
  }

.pill-heading-alt,
.pill-heading,
.menu-drawer__extra-list .menu-drawer__menu-item,
.subtitle,
.totals__total,
h3 span,
.mobile-facets__open-label {
  font-family: "futura-pt", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.4rem !important;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 1);
  }

.pill-heading-alt,
.pill-heading {display: inline-block;}

.secondary-heading,
.caption-with-letter-spacing {
  font-family: "PelikanCondensedMedium", serif;
  font-size: 1.6rem !important;
  letter-spacing: 0px;
  text-transform: uppercase;
}


.alternative-sm-heading .caption-with-letter-spacing {
  font-family: "futura-pt", sans-serif !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.25px;
  padding-top: 10px;
}

.footer-block__heading {font-family: "NeuzeitGroRegular", sans-serif !important;}
.accordion__title, .caption-with-letter-spacing {font-size: 1.6rem !important;}

.product-option {font-size: 1rem !important;}

.facets__heading,
.product-count__text,
.facets__summary {
  font-family: "futura-pt", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-size: 1.4rem !important;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), .75);
    font-size: 1.4rem;
    padding: 0 1.75rem 0 0;
    margin: 0rem !important;
}

.facet-filters__field input {padding: 0px;}

.rich-text__heading {font-size: calc(var(--font-heading-scale)* 4.6rem);}

@media only screen and (max-width: 750px) {
  .caption-with-letter-spacing {font-size: 1.1rem;}
  .rich-text__heading {font-size: calc(var(--font-heading-scale)* 3rem);}
  }

.shopify-policy__container {max-width: 1000px !important;}
.shopify-policy__title {text-align: left;}

@media only screen and (max-width: 1100px) {
  .shopify-policy__container {max-width: 100% !important;}
  }


/* ------ GENERAL ----------*/

.shopify-section {border: 0px solid #fff; border-bottom: none; border-radius: 0px;}

/* ------ ANNOUNCEMENT BAR ----------*/

.announcement-bar__message {
  font-size: 12px;
  line-height: 2;
  font-family: 'CaslonsEgyptian-Book', sans-serif !important;
  letter-spacing: 0em !important;
  }

.announcement-bar__message span {padding: 0 3px;}

.utility-bar__grid.page-width {
    padding-left: 0rem;
    padding-right: 0rem;
}
@media only screen and (max-width: 750px) {
.announcement-bar__message {
    font-size: 11px;line-height: 1.5;}
}

/* ------ HEADER - ALT LOGO (LARGER) ----------*/

/* Pull the overlay-trigger section up behind the sticky header */
.header-overlay-trigger {
  margin-top: calc(var(--header-height) * -1);
}

/* Optional: if your hero has text/buttons, push its content down so it doesn't sit under the header */
.header-overlay-trigger .banner__content {
  padding-top: var(--header-height);
}

  /* ============================================================
    HOMEPAGE OVERLAY HEADER (light overlay on first section)
    - toggled by JS adding .header-wrapper--overlay-active
  ============================================================ */

  .template-index .header-wrapper--overlay-enabled.header-wrapper--overlay-active {
    background: transparent !important;
  }

  .template-index .header-wrapper--overlay-enabled.header-wrapper--overlay-active.header-wrapper--border-bottom {
    border-bottom: 0 !important;
  }

  .template-index .header-wrapper--overlay-enabled.scrolled-past-header {
    background: rgb(var(--color-background)) !important;
  }


.header-wrapper {transition: background-color 1s ease-in-out;}
.scrolled .header-wrapper {background-color: #AC9C94;}

.title-terms-of-service .header__heading-logo-wrapper,
.title-terms-of-service  .header__menu-item span,
.title-terms-of-service  .header__icon--menu,
.title-privacy-policy .header__heading-logo-wrapper,
.title-privacy-policy .header__menu-item span,
.title-privacy-policy .header__icon--menu,
.header--alt .header__heading-logo-wrapper,
.header--alt .header__menu-item span,
.header--alt .header__icon--menu {filter: invert(100%);}


/* ------ HEADER + MENU ----------*/


.header.header--middle-left .list-menu--inline {display: flex;justify-content: flex-end;}

@media screen and (min-width: 749px) {.header.header--middle-left {column-gap: 0rem;}}

.header__icon--account {padding: 0 15px;}

.mega-menu__content .page-width,
.header.page-width {
  padding-left: 5rem !important; 
  padding-right: 5rem !important; 
  max-width: 100% !important; 
  width: 100% !important; 
  }

details[open] .modal-overlay:after {background-color: transparent;}
.header__icon--menu[aria-expanded=true]:before {display: none;}

.header__icons {Padding-right: 0rem;}
.menu-drawer__utility-links .button {width: 100% !important; padding: 20px !important;}

@media only screen and (max-width: 750px) {
.header__icons .button {display: none; padding: 0 1rem; min-width: auto; min-height: 25px; font-size: 11px; width: auto;}
.header__heading-logo {transform: scale(1); padding-top: 0px;}

.mega-menu__content .page-width,
.header.page-width {
  padding-left: 2.5rem !important; 
  padding-right: 2.5rem !important; 
  }

}


.mega-menu__link--level-2,
.header__icon--search,
.header__icons, 
.header__icon--account,
.header__icon--cart>span, 
.list-menu__item,
.mega-menu__link {
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif !important;
  opacity: 1 !important;
  color: rgba(var(--color-foreground), 1);
  }

.mega-menu__link_child a {
  color: rgba(var(--color-foreground), 1);
  padding: 5px 0 !important;
  }

.mega-menu__link--level-2 {padding: 0 0 15px 0 !important;}

.header__menu-item {padding: 1.2rem 2rem !important;}

.header__icon--account:hover,
.header__icon--cart:hover,
.list-menu__item:hover {opacity: 0.7;}

.header__active-menu-item {opacity: 0.7; border: none !important;}

.header__menu-item span:after, li>a.mega-menu__link:after {display: none;}

.mega-menu__content {padding: 0 !important; margin-top: -20px;}
.drawer-img {margin-top: auto; width: 100%;}
.menu-drawer__close-button {padding: 1.2rem 0rem 1.2rem 0rem !important;}
.js .menu-drawer__submenu {padding: 1.2rem 2.6rem 1.2rem 3rem;}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li a {border-radius: 0px !important;}

#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li:first-child {border-top: 0px dotted !important;}
#menu-drawer ul.menu-drawer__menu.has-submenu.list-menu li {border-bottom: 0px dotted !important;}
.menu-drawer__navigation {padding: 0rem !important;}

.list-menu__item {justify-content: flex-start;}
.list-menu__item {align-items: flex-start !important;}

.menu-drawer__menu-item--active, 
.menu-drawer__menu-item:focus, 
.menu-drawer__close-button:focus,
.menu-drawer__menu-item:hover, .menu-drawer__close-button:hover {
  opacity: 0.7;
  background-color: transparent !important;
  }

.menu-drawer__utility-links {background-color: transparent !important;}
.menu-drawer__utility-links .list-social {padding-top: 10px !important;}

.header__icon .icon {
    height: 3rem !important;
    width: 3rem !important;
    fill: none;
    vertical-align: middle;
}

.menu-drawer__account {
  width: 100% !important;
  padding: 20px !important;
  color: #fff !important;
  text-align: center;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px !important;
  }

.menu-drawer__account .icon-account {display: none;}

.menu-drawer__navigation {width: 100%;}

.menu-drawer__inner-container {
  padding: 25px;
  background-color: rgb(var(--color-background));
  }

.menu-drawer__menu-item {
    padding: 0.5rem 0 !important;
    font-size: 3rem !important;
}

.menu-drawer__menu-item>.icon-arrow {right: 0rem !important;}

.menu-drawer__extra-group {padding: 20px 0;}
.menu-drawer__utility-links {margin-top: auto; width: 100%;}

.menu-drawer__navigation-container {display: flex !important;; flex-direction: column; align-items: flex-start;}


details[open]>.header__menu-item {background-color: rgba(var(--color-foreground), 1);}
details[open]>.header__menu-item span {filter: invert(1);}

.mega-menu__content, 
.mega-menu__inner {width: auto; background-color: transparent !important; box-shadow: none !important; border: none !important;}

.js details[open]>.menu-drawer, 
.js details[open]>.menu-drawer__submenu {
    transition: transform 0s ease, visibility 0s ease !important;
    opacity: 0;
    animation: fadeMenu 1s ease-in-out forwards; 
}

.header {transition: background-color 0s;}
.menu-open .header {background-color: #ac9c94 !important; transition: background-color 1s ease-in-out;}

@keyframes fadeMenu {from {opacity: 0;} to {opacity: 1;}}

.mega-menu[open] .mega-menu__content {    z-index: 999;}

.mega-menu__inner{
  display: flex;
  gap: 25px;
  align-items: flex-end;
  justify-content: flex-end;
}

.mega-menu__featured {
  display: flex;
  gap: 25px;
  padding: 25px !important;
  margin-right: 3rem;
}

.mega-tile {position: relative; display: block; overflow: hidden; }

.mega-tile__image img{
  width: 180px;
  height: auto;
  aspect-ratio: 10 / 10;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform 200ms ease;
}

.mega-tile:hover .mega-tile__image img{opacity: 0.7;}

.mega-tile__title{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.25px;
  font-size: 1.4rem !important;
  text-align: center;
  width: 100%;
}


/* ----------- BUTTONS ----------------- */

.price {letter-spacing: 0 !important;}

.btn-active svg {transform: rotate(180deg);}

.button--primary {
  -webkit-transition: background-color 100ms linear;
  -ms-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  }

.menu-drawer__close-button,
.button--primary,
.button,
.button--secondary,
.button--alt {
  font-weight: 400 !important;
  text-transform: uppercase !important; 
  font-size: 1.4rem !important;
  letter-spacing: 0.25px;
  font-family: "futura-pt", sans-serif !important;
  }

.button--secondary {
    color: rgb(var(--color-secondary-button-text));
    border: none !important;
    text-transform: capitalize;
    border: 1px solid rgb(var(--color-secondary-button-text)) !important;
    }

.button--alt {
  background: none;
  color: rgb(var(--color-secondary-button-text));
  border-radius: 0;
  padding: 0;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  text-underline-offset: 3px;
  gap: 8px;
  text-transform: capitalize;
  }


.button--alt::before {
  content: ' ';
  position: relative;
  background-color: rgb(var(--color-secondary-button-text));
  width: 12px;
  height: 12px;
  background-size: contain;
  display: inline-block;
  z-index: 10;
      animation: pulse-animation 2s ease infinite;
}

@keyframes pulse-animation {
0% {opacity: 1;} 50% {opacity: 0;} 100% {opacity: 1;}
}


.button:after {display: none;}
.button--secondary:after {border: none !important;}
.button--primary:hover, .button--alt:hover {opacity: 0.8;}

.button--secondary:hover {
  color: rgb(var(--color-secondary-button)) !important;
  background-color: rgb(var(--color-secondary-button-text));
  }

.subtitle,
.pill-heading,
.pill-heading-alt {
  line-height: 1;
  padding: 10px 25px;
  border-radius: 30px;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
}

.subtitle {
    background-color: rgb(var(--color-secondary-button-text));
    color: #272320;
}
.pill-heading-alt {
    background-color: rgb(var(--color-secondary-button-text));
    color: rgb(var(--color-button-text));
}


.header-group {position: fixed; width: 100%; z-index: 999;}

.list-menu {align-items: flex-start;}

.banner__box>*+.banner__buttons, .rich-text__blocks>*+* {margin-top: 3rem !important;}


/* ------ HOME PAGE ----------*/

.collection-video {
    z-index: 1; 
    overflow: hidden; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    }
  
.collection-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;}


/* ------ RICH TEXT ----------*/

.rich-text-side-padding .rich-text__heading {padding: 0 13%;}

@media screen and (min-width: 990px) {
    .rich-text__blocks {
        max-width: 100rem !important;
    }
}

@media screen and (max-width: 750px) {
  .rich-text__wrapper.page-width {padding: 0;}
  .rich-text-side-padding .rich-text__heading {padding: 0;}
  .rich-text__caption {padding: 0 12%;}
}


/* ------ HOME HERO ----------*/

.full-height-hero {height: 100vh !Important;}

.banner__heading p {margin: 0 !important;}

.banner__box .banner__heading+* {margin-top: 3rem !important;}
.banner__box img {width: 80px; height: auto; padding-bottom: 10px;}

@media screen and (min-width: 750px) {
.banner--desktop-transparent .banner__box {max-width: 70rem !important;}
}

.banner__buttons {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 45rem;
    word-break: break-word;
}



/* ------ IMAGE BANNER ----------*/ 

.podcast-hero .banner__text {font-size: 6rem !important; margin-top: 0px !important;}
.podcast-hero .banner__heading {font-size: calc(var(--font-heading-scale) * 12rem) !important;}
.podcast-hero  .banner__box {min-width: 100% !important;}


.banner__box {padding: 5rem 3rem !important;}
.main-hero .banner__box {padding: 0 !important;}
.main-hero .banner__heading {font-size: calc(var(--font-heading-scale) * 7rem) !important; line-height: 1;}
 .main-hero  .banner__box strong {font-weight: 400 !important;}

@media screen and (max-width: 750px) {
.main-hero .banner__heading {font-size: calc(var(--font-heading-scale) * 5rem) !important; line-height: 1;}
.main-hero .banner__box {padding: 1.5rem 15% 1.5rem 1.5rem  !important; margin-top: auto;}
.main-hero .banner__content {min-height: 55rem !important;}
.main-hero .banner__box br {display: none;}
.main-hero .banner__box strong {display: block;}

}

@media screen and (min-width: 750px) {
.banner--desktop-transparent .banner__box {max-width: 76rem !important;}
}

.banner__box .body {padding: 0;}

.contain-img .media>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}


.hero-title .banner__box,
.hero-title .banner__heading {
  width: 100%;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 auto;
  text-align: center;
  line-height: 1;
}

.hero-title .banner__heading .fit-text-inner {
  display: inline-block;
  white-space: nowrap; /* single-line fit */
}

.img-banner-border {margin: 60px 5rem; box-sizing: border-box;}

@media screen and (max-width: 750px) {
.img-banner-border {margin: 1.5rem;}
.hero-title .banner__content {padding: 2rem !important; align-items: flex-end !important;}
.image-with-text-con.header-overlay-trigger {padding-top: 9vh !important;}
.podcast-hero .banner__text {font-size: 4rem !important; margin-top: 0px !important;}
.podcast-hero .banner__heading {font-size: calc(var(--font-heading-scale) * 5rem) !important;}
.podcast-hero  .banner__box {min-width: 100% !important;}
 }


 

/* ------ IMAGE WITH TEXT ----------*/

 @media screen and (min-width: 750px) {
.paragraph-side-padding .image-with-text-inner {padding: 0 15%;}
 }

.image-with-text-full-padding .page-width,
.image-text-full .page-width {max-width: 100%; width: 100%; padding: 0;}

.image-with-text--no-overlap {overflow: hidden;}
.image-with-text__content .accordion {width: 100% !important;}
.image-with-text .image-with-text__content {padding: 10% !important;}
.image-with-text-full-padding .image-with-text__content {padding: 10% 15% !important;}

.section-product-image .secondary-img {width: 400px; height: auto;}
.section-logo-image .secondary-img {width: 70px; height: auto;}  

.image-with-text .image-with-text__heading p {margin-bottom: 0;}
.image-with-text .banner__buttons {padding-top: 5px; gap: 10px;}

.image-with-text__content > :first-child {margin-top: 0 !important;}

.image-with-text-img-con {position: relative;}
.image-with-text-img-con .image-with-text__text--caption {position: absolute; top: 20px; left: 20px;}

.text-gap .image-with-text_no-image {margin-top: auto;}

.image-text-padding .grid {padding: 3%;}
.image-text-no-padding .content-container {padding-bottom: 0 !important; padding-top: 0 !important;}

.text-after-heading-to-bottom .image-with-text__heading {margin-bottom: auto;}
.text-to-bottom-alt .body,
.text-to-bottom .body {margin-top: auto; padding-top: 20px;}
.text-to-bottom .image-with-text__text p {font-size: 2.1rem; font-family: "NeuzeitGroRegular", sans-serif !important; padding-top: 30px;}

.image-with-text .accordion summary {display: flex; justify-content: space-between; align-items: center;}
.image-with-text .accordion {margin-top: 0;}

.accordion--first {margin-top: auto !important; padding-top: 40px;}

.image-with-text .accordion .accordion__title {display: flex; gap: 20px; align-items: center;}
.image-with-text .accordion .accordion__title span {
    font-size: 1.8rem !important;
    font-family: "AwesomeSR", serif !important;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.2;
    padding-bottom: 2px;
    }

.image-with-text .accordion:first-of-type summary {border-top: .1rem solid rgba(var(--color-button), 1) !important;}
.image-with-text .accordion summary {border-bottom: .1rem solid rgba(var(--color-button), 1) !important;}
.image-with-text .accordion details[open] summary .icon-caret {transform: rotate(180deg);}
.image-with-text .accordion summary .icon-caret {transition: transform 0.25s ease;}

.image-with-text summary .icon-caret {right: 5px;}

  @media only screen and (max-width: 750px) { 
  .text-gap .image-with-text_no-image {margin-top: 2rem;}
  .image-with-text .banner__buttons {padding-top: 0px; margin-top: 2rem;}
  .image-with-text .image-with-text__content {padding: 8% 5% 8% 5% !important;}
  .image-text-no-padding .content-container {padding: 4% 0 !important;}
  .section-product-image .secondary-img {width: 300px; height: auto;}
  .text-to-bottom .image-with-text__text p {font-size: 1.8rem; font-family: "NeuzeitGroRegular", sans-serif !important; padding-top: 30px;}
  }

@media screen and (min-width: 750px) {
  .grid--3-col-tablet .grid__item {width: calc(45% - var(--grid-desktop-horizontal-spacing)* 2 / 3);}
  }

@media only screen and (max-width: 400px) { 
  .image-with-text .accordion .accordion__title {gap: 5px; flex-direction: column; align-items: flex-start}
  }


/* ------ MULTICOLUMNS ----------*/


@media screen and (min-width: 750px) {
  .background-none .multicolumn-list .multicolumn-card__info, 
  .background-none .multicolumn-list:not(.slider) .center .multicolumn-card__info,
}

.multicolumn-text-over-img .multicolumn-card__info {
  display: flex; 
  flex-direction: column; 
  position: absolute; 
  bottom: 0; 
  width: 100%; 
  height: 100%; 
  padding: 7% !important; 
  padding-left: 7% !important; 
  }


.multicolumn-slider .slider-mobile-gutter {
    position: relative;
    overflow: hidden;
    width: 100%;
    }

.multicolumn-slider slider-component {padding-bottom: 40px;}

.multicolumn-overlay .multicolumn-card {position: relative;}
.multicolumn-overlay .multicolumn-card__info {
  position: absolute; bottom: 0; 
  padding: 5rem 7rem !important;}

.multicolumn-overlay .text {padding-bottom: 1rem;}

.collection slider-component .slider-buttons {display: none !important;}


@media screen and (max-width: 750px) {
.multicolumn .title-wrapper-with-link, .multicolumn .title-inner {justify-content: center; text-align: center;}
}


/* ------ MULTICARD ----------*/

@media screen and (min-width: 990px) {
    .title-wrapper-with-link {
        align-items: flex-end;
    }
}


.multicolumn .title-inner {display: flex; flex-direction: column; gap: 10px;}

.multicolumn-list h3,
.template-name--about .content-container h3 {
  line-height: 1.4;
  font-size: calc(var(--font-heading-scale) * 2.2rem);
  }

@media screen and (min-width: 750px) {
    .background-none .multicolumn-card__image-wrapper {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .multicolumn .button {margin: 1rem 0 !important;}
}


/* ------ PRODUCT - Clinical Results ----------*/

.image-with-text_has-image {padding: 0; display: flex; gap: 15px; align-items: center;}
.image-with-text_has-image img {width: 35px;}


/* ------ PRODUCTS ----------*/

.badge {
  font-weight: 400 !important;
  letter-spacing: -0.25px;
  font-family: 'Helvetica-Reg', sans-serif !important;
}

.card__information {display: flex;}
.product-color-swatch {display: block !important; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #003C28; order: 2;}

.price--on-sale .price-item--regular, .price, .planner-type {
  font-size: 1.3rem !important;
  letter-spacing: 0rem !important;
}

@media screen and (min-width: 750px) {.product__column-sticky {top: 0rem !important;}}
@media screen and (min-width: 990px) {.product--stacked .product__media-item {max-width: 100% !important;}}
  
.card--card, .card--standard .card__inner {border: 0px solid #eee !important;}

.product__media-wrapper media-gallery {position: relative !important;}

.product__media-list {margin-bottom: 0 !important;}

.product__text.caption-with-letter-spacing {margin: 1rem 0 !important;}

.product__description li {padding: 5px 0;}
.product-form__submit {margin-bottom: 0rem !important;}

.rte ul, .rte ol {
  list-style-position: outside !important;
  padding-left: 25px !important;
}

.product__info-container .price--on-sale .price-item--regular, 
.price--large {font-size: 1.5rem !important;}

.shopify-app-block {margin: 0 !important; padding-bottom: 2.5px !important;}



/* ------ PRODUCT PAGE - QUANTITY ----------*/

.qty-btn-con {display: flex; gap: 5px; margin: 0 !important; }
.add-to-cart {width: 100% !important;}

.product__info-container .product-form {margin: 0 !important;}
.product-form__buttons {max-width: 100% !important; min-width: 100% !important; width: 100%;}


.quantity {
    width: calc(14rem / var(--font-body-scale) + var(--inputs-border-width) * 1) !important;
    min-height: calc(3.5rem + var(--buttons-border-width) * 3);
}

.product-form__buttons .button {min-height: calc(3.5rem + var(--buttons-border-width) * 3);}

.product-form__input {
    flex: auto !important;
    margin: 0 !important;
    max-width: 100px !important;
    min-width: fit-content;
    border: none;
}



/* ------ PRODUCT PAGE - SLIDESHOW ----------*/

.slideshow-section .slideshow__text.banner__box {height: 100%; justify-content: space-between;}
.slideshow-section .slideshow-subheading {padding-bottom: 15px;}
.slideshow-section .slideshow-text {max-width: 450px; margin: 0 auto 40px 0;}
.slideshow-section .slideshow__controls {position: absolute; bottom: 40px; width: 100%; border: none; z-index: 9;}
.slideshow-section .slider-counter__link--active.slider-counter__link--dots .dot {background-color: #fff;}
.slideshow-section .slider-counter__link {padding: 0.6rem;}
.slideshow-section .slider-counter__link--active.slider-counter__link--dots .dot {outline-offset: 3px; outline: .1rem solid #fff;}
.slideshow-section .slider-counter__link--dots .dot {
    width: 1rem;
    height: 1rem;
    border: none;
    background-color: #fff;
    }

@media screen and (max-width: 750px) {
  .slideshow-section .slideshow__controls {bottom: 25px;}
}

  
.slider-counter {display: none !important;}
.slideshow-section .slider-counter {display: flex !important;}

/*.slider-pagination-dots {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}

.slider-pagination-dots .dot {
  width: 8px;
  height: 8px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.slider-pagination-dots .dot.active {
  background-color: #000;
}*/



/* ------ CONTACT ----------*/

.contact__button {display: flex; align-items: center; justify-content: center;}
.template-name--contact .rich-text__text a {font-size: calc(var(--font-heading-scale)* 2rem);}

.contact-full .page-width {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 !important;
}

.contact-full  .subtitle {
  font-size: var(--font-body-size);
  line-height: calc(1 + .8 / var(--font-body-scale));
  color: rgba(var(--color-foreground), 1);
  }

.contact-full .body {padding: 10px 0 0 0;}

.contact-full .image-with-text__content {padding: 5% 20% !important;}

@media screen and (max-width: 750px) {
.contact-full .image-with-text__content {padding: 5% 5% !important;}
}

/* ------ FOOTER ----------*/

.footer__blocks-wrapper  {display: flex; justify-content: flex-start; gap: 60px;}

.newsletter-form, .footer-col {max-width: 46rem !important;}

.footer-col:last-child {margin-left: auto;}
.footer {border-top: none !important;}
.footer .footer__content-bottom {border: none !important;}

.footer .rte a {
  font-size: 1.3rem !important;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-decoration: none; 
  opacity: 1; 
  color: rgba(var(--color-foreground), 1) !important;}

.footer .rte a:hover {opacity: 0.7}

.footer .grid {align-items: left; margin-bottom: 0 !important;}
.footer-block__details-content {margin-bottom: 0 !important; line-height: 1.6;}
.footer-block__image-wrapper {margin-bottom: 0 !important;}

.footer-block__image-wrapper img {margin-bottom: 0px; animation: spin 4s linear infinite;}

@keyframes spin {from {transform: rotate(0deg);} to {transform: rotate(360deg);}}

.footer-block__newsletter p {max-width: 34rem;}

.footer-block__newsletter {
  min-width: 300px;
  text-align: left !important; 
  flex-direction: column !important;
  display: flex !important; 
  align-items: flex-start !important;
  justify-content: center !important;
  }


.footer-block__newsletter .field__input {
  background-color: #E4D4CA;
    padding: 0px 7px !important;
    text-align: center!important; 
}


.footer__content-bottom {padding: 10px 0 !important; background-color: #AC9C94;}

.footer__copyright {text-align: center; margin-top: 0rem !important;}

.footer__content-bottom-wrapper {justify-content: center !important; align-items: center;}

.copyright__content {font-size: 1.1rem !important; color: #fff;}


@media screen and (max-width: 749px) {
  .footer-col {max-width: 100%;}
  .footer__blocks-wrapper  {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 30px;}
  .footer-col:last-child {margin-left: 0; width: 100%;}
  .footer-block__newsletter {width: 100%;}
  .footer__content-bottom-wrapper {row-gap: 10px !important;}
  
  .footer-block-image, 
  .footer-block-image.left, 
  .footer-block-image.center, 
  .footer-block-image.right {justify-content: flex-start !important;}
  }


.footer .policies li:last-child {display: none;}

.footer .localization-form:only-child {padding: 0 !important;}

.footer .localization-form:only-child .button, 
.localization-form:only-child .localization-form__select {
  height: auto !important;
  font-size: 1rem !important;
  padding-top: 0 !important; 
  padding-bottom: 0 !important; 
  margin: 0 !important;
  }


/* ------ SIGNUP ----------*/

.newsletter__wrapper {display: flex; align-tiems: center; justify-content: space-between;}
.newsletter__wrapper>*+* {margin-top: 0rem !important;}

.newsletter-form {margin: 0 !important;}
.newsletter-form .button {width: 60px;}
.newsletter-form__field-wrapper {max-width: 100% !important; display: flex; gap: 10px;}

.newsletter-form__field-wrapper .field__label {display: none;}
.newsletter-form__button {border: none !important; box-shadow: none !important; padding: 10px; color: rgba(var(--color-foreground), 1) !important;}
.newsletter-form__button:hover {opacity: 0.7;}
.newsletter-form__field-wrapper .field {
  width: 100%; 
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  border-radius: var(--buttons-radius-outset);
  }

.newsletter-form__button {width: auto !important; text-transform: uppercase;}

@media screen and (max-width: 750px) {.newsletter__wrapper {flex-direction: column;}}


/* ------ PRIVACY ----------*/


.shopify-policy__container {
  max-width: 70%;
  margin: 7vh auto;
  padding-left: 20px;
  padding-right: 20px;
  color: rgb(var(--color-foreground));
  }

.shopify-pc__banner__dialog h2 {
  font-size: calc(var(--font-heading-scale)* 3rem) !important;
  }

.shopify-pc__banner__dialog {
    position: fixed;
    z-index: 2000000;
    box-shadow: none !important;
    max-height: 90%;
    box-sizing: border-box;
    opacity: 1;
    padding: 32px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(100px);
    bottom: 20px !important;
    right: 20px !important;
    max-width: 500px !important;
    border-radius: 8px !important;
}

.shopify-pc__banner__dialog button.shopify-pc__banner__btn-decline,
.shopify-pc__banner__dialog button.shopify-pc__banner__btn-accept {
    text-transform: uppercase;
    font-size: 1.2rem;
    }

.shopify-pc__banner__btn-manage-prefs {    
    }

.shopify-pc__banner__dialog button {
    padding: 5px 20px !important;
    margin: 10px 10px 0 0 !important;
    line-height: 90% !important;
}


/* ------ ACCORDION ----------*/

.collapsible-content__header {display: block;}
.collapsible-content-wrapper-narrow {max-width: 90rem !important;}

.accordion__content {text-align: left !important;}
.accordion {border-top: none !important; border-bottom: none !important;}
.accordion summary {
  border-bottom: .1rem solid rgb(var(--color-button)) !important;
  padding: 1.8rem 0 !important;
}

.collapsible-content summary:hover {background: transparent !important;}
.accordion__content {margin-bottom: 0; padding: 20px 0 !important;}
.image-with-text__grid .image-with-text__heading p {margin-top: 0 !Important;}

.collapsible-content__heading {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.image-with-text .accordion__title {margin: 0 !important;}
.image-with-text summary .icon-caret {right: 0px;}

.collapsible-content summary:hover .accordion__title {text-decoration: none !important;}
.accordion-row-title {text-align: center; margin: 8rem auto 3rem auto;}


summary .icon-caret { 
  border-radius: 50%;
  background-color: rgb(var(--color-secondary-button-text));
 padding: 10px;
 box-sizing: border-box;
  position: absolute;
  height: 35px;
  width: 35px;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  fill: #272320;
}

.accordion details[open] summary .icon-caret {transform: translateY(-50%) rotate(180deg) !important;}


/* ------ CONTACT PAGE - FORM ----------*/

.image-with-text .contact__button .button {width: 100% !important;}

#ContactForm .field input, .image-with-text .field textarea {
  background-color: rgba(var(--color-foreground), 1) !important;
  color: rgb(var(--color-background)) !important;
  margin-bottom: 8px;
  }

.image-with-text .field__input, 
.image-with-text .select__select, 
.image-with-text .customer .field input, 
.image-with-text .customer select {text-align: center;}

.image-with-text .field__label {display: none;}
.image-with-text #ContactForm {margin-top: auto; width: 100%; padding-top: 40px;}


/* ------ FORMS ----------*/

::placeholder {
  text-transform: uppercase;
  font-size: 1.4rem !important;
  letter-spacing: 0.25px;
  color: rgb(var(--color-foreground));
  font-family: "futura-pt", sans-serif !important;
  }

#ContactForm input::placeholder {color: rgb(var(--color-background));}
#ContactForm textarea::placeholder {color: rgb(var(--color-background));}


.field__input, 
.select__select, 
.customer .field input, 
.customer select {
  text-transform: uppercase;
  font-size: 1.4rem !important;
  letter-spacing: 0.25px;
  font-family: "futura-pt", sans-serif !important;
  background-color: transparent;
  padding: 10px;
  }

.field:after, .select:after, .customer .field:after, 
.customer select:after, .localization-form__select:after,
.field:before, .select:before, .customer .field:before, 
.customer select:before, .localization-form__select:before {display: none;}

.field__input:focus-visible, 
.select__select:focus-visible, 
.customer .field input:focus-visible, 
.customer select:focus-visible, 
.localization-form__select:focus-visible.localization-form__select:after,
.field__input:focus, .select__select:focus, 
.customer .field input:focus, 
.customer select:focus, 
.localization-form__select:focus.localization-form__select:after {
    box-shadow: none !important;
}

.field__label, 
.customer .field label {
    font-size: 1.3rem;
    color: rgba(var(--color-foreground), 1);
    letter-spacing: 0rem;
    line-height: 1.5;
}

.caption-large, .customer .field input, 
.customer select, .field__input, 
.form__label, .select__select {
    font-size: 1.3rem !important;
    letter-spacing: 0 !important;
}


.list-social {padding: 0 25px !important; justify-content: center !important;}
.list-social__link {padding: 0.8rem 0.5rem !important;}




/* Hide the native "x" clear button in WebKit browsers */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.search-modal {border-bottom: none;}

.search-modal__form .field {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid rgb(var(--color-foreground));
  border-radius: 40px;
  padding: 0rem 1.3rem;
  }

.predictive-search {
    border: 1px solid rgb(var(--color-foreground)) !important;
    z-index: 3;
    border-radius: 5px !important;
    box-shadow: none !important;
}




.search__input {
  flex-grow: 1;
  border: none;
  background: transparent;
  font-size: 1rem;
  padding: 0.5rem 0;
  outline: none;
  }

/* Label - visually hidden but accessible */
.search-modal__form .field__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Buttons inside input */
.search-modal__form  .field__button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
}

/* Hide reset button by default */
.search-modal__form .reset__button.hidden {
  display: none;
}

/* Predictive search results */
.predictive-search--header {
  margin-top: 1rem;
  border-top: 1px solid #eee;
  padding-top: 1rem;
}

/* Loading spinner */
.predictive-search__loading-state {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.spinner {
  width: 36px;
  height: 36px;
  animation: spin 1s linear infinite;
}

.spinner .path {
  stroke: #999;
  stroke-linecap: round;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

/* Close button */
.search-modal__close-button {
  position: absolute;
  top: 0rem;
  right: 1rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  z-index: 10000;
}

.search-modal__close-button svg {
  width: 24px;
  height: 24px;
  stroke: #333;
}

.modal__close-button.link {
    height: 100% !important;
    width: 4rem !important;
}



.cc_row_info {display: flex; gap: 10px; justify-content: flex-start; align-items: center; padding: 10px 0 0 0}
.row_time, .row_cost {display: flex; justify-content: center; align-items: center;}
  
.row_time svg {width: 20px; height: 20px;}
.row_cost svg {width: 20px; height: 20px;}

.collapsible-content__grid h4 {margin-bottom: 0; padding-top: 10px; border-bottom: 1px solid rgb(var(--color-foreground)) !important;}
.collapsible-content__grid h4:first-child {padding-top: 0px;}

  @media screen and (max-width: 750px) {
    .collapsible-content .accordion {
        margin-top: 0;
    }
}
  
.qty-btn-con {flex-wrap: wrap;}
.add-to-cart {width: 60% !important;}
.pickup-availability[available] {width: 100%; flex-grow: 1;}

.add-to-cart .gfgProductPageWrapperV2 {display: none !important;}

.rich-text__image-wrapper img {
    display: block;
    height: auto;
    max-width: 100%;
    border-radius: 50%;
}




/* ------ TESTIMONIALS ----------*/

.testimonials-con {position: relative;}

.slider-nav-btn svg {
    width: 20px;
    height: 20px;
    fill: rgb(var(--color-button-text));
}

.slider-nav-btn.prev, .slider-nav-btn.next {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    bottom: 5%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background-color: rgb(var(--color-button));
    border-radius: 50%;
}

.slider-nav-btn.prev {left: calc(25% - 55px);}
.slider-nav-btn.next {left: calc(25% + 5px);}

.testimonial-wrap {display: flex; margin: auto; align-items: center;}
  
.testimonial-text {width: 50%; padding: 0 9%; text-align: center; height: 100%;}

.testimonial-img {
  width: 50%  ;
  height: auto;
  aspect-ratio: 1 / 1;
  margin: 0 auto 0px auto;
  border: 10px solid #fff; 
  }


@media screen and (max-width: 1200px) {
  .testimonial-text .h1 {font-size: calc(var(--font-heading-scale) * 2rem) !important;}
  .testimonial-text {padding: 0 5%;}
  }


@media screen and (max-width: 750px) {
    .testimonial-wrap {flex-direction: column;}
    .testimonial-text {width: 100%; padding: 10% 0 15% 0;}
    .testimonial-img {width: 100%;}
    .testimonial-img {order: 1;}
    .testimonial-text {order: 2;}
    .slider-nav-btn svg {width: 10px; height: 10px;}
    .slider-nav-btn.prev, .slider-nav-btn.next {
    bottom: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    }

    .slider-nav-btn.prev {left: calc(50% - 35px) !important;}
    .slider-nav-btn.next {left: calc(50% + 5px) !important;}
    }




.shopify-inline-form {width: 100%; padding-top: 15px;}
shopify-forms-embed form {display: flex !important; width: 100%; gap: 10px;}
shopify-forms-embed input, shopify-forms-embed  button {border-radius: 30px !important;}

shopify-forms-embed {
  --form-field-border-radius: 999px;
  --button-border-radius: 999px;
  --forms-body-font: normal 400 14px 'futura-pt', sans-serif;
  --forms-heading-font: normal 400 22px 'futura-pt', sans-serif;
    --form-field-border-focused: 0 0 0 2px transparent !important;
    --form-background-color: #F9F3EB;
    --button-margin-top: -12px;
}

shopify-forms-embed form {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 10px !important;
}

shopify-forms-embed input {
  flex: 1 !important;
  height: 100% !important;
  text-transform: uppercase !important;
}

shopify-forms-embed button[type="submit"] {
  align-self: stretch !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  text-transform: uppercase !important;
}

shopify-forms-embed form > div:empty {
  display: none !important;
}


@media only screen and (max-width: 750px) {
.podcast-btns .banner__buttons {display:flex !important; justify-content: center; align-items: center;}
}
