/** Shopify CDN: Minification failed

Line 325:0 Expected "}" to go with "{"

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

@font-face {
  font-family: 'josie';
  src: url('/cdn/shop/files/josie-webfont.woff2?v=1723558786') format('woff2'),
       url('/cdn/shop/files/josie-webfont.woff?v=1723558786') format('woff');
}

:root {

  --font-heading-family: 'josie';
  --font-heading-weight: 400;
}

section.hero {

   --font-heading-family: 'swear-display-cilati';
}


/*------------------------------------
 *   END CUSTOM FONTS
 *------------------------------------*/

/*------------------------------------
 *   Flip Card
 *------------------------------------*/

 .multicolumn-card {
	 perspective: 1000px;
}
 .multicolumn-card.content-container {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 transition: transform 0.6s;
	 transform-style: preserve-3d;
	 background-color: #FFF1DF !important;
	 display: flex;
	 align-items: center;
   border-radius: 25px !important;
}


 .multicolumn-card__info * {
	 color: #004921;
}
 .multicolumn-list__item:hover .multicolumn-card.content-container {
	 transform: rotateY(180deg);
}
.multicolumn-card__image-wrapper {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
	 top: 0;
	 overflow: hidden;
}
  .multicolumn-card__info {
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
	 transform: rotateY(180deg);
	 overflow: hidden;
    h3 {
      font-size: 4rem;
    }
}

 .media.media--transparent.media--adapt {
	 padding-bottom: 0 !important;
	 height: 100% !important;
  
}
  img.multicolumn-card__image {
	 width: 100% !important;
	 height: 100% !important;
	 object-fit: none !important;
	 left: 0;
    
}

 .multicolumn-card__image-wrapper {
	 padding: 0 !important;
	 margin-left: 0 !important;
   border-radius: 25px !important;
}

.multicolumn:not(.background-none) .multicolumn-card {
  aspect-ratio: 1;
}

/*------------------------------------
 *   END Flip Card
 *------------------------------------*/

/*------------------------------------
 *  Featured Product Alignment 
 *------------------------------------*/
   .card-wrapper.product-card-wrapper .card__inner+.card__content .card__information {
      display: flex;
      flex-direction: column;
    }

/* END Featured Product Alignment   */


/*------------------------------------
 *  Hide on Mobile and Desktop
 *------------------------------------*/
@media screen and (max-width:749px) {
section.hide--mobile, div.hide--mobile {
display:none !important;

}
}

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

/*------------------------------------
 * END Hide on Mobile 
 *------------------------------------*/

/*------------------------------------
 *  Display on Mobile 
 *------------------------------------*/
@media screen and (max-width:749px) {
section.show--mobile, div.show--mobile {
display:inline-block !important;

}

}

/*------------------------------------
 * END display on Mobile 
 *------------------------------------*/


/*------------------------------------
 * Split Section
 *------------------------------------*/
.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;
}

}

.slider-reveal {
overflow:hidden;
}


/*------------------------------------
 * END Split Section
 *------------------------------------*/

/*------------------------------------
 * Hero Slider Section
 *------------------------------------*/
.hero-slide .textdecor-position--top {
    border-bottom: 0px solid !important;
    top: 50% !important;
    translate: 0 -50%;

}

.hero-slide .textdecor-position--top h1 {
    font-size: 12vw;
  font-family: 'swear-display-cilati';
   
}

.hero-slide .textdecor-position--top h1 {
translate:-100%;
   animation:   slidein-left 3s forwards;
}


.hero-slide .ss-inline--inline_text:nth-child(3) h1 {
    -webkit-text-stroke: 2px #FFF1DF;
    color: transparent;
}

.hero-slide .ss-inline--inline_text:nth-child(1) h1 {
    -webkit-text-stroke: 2px #FFF1DF;
    color: #FFF1DF !important;
}

@keyframes slidein-left {
0% {
translate:-100%;
}

100% {
translate:0%;
}

}

@media (max-width: 767px)  {

  .textdecor-position--top {
  display: block !important;
}
}



/*------------------------------------
 * END Slider Section
 *------------------------------------*/

/*------------------------------------
 *Follow Cursor
 *------------------------------------*/


.list-item a {
  font-family: var(--font-heading-family);
  }

.list-item.style-three a:hover {
color: #FFC1AE !important;
}

.list-item.style-four a:hover {
color: #FFF1DF !important;
}

.list-item.style-five a:hover {
color: #FFC1AE !important;
}

.list-item.style-one {
  background-color: #FFF1DF;
}

.list-item.style-two {
  background-color: #FFC1AE;
}

.list-item.style-three {
  background-color: #FE5600;
}

.list-item.style-four {
  background-color: #F88823;
}

.list-item.style-five {
  background-color: #004921;
}

.list-item.style-six {
  background-color: #FFC1AE;
}



/*------------------------------------
 * END Follow Cursor
 *------------------------------------*/


@media screen and (max-width:749px) {
.show-mobile.textdecor-position--top   {

display:block  !important;
}