/** Shopify CDN: Minification failed

Line 14:0 All "@import" rules must come first

**/
/*------------------------------------
* Global Styles
*------------------------------------*/

h1, .h1, h2, .h2 {
  text-transform: uppercase !important;
}

@import url("https://use.typekit.net/axx4ggm.css");

@media screen and (min-width:750px) {
.fullheight-bg h2.h0 {
    font-size: calc(var(--font-heading-scale) * 6.2rem);
  }
}


h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "tt-commons-pro", sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5em;
  font-size: calc(var(--font-heading-scale) * 1.3rem);
}


p, .p, body, .body {
  font-family: "tt-commons-pro", sans-serif !important;
  font-weight: 300;
}



@media screen and (max-width:749px) {
.hide--mobile {
  display: none !important;
}
}

  
@media screen and (min-width:750px) {
.hide--desktop {
  display: none !important;
}
}


.center-text {
text-align: center !important;
}

.custom-icon {
width: 100px;
height: auto;
margin: auto;
}

.footer-icon {
width: 100px;
height: auto;
margin: auto;
}

@media screen and (max-width:749px) {
  .footer-icon {
    max-width: 140px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
}

.custom-decor {
z-index: 9999 !important;
}


.card__heading.h5, h3.card__heading.h2 {
  font-size: 1.5rem !important;
}

.card-information .price {
  font-size: 1.4rem;
}





/*------------------------------------
* Header Menu Font Styles
*------------------------------------*/

.header__inline-menu span {
  /*font-family:var(--font-heading-family);*/
  font-size:1.3rem;
  text-transform: uppercase;
}

.header__menu-item:hover span {
  text-decoration:none;
}
.header__menu-item span {
  position:relative;
}

.header__menu-item span::after {
  content:"";
  background-color:currentcolor;
  height:1px;
  width:0%;
  position:absolute;
  bottom:0;
  left:0;
  transition: width 0.5s;
}

.header__menu-item span:hover::after {
    width:100%;
     
}

@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
    display: flex;
    justify-content: space-between;
  }
}


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

.button {
  /*font-family:var(--font-heading-family);*/
  text-transform: uppercase;
  padding: 1rem 5rem !important;
  font-size: 1.5rem !important;
  min-height: unset !important;
  letter-spacing: -.03em;
  min-width: unset !important;
}


.button:hover::after {
  box-shadow:none !important;
  width:100%;
  background-color:currentcolor;
  height:1px;
  bottom:0;
  top:initial !important;
}

@media screen and (max-width:749px) {
.button {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
}


/*------------------------------------
* Add to Cart Button
*------------------------------------*/

.button.quick-add__submit {
  font-family:var( --font-body-family);
  text-transform: uppercase;
  display: inline-block !important;
  padding: 0.5rem 1.5rem !important;
  font-size: 1.5rem !important;
  min-height: unset !important;
  letter-spacing: -.03em;
  min-width: unset !important;
  margin-bottom: 3rem;
}

.button:disabled:hover::after {
display:none;
  
}



/*------------------------------------
* Buy Now Button
*------------------------------------*/

button.shopify-payment-button__button {
  text-transform: uppercase;
  padding: 0.5rem 1.5rem !important;
  font-size: 1.5rem !important;
  min-height: unset !important;
  letter-spacing: -.03em;
  min-width: unset !important;
  max-height: 3rem;
}



/* Product quantity input */
.quantity__input, .quantity__button, .quantity:after {
  max-height: 3rem !important;
}


/* Cart remove button - Cart Drawer & Cart Page */
a.button.button--tertiary, .button--tertiary.cart-remove-button {
  padding-top: 0 !important;
  margin-top: -1rem;
  border: none !important;
}




/*------------------------------------
 *   STICKY GALLERY 
 *------------------------------------*/

section.sticky-gallery .ss-grid__item{
position:sticky;
top:50%;
transform:translateY(-50%);
}

section.sticky-gallery .ss-grid__item:not(:first-child){
max-width:450px;
margin:auto;
width:80%;
}




section.sticky-gallery .large-headline h2  {
font-family:var(--font-heading-family);
text-transform:uppercase;
font-size:clamp(4rem, 35vw + 1rem, 82rem) !important;

}


section.sticky-gallery .large-headline h2 {
margin-block-start:0 !important;
margin-block-end:0 !important;
color:black;
}



section.sticky-gallery .ss-col-12 {
padding-top:30%;

}
/*------------------------------------
 *   END OF STICKY GALLERY
 *------------------------------------*/




/*------------------------------------
  PRODUCT PAGE THUMBNAILS
*------------------------------------*/

@media screen and (min-width:750px) {
.product--thumbnail_slider .thumbnail-slider{
display:flex !important;
position:absolute;
bottom:5%;
width:70%;
z-index:99;
left:50%;
translate:-50%;

}

.thumbnail-slider .thumbnail-list.slider--tablet-up {
display:flex !important;
align-items:center;
justify-content:center;
}

.product--thumbnail_slider .slider.slider--tablet-up .product__media-item {
max-height:none !important;
}

}

/*★★★★★★★★ Make sure the Image Slider fills up the entire screen ★★★★*/
@media screen and (min-width:750px) {

.product__media-item.slider__slide {
height:calc(100vh - 70px);
}

.product__media-item.slider__slide .product__modal-opener {
height:100%;
}

.product__media-item.slider__slide .product__media {
height:100%;
padding-top:0 !important;
position:absolute;
width:100%;

}

/*★★★★★★★★ Thumbnail Styles ★★★★*/
.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
width:12% !important;
max-width:50px;
column-gap:2vw;


}

.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide .thumbnail {
border-radius:50%;
overflow:hidden;
}
.thumbnail-list.slider--tablet-up img {
width:100% !important;
object-fit:cover;
height:100% !important;
}


.slider.slider--tablet-up + .slider-buttons {
bottom:5% !important;
transform:unset !important;
top:unset !important;
pointer-events:none;



}

.slider.slider--tablet-up + .slider-buttons button {
 pointer-events:auto;
  
}

.thumbnail {
border:2px solid white;
}

}





/*★★★★★★★★ Mobile Product Slider  ★★★★*/

@media screen and (max-width:749px) {
.slider--mobile .grid__item .product__media {
  height:0;
  padding-bottom:100% !important;
  padding-top:0 !important;
  
}
 .product__media-wrapper .product__modal-opener {
    height:100%;
  }

 .product__media-wrapper .product__media {
    overflow:hidden;
    height:100%;
  }

 .product__media-wrapper .thumbnail-list img {
  width:100% !important;
  object-fit:cover;
  height:100% !important;
}


}

/*★★★★★★★★ Product Info Centered Vertically  ★★★★*/

.product__info-container {
  text-align:center;
}

.product__info-container p {
  text-align:left !important;
}

.product__info-container .product-form__input {
  margin:0 auto !important;
}

.product__info-container  .quantity {
   margin:0 auto !important;
}

.product__info-container .product-form__buttons {
  margin:0 auto !important;
}




/*★★★★★★★★ Product Buttons Add to Cart and Buy Now  ★★★★*/

.product-form__submit, .shopify-payment-button {
  margin: auto;
  margin-bottom: 1rem;
  max-width: 200px;
}




/*------------------------------------
  SPLIT IMAGE & VIDEO POWER
*------------------------------------*/

.bg-left {
width:50% !important;
height:100% !important;
}

.bg-left .ss-inline-image , .bg-right .ss-inline-image {
width:100% !important;
height:100% !important;
padding-bottom:0 !important;
}

.bg-right {
width:50% !important;
height:100% !important;
right:0 !important;
left:initial !important;
}

.bg-right .ss-video-block, .bg-left .ss-video-block {
position:absolute;
inset:0;
width:auto;
height:auto;
}

.bg-right .ss-inline-image img, .bg-left .ss-inline-image img {
object-fit:cover;
}

@media screen and (max-width:749px) {
.ss-decor.show-mobile {

display:block  !important;
}

.ss-decor.full-width {
width:100%  !important;
}

}


/*★★★★★★★★ Full Heigh backgroung image on mobile  ★★★★*/

@media screen and (max-width:749px) {
  section.fullheight-bg .section-background {
    position:absolute !important;
    min-height: 90vh !important;
  }
  section.fullheight-bg {
    min-height: 80vh !important;
  }
}



/*------------------------------------
  TEXT ACCORDIAN
*------------------------------------*/

.text-accordion .accordion-title {
  cursor: pointer;
  position:relative;
  border-bottom:1px solid;
  
}

.accordion-open .accordion-title::after {
  content: '-';
}

.accordion-title::after {
  content:'+';
  position:absolute;
  right:0;
}

.text-accordion .content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}




/*------------------------------------
*   MARQUEE SECTION
*-----------------------------------*/

.marquee-image img {
  max-width: 150px !important;
  max-height: 150px !important;
}

@media screen and (min-width:750px) {
.marquee-image .c-slider-marquee {
  padding-top: 10vh !important;
  max-height: 37vh;
}
}

@media screen and (max-width:749px) {
.marquee-image .c-slider-marquee {
  padding-top: 5vh !important;
}
}





/*------------------------------------
* Featured Collection Carousel
*------------------------------------*/

.collection--full-width .slider-component-full-width {
	max-width:1200px;
  margin:auto;
}

.collection--full-width  .slider-buttons {
    position: absolute;
    top: 50%;
    translate: 0 -150%;
    justify-content: space-between;
    width: 100%;
    pointer-events:none;
}
.collection--full-width button.slider-button {
 z-index:2;
 pointer-events:auto !important;
}

/** Button Background Color **/
.collection--full-width button.slider-button.slider-button--prev {
    translate: 0%;
    background-color: white;
    border-radius: 50%;
    border:1px solid currentcolor;
}

.collection--full-width button.slider-button.slider-button--next {
    translate: 0%;
    background-color: white;
    border-radius: 50%;
    border:1px solid currentcolor;
}

.collection--full-width .slider-counter.caption {
	
display:none;
}


@media screen and (min-width:990px) {
	
	.slider--desktop.grid--4-col-desktop .grid__item {
	 width:25% !important;
   max-width:25% !important;
	}

	.slider-component-full-width .slider--desktop {
	margin-right:50px !important;
	margin-left:50px !important;
	}
}

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

.slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 0 !important;
    scroll-margin-left: 0 !important;
}

}


@media screen and (min-width:990px) {

.collection--full-width {
 display:flex;
 column-gap:2vw;
}
.collection--full-width .collection__title {
    min-width: 33.3%;
}

.collection__title.title-wrapper--self-padded-tablet-down {
    padding:0 !important;
 }

.collection--full-width {
    padding-left:4vw;
    padding-right:4vw;
}

.collection--full-width .slider-component-full-width {
    flex: 1;
    min-width:75%;
    
}
.collection--full-width .slider--desktop {
    margin-block-start:0 !important;
  }

}






/*------------------------------------
* Collection Page
*------------------------------------*/

.collection-hero__title {
  text-align: center;
}

.collection-hero__description {
  margin: 2rem auto;
  text-align: center;
}




/*------------------------------------
* Video & Image Grid Newsletter
*------------------------------------*/

.green-newsletter .c-video-section__item.c-video-section__item--image.stacked {
color: white !Important;
background-color: #8B9A6D !important;
}

.green-newsletter .c-video-section__item.c-video-section__item--image.stacked h2 {
color: white !Important;
}



#shopify-section-template--25149126738269__main span.price-item.price-item--regular:before {
  content: "from";
}


#shopify-section-template--25110470754653__product-grid .price:before {
  content: "from";
}


/*------------------------------------
* Blog
*------------------------------------*/

.template-article #MainContent {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.template-article #MainContent > section:nth-child(2) {
	    flex: 1;
    border-left:1px solid;
}

.template-article #MainContent > div:nth-child(1) {
    position: sticky !important;
    top: 0;
  align-self:flex-start !important;
  min-width:200px;
  
}