/** Shopify CDN: Minification failed

Line 259:80 Expected identifier but found "."
Line 826:37 "align-tiems" is not a known CSS property
Line 1370:51 Expected "}" to go with "{"

**/
/*------- Fonts ------*/

@font-face {
    font-family: 'Optima';
    src: url('https://cdn.shopify.com/s/files/1/0891/9079/3529/files/OPTIMA.woff2') format('woff2'),
         url('https://cdn.shopify.com/s/files/1/0891/9079/3529/files/OPTIMA.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

body {
  font-family: "neue-haas-grotesk-display", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.4;
  }

body, .color-background-1, 
.color-background-2, 
.color-inverse, 
.color-accent-1, 
.color-accent-2 {
  color: rgba(var(--color-foreground), 1) !important;
  }


.facet-filters__label, .product-count__text,
.facet-filters__field .select__select, .mobile-facets__sort .select__select {
  font-size: 12px !important;
  letter-spacing: 0;
  font-family: "neue-haas-grotesk-display", sans-serif;
  }

.page-width {padding: 0 40px !important;}
.header {padding: 15px 40px !important;}
.menu-drawer__inner-container {padding: 40px !important;}
.page-width-desktop {padding: 0 40px !important;}


@media screen and (max-width: 750px) {
    .page-width-desktop, .page-width {padding: 0 15px !important;}
    .menu-drawer__inner-container {padding: 15px !important;}
    .header {padding: 10px 15px !important;}
}



.price {font-family: "neue-haas-grotesk-display", sans-serif !important; font-size: 0.9em !important;}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
  font-family: "kepler-3-display-variable", sans-serif;
    font-variation-settings: "wdth" 100, "wght" 200;
  
  letter-spacing: calc(var(--font-heading-scale)* 0rem);
  line-height: calc(1 + .15 / max(1, var(--font-heading-scale)));
  }

.price--show-badge {display: flex; gap: 7px; align-items: center;}
.price__badge-sold-out a {color: #000; } 

.page-width h4,
.template-article h4{
  padding: 15px 0 5px;
  font-size: 12px !important;
  font-family: aktiv-grotesk-extended, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase !important;
  letter-spacing: 1px;
}


#section-template--17317719834775__split_image_text_dHEmVw h2 {
font-style: normal;
  text-transform: uppercase;
}

.h0 {font-size: calc(var(--font-heading-scale)* 10rem); line-height: 1;}

.accordion__title {font-family: "neue-haas-grotesk-display", sans-serif;}


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

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

  
.announcement-bar__message {font-family: "neue-haas-grotesk-display", sans-serif;}
.announcement-bar__message span {padding: 0px;}
.announcement-bar__message {padding: 1rem 0; min-height: 2rem; line-height: 1;}

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

.button--primary, .button--alt {
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px !important;
  }

.button--primary {
    font-size: 12px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
    }

.button--alt {
    min-width: 30px;
    min-height: 25px;
    font-size: 12px;
    background: none;
    color: rgba(var(--color-button), var(--alpha-button-background));
    border-radius: 0;
    padding: 0;
    border-bottom: 1px solid rgba(var(--color-button), var(--alpha-button-background));;
    }

.button--alt:hover {border-color: #DAD7CB; color: #DAD7CB;}
.button--primary:hover {background-color: #DAD7CB; color: #2F321D;}

.button--secondary {border-top: none;border-left: none; border-right: none; border-radius: 0;}

.header-wrapper--border-bottom {border-bottom: 1px solid #000;}

.list-menu {align-items: left;}

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

.slider-buttons {margin-top: 20px;}
.slider-counter {display: none !important;}



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



/*.home-collections .grid {column-gap: 0 !important;row-gap: 0 !important;}*/

.home-collections .content-container {position: relative;}
.home-collections .multicolumn-card__info {
  position: absolute; 
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0; 
  padding: 7% !important; 
  width: 100%; 
  height: 100%;
      -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
  backdrop-filter: blur(4px) opacity(0);
  }


.home-collections h3::before{
  content: '';
    display: block;
    background-color: rgb(var(--color-background));
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

/*.home-collections .multicolumn-list li {width: 33.33% !important; max-width: 33.33% !important;}*/
.home-collections .multicolumn-card__info:hover {background-color: #A7A2C3;}

.home-collections h3 {  
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 50px;
  
  color: rgb(var(--color-background));
  font-size: 4rem;
  font-family: "the-seasons", sans-serif;
  font-weight: 300;
  font-style: italic;
  }

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

.home-collections {padding: 40px !important;}
.home-collections .page-width {max-width: 100% !important; padding: 0 !important;}

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

@media screen and (max-width: 750px) {
.home-collections {padding: 15px 0 !important;}
.home-collections .multicolumn-list li {width: 100% !important; max-width: 100% !important;}
}


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

.banner__box {padding: 4rem 0rem !important;}
  
/* ------ HOME PAGE - IMAGE CHANGE----------*/

.c-image-list__nav a {
  font-family: "the-seasons", sans-serif;
  font-weight: 300;
  font-style: italic;
  }

.c-image-list__media-wrapper {height: 80vh;}
.c-image-list__media-item {width: 100%; height: 100%;}


/* ------ HOME PAGE - About Section ----------*/

.c-image-list {padding: 40px !important;}

  .home-hero-V1 {min-height: calc(100vh - 87px) !important;}

.home-hero-V1 {padding: 0px 0 !important;}
.home-hero-V1 .image-with-text__grid {min-height: calc(100vh - 87px);}
.home-hero-V1 .page-width {padding: 0 0px !important;}
.home-hero-V1 .second-image-circle {padding-bottom: 20px;}


.home-hero-V2 {box-sizing: border-box; border: 0px solid transparent;}

.home-hero-V2 .banner__media-half:nth-child(1) {
  -webkit-mask-image: url(/cdn/shop/files/Icon-Bone.svg);
  mask-image: url(/cdn/shop/files/Icon-Bone.svg);
  mask-repeat: no-repeat;
  mask-size: cover;
  mask-position: center;
}

.home-hero-V2 .banner__box {max-width: 110% !important; width: 110% !important; .text-align: justify;}


@media screen and (max-width: 750px) {

  .home-hero-V1 {min-height: auto !important;}
  .c-image-list {padding: 15px !important;}
  .home-hero-V1 .second-image-circle {display: none;}
  .home-hero-V1 .image-with-text__content {padding: 20px 15px !important; height: auto;}
  .home-hero-V1 .image-with-text__grid {min-height: auto;}
  .home-hero-V1 .image-text-inner {margin-top: 0 !important; padding: 8px 0;}
  }



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

.home-about .image-with-text .grid, 
.home-image-left .image-with-text .grid {gap: 60px;}

.home-about .grid__item,
.home-image-left .grid__item {width: calc(50% - 60px / 2);}

.home-about .image-with-text__text-item,
.home-image-left .image-with-text__text-item {padding: 40px 0;}

.home-about .image-text-inner:last-child,
.home-image-left .image-text-inner:last-child {margin-top: auto;}

.home-about h2, .home-image-left h2 {font-size: calc(var(--font-heading-scale)* 5rem); line-height: 1.2;}

.caption-with-letter-spacing--medium,
.home-about h3,
.home-image-left h3 {  
  font-size: 14px;
  font-family: "aktiv-grotesk-extended", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px !important;
  text-transform: uppercase;
  }

.home-about .image-with-text__content,
.home-image-left .image-with-text__content {padding: 0 0px !important;}

.home-about .image-with-text__text-item {padding-right: 15%;}
.home-image-left .image-with-text__text-item {padding-left: 0px;}


.home-about .image-second::after,
.home-about .image-with-text__grid .text-second::after,
.home-image-left .image-second::after,
.home-image-left .image-with-text__grid .text-second::after {
        content: "";
        width: 1px;
        background: rgba(0, 0, 0, 1);
        position: absolute;
        top: 0;
        height: 100%;
        left: -30px;
    }



@media screen and (max-width: 750px) {

  .home-about, .home-image-left {padding: 15px 0 !important;}
  
  .home-about h2, 
  .home-image-left h2 {font-size: calc(var(--font-heading-scale)* 4rem);}

  .home-about .image-with-text__text-item, 
  .home-image-left .image-with-text__text-item {padding: 20px 0;}

  .home-about .image-with-text .grid, 
  .home-image-left .image-with-text .grid {gap: 0px;}

  .home-about .grid__item,
  .home-image-left .grid__item {width: 100%;}

  .home-about .image-text-inner:last-child,
  .home-image-left .image-text-inner:last-child {margin-top: 30px;}  
  }
  

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

.second-image-circle img {border-radius: 50%;}

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


@media screen and (max-width: 749px) {
    .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
        min-height: 60rem !important;}
.banner__content {
    align-items: flex-end !important;
    justify-content: flex-end !important;
}
}


.about-hero .banner__content {
  align-items: flex-end;
  justify-content: flex-start;
  }


.c-slider__content h2 {
  text-transform: uppercase;
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 700; 
  color: #86C788;
  font-size: calc(var(--font-heading-scale)* 4rem);
  }

.multicolumn-V1 .page-width {max-width: 100%; padding: 0%;}

.multicolumn-V1 .grid {column-gap: 0;row-gap: 0;}
.multicolumn-V1 h3 {font-family: "neue-haas-grotesk-display", sans-serif !important; font-size: calc(var(--font-heading-scale)* 3rem);}
.multicolumn-V1 .multicolumn-card {padding: 5%;}
.multicolumn-V1 .grid__item:first-child .multicolumn-card {border-right: 1px solid #000;}

@media screen and (max-width: 749px) {
    .multicolumn-V1 .multicolumn-list:not(.slider) {padding: 0 !important;}
    .multicolumn-V1 .grid__item:first-child .multicolumn-card {border-right: none; border-bottom: 1px solid #000;}
    }

.rounded-banner {border: 30px solid #2F321D;}
.rounded-banner .banner__media {border-radius: 42px; padding: 2%;}

.home-testimonials .multicolumn-card__info {padding: 0 5% !important;}

.home-testimonials h3 {
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-size: calc(var(--font-heading-scale)* 3rem);
  }

.home-testimonials p {
  font-family: "neue-haas-grotesk-display", sans-serif !important; 
  text-transform: uppercase;
  }

@media only screen and (min-width: 750px) {
  .banner--content-align-left.banner--desktop-transparent .banner__box, 
  .banner--content-align-right.banner--desktop-transparent .banner__box, 
  .banner--medium.banner--desktop-transparent .banner__box {
        max-width: 60% !important;
    }
}

.multicolumn-card__info .rte {margin-top: 20px !important;}

/* ------ ABOUT ----------*/

@media screen and (min-width: 750px) {
    .rich-text__blocks {
        max-width: 80% !important;
    }
}

.about-image-text .page-width {max-width: 100%; padding: 0%;}

.about-image-text .grid__item {padding: 3%;}

.about-image-text .image-with-text__grid .grid__item:first-child {border-right: 2px solid #86C788;}
.about-image-text .image-with-text__grid--reverse .grid__item:last-child {border-right: 2px solid #86C788;}
.about-image-text .image-with-text__grid--reverse .grid__item:first-child {border-right: 0px solid #86C788;}

@media screen and (max-width: 750px) {
  .about-image-text .image-with-text__grid .grid__item:first-child {border-right: 0px solid #86C788; border-bottom: 2px solid #86C788;}
  .about-image-text .image-with-text__grid--reverse .grid__item:last-child {border-right: 0px solid #86C788; border-bottom: 2px solid #86C788;}
  .about-image-text .image-with-text__grid--reverse .grid__item:first-child {border-right: 0px solid #86C788; border-bottom: 0px solid #86C788;}
  }


.about-image-text .grid {align-items: stretch;}

.about-image-text h2 {  
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-size: calc(var(--font-heading-scale)* 4rem);
  }

.about-image-text p {font-size: 1.8em !important;}

.about-image-text .subtitle {font-size: 1.2em !important; line-height: 1.4; color: rgba(var(--color-foreground), 1);}

.about-image-text .image-with-text__content {justify-content: space-between;}


@media screen and (max-width: 500px) {
  .about-image-text p {font-size: 1.2em !important;}
  .about-image-text .image-with-text__content {padding: 5%;}
}
  
/* ------ COLLECTION ----------*/

.card__information {
  text-align: left; 
  width: 100%;
  }

.card-info {
  text-align: left;  
  display: flex !important; 
  justify-content: space-between; 
  align-items: flex-start; 
  padding: 10px 0 !importan;
  }

.card-title-price {
  width: 100%; 
  text-align: left; 
  display: flex !important; 
  flex-direction: column; 
  gap: 2px;
  }

.collection-hero__title+.collection-hero__description {font-size: 1em !important;}

.product-grid .grid__item {background-color: transparent; padding: 0 !important;}

.collection_info {display: flex; justify-content: space-between;}

.template-collection #MainContent {padding: 40px !important;}
.template-collection #MainContent .page-width {max-width: 100% !important; padding: 0 !important;}

@media screen and (max-width: 750px) {.template-collection #MainContent {padding: 15px !important;}}


@media screen and (min-width: 990px) {
    .slider--desktop .slider__slide:first-child {
        margin-left: 30px !important;
        scroll-margin-left: 30px !important;
    }
    .slider--desktop:after {
        padding-left: 30px !important;
        margin-left: 0px !important;
    }

.card-wrapper:hover .quick-add {
  opacity: 1;
}
/* ------ COLLECTION CARD - Add to Cart overlay ------- */
.card-wrapper {
  position: relative;
}

.card-wrapper .quick-add {
  position: absolute;
  top: 10px;
  right: 45px; /* sits left of the heart icon */
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease;
  width: auto !important;
}

.card-wrapper:hover .quick-add {
  opacity: 1;
}

.card-wrapper .quick-add .button {
  width: auto !important;
  min-width: unset !important;
  border: none !important;
  background: none !important;
  color: #2F321D !important;
  box-shadow: none !important;
  text-decoration: none !important;
  padding: 4px !important;
  font-size: 0 !important;
}

.quick-add-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Always visible on mobile */
@media screen and (max-width: 749px) {
  .card-wrapper .quick-add {
    opacity: 1;
  }
.card-wrapper .quick-add .button {
  font-size: 10px !important;
  padding: 8px 14px !important;
  width: auto !important;
  min-width: unset !important;
}

/* Always visible on mobile */
@media screen and (max-width: 749px) {
  .card-wrapper .quick-add {
    opacity: 1;
  }
}

/*
.template-product  .badge {border: none !Important;text-transform: uppercase;}

.product-card-wrapper .badge {
    border: 0px solid transparent;
    border-radius: var(--badge-corner-radius);
    display: inline-block;
    font-size: 1.4rem;
    letter-spacing: 0rem;
    line-height: 1.1 !important;
    padding: 5px;
    text-align: center;
    background-color: rgb(var(--color-badge-background));
    border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
    color: rgb(var(--color-badge-foreground));
    word-break: break-word;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    z-index: 9;
    right: -15px;
    top: -15px;
    }


.card-wrapper.product-card-wrapper .card__inner>.card__content:before {
    display: none !important;
}

.multicolumn-card__image-wrapper {position: relative;}

.new-label {
  display: flex; 
  align-items: center;
  justify-content: center;
  position: absolute;
  color: #2F321D;
  background-color: #86C788;
  border-radius: 50%;
  width: 70px; 
  height: 70px;
  z-index: 9;
  right: -15px;
  top: -15px;
      font-size: 1.4rem;
    letter-spacing: 0rem;
    line-height: 1.1 !important;
  }

.beige {background-color: #DAD7CB;}


.product-card-info {        
  padding-bottom: 0 !important; 
  padding-top: 3rem !important; 
  display: flex !important; 
  flex-direction: column; 
  gap: 10px;
  }

.product-card-wrapper .price {
    font-size: 14px;
    font-family: Optima, serif !important;
    color: #2F321D !important;
}

.product-card-wrapper .button {gap: 3px;}

.product-card-wrapper img, .product-card-wrapper .card__media {border-radius: 10px !important;}

.template-collection .card__heading {font-family: "neue-haas-grotesk-display", sans-serif !important; font-size: calc(var(--font-heading-scale)* 3rem) !important;}

.template-collection .content-for-layout .page-width {max-width: 100%; padding: 0%;}
.template-collection .product-grid {column-gap: 0; row-gap: 0; margin: 0 !Important;}
.template-collection .product-grid .grid__item {
  padding: 3%; 
  border-right: 2px solid #86C788;
  border-top: 2px solid #86C788;
  max-width: 33.33% !important;
  width: 33.33% !important;
}

.template-collection .product-grid .grid__item:nth-child(3n) {border-right: 0px solid #86C788;}

.template-collection .product-grid .grid__item:nth-child(1),
.template-collection .product-grid .grid__item:nth-child(2),
.template-collection .product-grid .grid__item:nth-child(3) {border-top: 0px solid #86C788;}

@media screen and (max-width: 750px) {
.template-collection .product-grid .grid__item {
  padding: 5%;  
  border-right: 2px solid #86C788;
  border-top: 2px solid #86C788;
  max-width: 50% !important;
  width: 50% !important;
  }

.template-collection .product-grid .grid__item:nth-child(3n) {border-right: 2px solid #86C788;}
.template-collection .product-grid .grid__item:nth-child(3) {border-top: 2px solid #86C788 !important;}
.template-collection .product-grid .grid__item:nth-child(2n) {border-right: 0px solid #86C788 !important;}
  
}

@media screen and (max-width: 500px) {
.template-collection .product-grid .grid__item {
  padding: 5%; 
  border: none !important;
  border-bottom: 2px solid #86C788 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.template-collection .product-grid .grid__item:last-child {border-bottom: none !important;}
  
}


/* ------ BLOG ----------*/

.blog-articles .article-card .card__information, .blog__posts .article-card .card__information {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.article-card__info {font-family: aktiv-grotesk-extended, sans-serif;
    font-weight: 400;
    font-style: normal;

                     letter-spacing: 1px;
                    }

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

.product__description {border-top: 1px solid #000; padding-top: 30px;}

.product__description em {color: #86C788; font-style: normal; text-transform: uppercase;}

.product__description li {padding: 5px 0;}

.product__description h4 {  
  text-transform: uppercase;
  font-family: "neue-haas-grotesk-display", sans-serif !important;
  font-weight: 700; 
  font-size: calc(var(--font-heading-scale)* 2rem);
}


@media screen and (min-width: 750px) {
    .product__media-list {
        column-gap: 5px !important;
        row-gap: 5px !important;
    }
}


@media screen and (min-width: 990px) {
    .product--stacked .product__media-item {
        max-width: 100% !important;
    }
}


/* ------ CONTACT ----------*/
#ContactForm {width: 100%;}
.contact__button {display: flex; align-items: flex-start; justify-content: flex-start;}
.template-name--contact .rich-text__text a {font-size: calc(var(--font-heading-scale)* 2rem);}

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


@media screen and (min-width: 750px) {
  .footer-block--newsletter {
    flex-direction: column;
    justify-content: left;
  }
}


.footer__content-bottom-wrapper {justify-content: space-between !important;}
.footer {border-top: 1px solid rgba(0, 0, 0, 1) !important;}
.footer__content-bottom {border-top: 1px solid rgba(0, 0, 0, 1) !important;}
.footer__content-top {padding-bottom: 40px !important; padding-top: 40px !important;}
.footer .rte a {color: #000; text-decoration: none;}
.footer .rte a:hover {color: #A7A2C3;}

.footer .grid {align-items: center; margin-bottom: 0 !important;}
.footer-block__details-content {margin-bottom: 0 !important;}
.footer-block__image-wrapper {margin-bottom: 0 !important;}

.footer-block__image-wrapper img {margin-bottom: 5px;}
.copyright__content {font-size: 1rem !important;}

.footer-block__details-content {display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; }
.footer-block__details-content p {margin: 0 !important; padding: 10px 0; line-height: 2;}

.footer-block__details-content>p, .footer-block__details-content>li {padding: 0;}

@media screen and (max-width: 500px) {
  .footer-block {margin: 0 !important;}
  .footer-block__details-content {flex-direction: column; text-align: center;}
  }

.footer-block__newsletter {text-align: left !important;}
.footer-block--newsletter {padding: 0; margin-top: 0 !important; text-align: left !important; align-items: flex-start !important;}
.footer__content-top {display: flex !important; width: 100%;}

/*.footer-block {border-right: 1px solid rgba(0, 0, 0, 1);}

.footer-block:nth-child(2), .footer-block:nth-child(3)  {padding: 0 2%;}*/

.footer-block {width: auto;}
.footer-block--newsletter {width: 25%; padding-top: 0px !important; padding-bottom: 0px !important}
.footer-block__newsletter p {margin-top: 0 !important;}
.footer__copyright {
    text-align: center;
    margin-top: 0 !important;
}

.footer__content-bottom {border-bottom: 0px solid #000 !important; padding: 20px 0;}

.footer h4 {
  margin-top: 0;
  font-size: 12px !important;
    font-family: aktiv-grotesk-extended, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: uppercase !important;
  letter-spacing: 1px;
}

.footer h4 a {text-decoration: none; color: #000;}
.footer h4 a:hover {opacity: 0.7;}
.social-bullet {padding: 0 5px;}

.footer-block__details-content h4 {margin-top: 1.5em;}

@media screen and (max-width: 749px) {
  .footer-block.grid__item {padding: 0 !important; margin:  0 !important;}
  .footer__content-top {flex-direction: row; flex-wrap: wrap;}
  .footer-block, .footer-block--newsletter {width: 50%; max-width: 50%;}
  }

@media screen and (max-width: 500px) {
  .footer__content-top {flex-direction: row; flex-wrap: wrap;}
  .footer-block.grid__item {padding-bottom: 30px !important;}
  .footer-block, .footer-block--newsletter { width: 100%; max-width: 100%;}
  }


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

.newsletter__wrapper {display: flex; align-tiems: center; justify-content: space-between;}
.newsletter__wrapper>*+* {margin-top: 0rem !important;}
.newsletter__wrapper h2 {  font-family: "neue-haas-grotesk-display", sans-serif !important;}

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

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



/* ----------- Menu Drawer ----------- */

.menu-drawer__utility-links {display: none;}

.has-submenu, .menu-drawer__inner-submenu,

.menu-drawer__menu .menu-drawer__menu, 
.menu-drawer__close-button {background-color: #3a1212 !important;}

.mobile-facets__main {background-color: #f0ede4 !important;}

.menu-drawer__inner-submenu .link--text {color: #f0ede4 !important;}

.js details[open].menu-opening>.menu-drawer, 
details[open].menu-opening>.menu-drawer__submenu {
    transform: translate(0);
    visibility: visible;
}

.js .menu-drawer__submenu .menu-drawer__submenu {
    overflow-y: auto;
}


.menu-drawer__menu .menu-drawer__menu {visibility: visible !important; display: block;}

.sub-menu {display: none;}

.menu-drawer__navigation-container {padding-right: 40px;}

.has-submenu:hover .sub-menu {display: block;}

.menu-drawer__inner-container {
  display: flex; 
  align-items: stretch; 
  padding: 0px; 
  background-color: #3A1212;
  }

.menu-drawer__img {width: 50%;}
.menu-drawer__img img {object-fit: cover; width: 100%; height: 100%; padding: 0rem;}

.menu-drawer__navigation-container {width: 50%;}
.menu-drawer__menu-item {padding: 1.5rem 0rem !important;}
.has-submenu {position: relative !important;}

.menu-drawer__close-button {
  margin-top: 0rem !important;
  padding: 1.5rem 0rem !important;
  }

.js .menu-drawer__submenu {
  background-color: transparent !important;
  width: 50%;
  position: absolute !important;
  }

.js details[open]>.menu-drawer {opacity: 0;}
.js details[open].menu-opening>.menu-drawer { opacity: 1; transition: opacity 0.3s ease;}


@media screen and (min-width: 750px) {
    .menu-drawer {
        width: 100% !important;
        border-width: 0 var(--drawer-border-width) 0 0;
        border-style: solid;
        border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
    }
  
}

@media screen and (max-width: 500px) {
  .menu-drawer__img {width: 100%; display: none;}
  .menu-drawer__img img {object-fit: cover; width: 100%; height: 100%; padding: 0rem;}
  .menu-drawer__navigation-container {width: 100%;}
  .menu-drawer__navigation-container {padding-right: 0px;}
  }




.menu-drawer__close-button, .list-menu__item {border-bottom: 1px solid rgb(240, 237, 228, 0.5);}
.menu-drawer__menu-item>.icon-arrow {right: 1rem !important;}

.header__icon, 
.header__icon--cart .icon,
.list-menu__item a,
.menu-drawer__menu-item,
.menu-drawer__close-button,
.list-menu__item  {
  font-size: 12px !important; 
  font-family: "aktiv-grotesk-extended", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  text-transform: uppercase !important;
  }

.header__icons {
  font-size: 12px !important; 
  font-family: "neue-haas-grotesk-text", sans-serif !important; 
  text-transform: capitalize !important;
  }



.list-menu__item:hover {}
.header__active-menu-item {}

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

#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: 0 !important;}
.menu-drawer__menu-item {color: #F0EDE4 !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 {
    color: #F0EDE4 !important;
    }



/* ------ SWATCHES -------*/

input[type=radio][name$=_card_color]{
                width: 18px;
                height: 18px;
                border-radius: 50%;
                appearance: none;
                background-size: 9px 9px;
                background-image: repeating-linear-gradient(45deg, #000 0, #000 1px, #ebebeb 0, #ebebeb 50%);
              }




/* ---- PASSWORD -------*/

.password  .banner--desktop-transparent .banner__box {display: flex; flex-direction: column; gap: 0px;}

.alt-password-logo {width: 350px; height: auto; padding-bottom: 30px;}
.password-header img {filter: invert(1);}

.password  .password-modal {display: none;}
.password .newsletter__wrapper h2 {
  font-family: "kepler-3-display-variable", sans-serif !important;
  font-variation-settings: "wdth" 100, "wght" 200 !important;
  font-size: 3em !important;
  }

.password-logo {margin: auto !Important;}

@media screen and (max-width: 749px) {
    .password .banner__content {
        align-items: center !important;
        justify-content: center !important;
    }
}

@media screen and (min-width: 750px) {
    .password .banner--large:not(.banner--adapt) {min-height: 100vh !important;}
    }
@media screen and (max-width: 749px) {
    .password .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {min-height: 100vh !important;}
}

    .password-header {
        display: grid;
        gap: 0rem;
        grid-template-columns: 1fr;
      z-index: 9999;
      width: 100%;     
      position: fixed !important;
      padding: 2.5rem 5rem !important;
      text-align: center;
      }




@media screen and (min-width: 990px) {
    .product:not(.product--columns) .product__media-list .product__media-item {
      width: 100%;
        max-width: 100%;
    }
}



/* SWATCHES */

.product-swatches-con {display: flex; gap: 10px; flex-wrap: wrap;}
.product__swatches {display: flex; gap: 10px; align-items: flex-start; justify-content: center; max-width: 70px;}

.swatch {
    position: relative;
    cursor: pointer;
    }

.card_swatches {
  padding: 0 !important; 
  display: flex; gap: 8px; 
  align-items: flex-start; 
  justify-content: flex-start;
}

.card_swatch__image {display: block; width: 25px;
    height: 25px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-bottom: 0px;
               }

.swatch__image {
    display: block; width: 70px;
    height: 70px;
    border-radius: 0%;
    background-size: cover;
    background-position: center;
    margin-bottom: 0px;
    border: 1px solid #bbb;
    outline: 3px solid rgb(var(--color-background));
    outline-offset: -4px;
    }

    .product-form__input input[type=radio]+label {border: 1px solid #bbb !important;
    margin: .7rem .5rem .2rem 0;
    padding: 1rem 2rem;
    font-size: 1.2rem;
  }

.product__swatches input[type=radio]+label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    line-height: 1;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative;
    border: none !important;
    }

.product__swatches input[type=radio]:checked+label {
    background-color: rgb(var(--color-background)) !important;
    color: rgb(var(--color-foreground)) !important;
}

.product__swatches input[type=radio]:checked+label .swatch__image {
    border: 1.5px solid #000 !important;
    }


.product__swatches label {
  max-width: 90px;
  flex-direction: column; 
  display: flex !important; 
  gap: 8px; 
  align-items: center; 
  justify-content: center;
  }

.swatch__title {text-transform: uppercase; font-size: 0.7em; line-height: 1.2;}



.accordion {border-top: none !important; border-bottom: .1rem solid rgba(var(--color-foreground), 1) !important;}

.accordion:first-child {border-top: .1rem solid rgba(var(--color-foreground), 1) !important;}

.collapsible-content summary:hover {background: rgba(var(--color-foreground), 0) !important;}
.collapsible-content summary:hover .accordion__title {text-decoration: none !important;}
.accordion__content {padding: 0.8rem 0rem !important;}
.product__accordion .accordion__content {padding: 0 !important;}


.product-care-con {border-top: .1rem solid rgba(var(--color-foreground), 1) !important;}
.product-care-con .page-width {padding: 0 !important;}

.product-care-con .multicolumn-card {display: flex; gap: 30px;}

.product-care-con .multicolumn-list {width: 100% !important;}

.product-care-con .multicolumn-list__item {width: 50% !important; max-width: 50% !important;}

.product-care-con .multicolumn-card__image-wrapper {margin: 0 0 30px 0 !important; min-width: 30% !important;}

.product-care-con h3 {  
    font-size: 12px !important;
    font-family: aktiv-grotesk-extended, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: uppercase !important;
    letter-spacing: 1px;}

  
.product-care-con .grid {column-gap: 0 !important; row-gap: 0 !important;}
.product-care-con .multicolumn-card {padding: 5%;}
.product-care-con .multicolumn-card__info {padding: 0 !important;}

.product-care-con .multicolumn-list__item {border-bottom: .1rem solid rgba(var(--color-foreground), 1) !important;}
.product-care-con .multicolumn-list__item:nth-child(odd){border-right: .1rem solid rgba(var(--color-foreground), 1) !important;}
.product-care-con .multicolumn-list__item:last-child {border-bottom: none!important;}

.product-care-con .multicolumn-card__image-wrapper img {width: 100%;}

@media screen and (max-width: 749px) {
  .product-care-con .multicolumn-list {padding: 0 !important;}
.product-care-con .multicolumn-list__item {width: 100% !important; max-width: 100% !important;}
  .product-care-con .multicolumn-list__item:nth-child(odd){border-right: none !important;}
}


.related-products__heading,
.totals__total,
.totals__total-value,
.drawer__heading,
.product-care-con h3 {  
    font-size: 12px !important;
    font-family: aktiv-grotesk-extended, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: uppercase !important;
    letter-spacing: 1px;}







/* ------ BLOG PAGE------*/

.main-blog .title--primary {text-align: center; }

.article-container  {gap: 60px; padding: 40px;}

.article-container .article-img,
.article-container .article-template {width: calc(50% - 60px / 2);}

@media screen and (min-width: 750px) {  
.blog-articles {
    display: block !important;
    break-inside: avoid-column;
    column-count: 3;
    }
  }

.blog-articles__article, .blog-article-card {width: 100% !important;}
.blog-articles .article {
    padding-bottom: 30px;
    align-items: flex-start !important;                        
    page-break-inside: avoid; 
    break-inside: avoid-column;
    }

.blog-articles .article .card__heading a:after {display: none;}

.article-img-con {
    border: none;
    background-color: #000;
    }

.blog-articles__article:hover img {opacity: 0.7;}

.article-info-con {padding-top: 20px;}

.article-info-con .card__heading {padding-bottom: 10px; font-size: 1.4em;}

.article-img-con img {
  display: block;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  }

.article-template__content img {width: 100%;}

.article-img::after {
        content: "";
        width: 1px;
        background: rgba(0, 0, 0, 1);
        position: absolute;
        top: 0;
        height: 100%;
        left: -30px;
    }


.template-article .shopify-section:first-child .page-width {max-width: 100%; padding: 0;}

.article-template {width: 50%; padding: 0px;}
.article-img {width: 50%; height: 100vh; position: sticky; top: 0; float: right; padding: 0px;}
.article-img img {width: 100%; height: 100%; object-fit: cover;}
.article-template header {margin-top: 0 !Important;}
.article-template__content img {padding: 10px 0; border: none !important;}

.article-image-gallery {}
.template-name--alternate .article-excert-bottom {text-align: center !important;}

.template-name--alternate .article-img {display: none;}
.template-name--alternate .article-template {width: 100%; padding: 100px 0; background-color: transparent;}
.template-name--alternate .article-template header {text-align: center;}
.template-name--alternate .article-template__back {text-align: center;}

@media screen and (max-width: 990px) {
.article-container .article-template {width: 100%; }
.article-container .article-img {width: 100%; height: 50vh; position: relative; top: 0; float: none; }
.article-container .article-img {padding-bottom: 20px;}
.article-container  {gap: 0px; padding: 15px;}
}




/* ------------ BLOG FILTER ---------------- */

.blog-filter {display: flex; gap: 30px;}

.filter-btn {
    font-family: "commuters-sans", sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em !important;
    font-size: 11px !important;
    color: #000;
    }

.filter-btn::before {
    content: '';
    display: flex;
    align-items: center;
    box-sizing: border-box;
    background: transparent;
    height: 10px !important;
    width: 10px !important;
    margin-right: 10px;
    border: 1px solid #000 !important;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    }

.active-filter::before, .filter-btn:hover::before {background-color: #000;}

.custom-row {display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px;}



@media screen and (max-width: 990px) {
  .custom-row {flex-direction: column; align-items: center;}  
  .filter-btn {width: auto; display: inline-block; padding: 0 10px;}
  .blog-filter {padding: 10px 0; width: 100%; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: center;}
  }



@media screen and (max-width: 750px) {

.featured-blog .page-width-desktop {padding: 0 !important;}

}





.newsletter-form__field-wrapper .field__input {
    padding-right: 0rem;
}

.contact__button {margin-top: 10px;}
.field:hover.field:after, .select:hover.select:after, .select__select:hover.select__select:after, .customer .field:hover.field:after, .customer select:hover.select:after, .localization-form__select:hover.localization-form__select:after,
.field:before, .select:before, .customer .field:before, .customer select:before, .localization-form__select:before {
    display: none !important;
}

.field__input:hover {border-bottom: 1px solid #000;}

*:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

.field__input:focus~.field__label, .field__input:not(:placeholder-shown)~.field__label, .field__input:-webkit-autofill~.field__label, .customer .field input:focus~label, .customer .field input:not(:placeholder-shown)~label, .customer .field input:-webkit-autofill~label {
    left: 0;
}

.field__input:focus, .field__input:not(:placeholder-shown), .field__input:-webkit-autofill, .customer .field input:focus, .customer .field input:not(:placeholder-shown), .customer .field input:-webkit-autofill {
    padding: 2.2rem 0rem .8rem 0rem;
    margin: var(--inputs-border-width);
}

.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;
    outline: 0;
    border-radius: var(--inputs-radius);
  border-bottom: 1px solid #000;
}

.newsletter-form__field-wrapper {
    max-width: 100% !important;
}


.main-page-title {
    text-align: center;
}

@media screen and (max-width: 750px) {
.shopify-policy__container {
    max-width: 100%;
    margin: 40px auto;
    padding-left: 15px;
    padding-right: 15px;
}
}



.template-name--location .image-with-text__text h3 {margin-top: 30px;}


:not(.rterms-modal) > .terms-relentless {padding-left: 0px !important;}
.terms-relentless {gap: 5px !important;}
.terms-relentless p {font-size: 1.2rem !important;}