/** Shopify CDN: Minification failed

Line 9:4 Unexpected "{"
Line 9:5 Expected identifier but found "%"
Line 9:42 Expected identifier but found "%"

**/

    {% comment %} Define the custom font {% endcomment %}
@font-face {
  font-family: 'Pitch Sans'; /* Replace with your desired name */
  src: url('{{ "PitchSans-Medium.otf" | asset_url }}') format('opentype'); 
  src: url('{{ "PitchSans-Medium.ttf" | asset_url }}') format('truetype'); 
    src: url('{{ "PitchSans-Medium.woff" | asset_url }}') format('woff'); 
        src: url('{{ "PitchSans-Medium.woff2" | asset_url }}') format('woff2'); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Grobek'; /* Replace with your desired name */
  src: url('{{ "grobek-regular.otf" | asset_url }}') format('opentype'); 
  src: url('{{ "Grobek-Regular.ttf" | asset_url }}') format('truetype'); 
    src: url('{{ "Grobek-Regular.woff" | asset_url }}') format('woff'); 
        src: url('{{ "Grobek-Regular.woff2" | asset_url }}') format('woff2'); 
  font-weight: normal;
  font-style: normal;
}




h1{
  font-family: 'Grobek', sans-serif !important;
}

p{
  letter-spacing: 0rem !Important;
}

h3,
.facets__heading {
  font-family: 'Pitch Sans', sans-serif !important;
}

.card-wrapper.product-card-wrapper .card__inner+.card__content .card__information .price, .card-wrapper.product-card-wrapper .card__inner+.card__content .card__information .card__heading{
  font-family: 'Jost', sans-serif !important;
}

.card__heading{
   font-size: 2rem !important; 
   margin-bottom: 1vh !important;
   letter-spacing: 0rem !important;
   font-weight: 200 !important;
}

.card__information{
      .price{
           font-size: 1.25rem !important; 
      }
}

@media(max-width:750px){
  .card__content,
  .card__information{
    .price{
         font-size: 1rem !important; 
    }
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .card__heading,
  .card-information{
   font-size: 1.5rem !important; 
}
}


.mega-menu__link .mega-menu__link--level-2 link {
  font-size: 2rem !important;
}



.footer-power{
  h2, a{
    text-decoration: none !important;
    font-weight: 200 !important;
    font-size: 1.5rem !important;
  }
}

@media(max-width:750px){
.footer-power{
  .ss-col-12{
        display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  .ss-grid__item{
    width: 45%;
  }
  .klaviyo-form-{
    width: 95% !important;
  }
}
}




.rc-login{
min-height: 60vh !important;
}




    .founder-hero{

      h1, h2{
        font-family: 'Grobek' !important;
      }
.grid {
      padding-top: 0vh !important;
    }
    }
  
    .our-story-two{
      h1, h2, h3{
                font-family: 'Grobek' !important;
      }
    }

    .our-story-text-quote{
  h1, h2{
    font-weight: 200 !important;
    font-family: 'Jost' !important;
    color: #BF6E6A !important;
  }
    }

    @media(min-width:750px){
          .founder-hero{
     .image-with-text__content{
padding-left: 10vw !important;
padding-right: 10vw !important;
      }
    }
        .our-story-text-quote{
      width: 60vw !important;
        }

    }


    @media(max-width:750px){

.our-story-mobile-hidden{
  display: none !important;
}

        .our-story-two{
.ss-text__content{
 margin-top: 5vh !important;
}
        }


    }

  
.c-image-list__nav,
.collection_shop-all{
  font-family: 'Pitch Sans' !important;
}

.collection-tabs ul.c-image-list__nav{
  column-gap: 3rem !important;
}

.c-image-list__nav a span,
.collection_shop-all{
font-size: 1.5rem !important;
}

    .collection-tab-section{
      padding-top: 5vh;
      padding-bottom: 15vh !important;
      padding-left: 10vw !important;
      padding-right: 10vw !important;
    }


    #section-template--25796208984345__collection_tabs_4HNLj8 slider-component li::before,
    #section-template--25802634887449__collection_tabs_7DP74d slider-component li::before{
      display: none !important;
    }

    @media(max-width:750px){
.c-image-list__nav-wrapper{
     flex-direction: column !important;
    }

    .c-image-list__nav li{
      a{
        padding-left: 5vw !important;
      }
      border-bottom: 1px solid #000000 !important;
      .is-active{
        background-color: rgba(227,160,67,0.5) !important;
        a, span{
          color: #000000 !important;
        }
      }
    }

        .c-image-list__nav li:first-child{
      border-top: 1px solid #000000 !important;
    }
    .c-image-list__nav a{
display: block !important;
width: 100vw !important;
text-align: left !important;
padding-top: 1vh !important;
padding-bottom: 1vh !important;
    }
    .collection_shop-all{
         a{
        padding-left: 5vw !important;
      }
      text-align: left !important;
      margin-right: auto !important;
      margin-left: 0 !important;
      padding-top: 1vh !important;
      padding-bottom: 1vh !important;
      color: #5A5D5A !important;
    }
        .collection-tab-section{
      padding-top: 5vh !important;
      padding-bottom: 5vh !important;
      padding-left: 0vw !important;
      padding-right: 0vw !important;
    }

    .c-image-list__media-item{
      margin-top: 3.5vh !important;
    }
  }


  .homepage-hero{
    h1, h2, h3, p{
      color: #FFFFFF !important;
    }
    h1, h2, h3{
      font-family: 'Grobek' !important;
    }

    p{
      font-family: 'Pitch Sans' !important;
    }
    .button{
      margin-top: 2.5vh !important;
    }
  }



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

@media(min-width:751px){
  .hero-hidden-desktop{
    display: none !important;
  }
}

@media(max-width:750px){
  .hero-hidden-mobile{
    display: none !important;
  }
    .hero-hidden-desktop{
    display: block !important;
  }
}

.banner__heading{
  font-family: 'Pitch Sans' !important;
  width: 60vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.homepage-quote-section h2{
    font-family: 'Pitch Sans' !important;
    font-weight: 600 !important;
}

@media(max-width:750px){
  .homepage-quote-section h2{
    font-family: 'Pitch Sans' !important;
    font-weight: 600 !important;
    font-size: 3.5rem !important;
}
}


@media(max-width:750px){
  section-template--25796208984345__collection_tabs_4HNLj8{
              .collection-tab-section{
         padding-top: 15vh !important;
  }
}
}

@media(min-width:751px){
    section-template--25796208984345__collection_tabs_4HNLj8{
          .collection-tab-section{

         padding-top: 25vh !important;
          }
  }
}

.homepage-story{
  h1, h2{
    font-family: 'Grobek' !important;
  }
  p{
    margin-top: 5vh !Important;
  }
  .button{
        margin-top: 2.5vh !important;
  }
}

@media(min-width:751px){
  .homepage-story{
    p{
    margin-top: 25vh !important;

  }
padding-right: 5vw !important;
  }
}

.hero-carousel-testimonial,
.product-page-card-carousel{
  background-color: #B5D1DF !important;
  min-height: 50vh !important;
  padding-top: 10vh !important;
  padding-bottom: 10vh !important;
}



.card-carousel--section .swiper-slide{
  padding: 3.5em !important;
  text-align: left !important;
  border-radius: 50px !important;
  margin-bottom: 5vh !important;
  background-color: #FCF5F1 !important;
  margin-right: 1.5vw !important;
  margin-left: 1.5vw !important;

  h2, h1, h3{
    font-family: 'Jost' !important;
    font-weight: 400 !important;
    font-size: 2.5rem !important;
    margin-bottom: 2.5vh !important;
  }
  h5{
    font-family: 'Pitch Sans' !important;
  }
}

.card-carousel--section .swiper-slide:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20%;
	width: 0;
	height: 0;
	border: 44px solid transparent;
	border-top-color: #FCF5F1;
	border-bottom: 0;
	border-left: 0;
	margin-left: -22px;
	margin-bottom: -44px;
}

@media(max-width:750px){
  .hero-carousel-testimonial,
  .product-page-card-carousel{
      padding-bottom: 5vh !important;
      padding-left: 5vw !important;
      padding-right: 5vw !important;
  }
  .card-carousel--section .swiper-slide{
  margin-right:1.25vw !important;
  margin-left: 1.25vw !important;
  padding: 0em !important;
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;

    h2, h1, h3{

    font-size: 2rem !important;
    margin-bottom: 2.5vh !important;
  }
}
.swiper-arrow-container{
  top: -10% !important;
}
}

.swiper-wrapper{
justify-content: space-between !important;
}

.swiper-pagination-bullet-active{
  background-color: #C18046 !important;
}

.swiper-arrow-next{
  color: #5A5D5A !important;
}

.swiper-arrow-prev{
  color: #5A5D5A !important;
}


@media(min-width:1025px){
.multicolumn-card {
	 perspective: 1000px;
   min-height: 70vh !Important;
}
 .multicolumn-card.content-container {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 text-align: center;
	 transition: transform 0.6s;
	 transform-style: preserve-3d;
	 background-color: #FCF5F1 !important;
      border: 1px solid #5A5D5A !important;
	 display: flex;
	 align-items: center;
}

 .multicolumn-card__info {
   padding-left: 2.5vw !important;
   padding-right: 2.5vw !important;
   
}

 .multicolumn-card__info * {
	 color: #5A5D5A;
   
}
 .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;
}

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

@media(max-width:750px){
  .multicolumn-card {
    margin-top: 2.5vh !Important;
    margin-bottom: 2.5vh !Important;
  }
}


.related-products{
  padding-top: 15vh !important;
  padding-left: 10vw !important;
  padding-right: 10vw !important;
}

.related-products__heading{
  margin-left: 2.5vw !important;
  font-family: 'Grobek' !important;
  font-size: 3rem !important;
  margin-bottom: 0vh !important;
}

.product__title h1{
  font-family: 'Jost' !important;
  font-weight: 200 !important;
}

.price__regular .price-item--regular{
  color: #6D8366 !important;
}


.product__description{
  h4{
font-family: 'Pitch Sans' !important;
position: relative !important;
margin-left: 1vw !important;
}
  h4::before{
content:'' !important;
  background-image:url('/cdn/shop/files/checkmark-icon.png') !important;
background-size: contain  !important;
position: absolute  !important;
background-repeat: no-repeat  !important;
background-color: transparent  !important;
width: 2vw  !important;
height: 2vh  !important;
top: 0  !important; 
left: -1vw  !important;
@media(max-width:750px){
  width: 5vw  !important;
height: 5vh  !important;
top: -2.5vh !important;
left: 0vw  !important;
margin-left: auto !important;
margin-right: auto !important;
}

  }

h3{
  font-family: 'Jost' !important;
  font-size: 2rem !Important;
  color: #6D8366 !Important;
}
ul{
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
  padding-left: 0 !important;
}
.rte ul{
  padding-left: 0 !important;
}
li{
  width: 30% !important;
}


li::marker {
  content:'' !important;
  font-size: 0em;
  display: inline-block !important;
}
}

@media(max-width:750px){
  .product__description{
    h4{
      font-size: 1.25rem !important;
    }
  }
}

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


/*★★★★★★★★ Image full screen ★★★★*/
@media screen and (min-width:750px) {

.product__media-item.slider__slide {
height:100vh;
}

.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 on Desktop Centered Vertically  ★★★★*/

@media screen and (min-width:750px) {
.product__info-container {
  text-align:left;
}
.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;
  }
	.accordion .summary__title {
	align-items:flex-start;
	justify-content:space-between !important;
	}
}

@media screen and (min-width:750px) {
  .product__column-sticky{
    top: 0 !important;
  }
.product__info-wrapper {
display:flex;
flex-direction:column;
justify-content:center;
}
}

.product__media-item,
.product__media-wrapper{
  padding-left: 0 !important;
}

.product{
  .slider-button[disabled] .icon{
    display: none !Important;
  }
}

@media(min-width:751px){
  .c-image-list__media-wrapper{
    .grid{
padding-top: 5vh !Important;
    }
  }

  .slider.slider--tablet-up + .slider-buttons{
    top: 50% !Important;
    transform: translateY(-50%) !important;
  }
}

.product-form__input,
.product-form__buttons,
.product__info-container .quantity{
margin-left: 0 !important;
max-width: 100% !important;
}


}

.product{
  .icon-with-text__item{
.inline-richtext{
  font-family: 'Pitch Sans' !important;
}
  }
}

@media(max-width:750px){
  .product{
    .grid--peek.slider .grid__item{ 
      padding-left: 1vw !important;
padding-right: 0 !important;
    }
  }
}

/**Tabs on PRoduct Page **/
/** Core CSS **/
.horizontal .c-image-list {
  flex-direction: column;
}

.horizontal ul.c-image-list__nav {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}

/** Content Styles **/
.horizontal .c-image-list__media-item {
  border: 1px solid;
  padding: 3% !important;
}

.horizontal .c-image-list__nav {
  margin-top: 10px !important;
}

/** Content Widths **/

.horizontal .c-image-list__media {
  min-width:50% !important;
  flex-basis:50% !important;
}


/** Aspect Ration of Image **/
.horizontal .c-image-list__media {
  position: relative;
  height: 0 !important;
  padding-bottom: 50% !important; 
}

.horizontal .c-image-list__media img {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  inset: 0;
}

/** Padding of Nav Items **/
.horizontal .c-image-list__nav li a {
  padding: 0.5rem 2rem;
  box-sizing: border-box;
}

.horizontal .c-image-list__nav li {
  position: relative;
  z-index: 2;
}

/** Active Item Bottom Border **/
.horizontal .c-image-list__nav li a::before {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  inset: 0;
  background-color: rgba(227,160,67,0.5) ;
  
  bottom: -1px;
  z-index: -1;
  opacity: 0;
  border-left: 1px solid;
  border-right: 1px solid;
}

.horizontal .c-image-list__nav li a.is-active::before {
  opacity: 1;
}

/** Nav Item Borders and Hover Transition **/
.horizontal .c-image-list__nav li a:hover::after {
  top: -5px;
}
.horizontal .c-image-list__nav li a::after {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  inset: 0;
  background-color: transparent;
  bottom: -1px;
  z-index: -1;
  opacity: 1;
  border: 1px solid;
  border-bottom: 0px solid;
  transition: 0.2s;
}


/** Font Size **/
.horizontal .c-image-list__nav a span {
    font-size: 1.5rem !important;
}


@media(min-width:751px){
.product-tab-section{
  padding-top: 5vh !Important;
  padding-bottom: 10vh !important;
  padding-left: 10vw !important;
  padding-right: 10vw !important;
}
}



.rich-text__blocks{
  max-width: 90vw !important;
}
.rich-text__wrapper{
  width: 100% !important;
}
.rich-text{
  padding-left: 8vw !important;
  h2{
    font-family: 'Pitch Sans' !important;
  
  }
}

@media(max-width:750px){
  .horizontal .c-image-list__nav li a::after{
    border: 0px !important;
  }
  .rich-text{
  padding-left: 2vw !important;
  h2{
    font-family: 'Pitch Sans' !important;
  
  }
}

.horizontal ul.c-image-list__nav{
  gap: 0 !important;
}

.horizontal .c-image-list__nav{
  margin-top: 0 !important;
  border-right: 1px solid #000000 !important;
  border-left: 1px solid #000000 !important;
}



.product-tab-section{
  padding-top: 2.5vh !important;
}
}

.c-image-list__media{
  max-height: 50vh !Important;
min-height: 50vh !important;
}

.c-image-list__media img{
max-height: 50vh !Important;
min-height: 50vh !important;
}

.horizontal .c-image-list__media{
padding-bottom: 0 !important;
}

.c-slider__content h2{
  color: #FCF5F1 !important;
}

@media(max-width:750px){
  .c-slider{
    margin-top: 15vh !Important;
  }
}




body.template-name--new-homepage .header__heading-logo,
body.template-index .header__heading-logo {
  max-width:80px !important;
  transition:1s;
}

body.scrolled.template-name--new-homepage .header__heading-logo,
body.scrolled.template-index .header__heading-logo {
max-width:80px !important;
transition:1s;
}

 body.template-name--new-homepage .header__heading-logo-wrapper,
  body.template-index .header__heading-logo-wrapper {
  position:relative;
}
body.template-name--new-homepage .header__heading-logo-wrapper img,
body.template-index .header__heading-logo-wrapper img{
  opacity: 0;
}
body.template-name--new-homepage .header__heading-logo-wrapper::before,
body.template-index .header__heading-logo-wrapper::before {
    content:'';
    background-image: url('/cdn/shop/files/good-juju-web-logo-white.png');
    background-size:contain;
    background-repeat:no-repeat;
    width: 100%;
    position: absolute;
    height: 100%;
    background-position:center;
    opacity:1;
    transition:0.5s;
}

body.scrolled.template-name--new-homepage .header__heading-logo-wrapper::before,
body.scrolled.template-index .header__heading-logo-wrapper::before {
  opacity:0;
  transition:0.5s;
}

body.scrolled.template-name--new-homepage .header__heading-logo-wrapper img,
body.scrolled.template-index .header__heading-logo-wrapper img {
  opacity:1 !important;
}


body.template-name--new-homepage .header__menu-item,
body.template-index .header__menu-item{
color: #FFFFFF;
}

body.scrolled.template-name--new-homepage .header__menu-item,
body.scrolled.template-index .header__menu-item{
color: #5A5D5A;
}

body.template-name--new-homepage .header__icon,
body.template-index .header__icon{
  color: #FFFFFF;
}

body.scrolled.template-name--new-homepage .header__icon,
body.scrolled.template-index .header__icon{
color: #5A5D5A;
}

body.template-name--new-homepage .header__icons .cart-count-bubble,
body.template-index .header__icons .cart-count-bubble{
    color: #FFFFFF;
}

body.scrolled.template-name--new-homepage .cart-count-bubble,
body.scrolled.template-index .cart-count-bubble{
color: #5A5D5A;
}

body.template-name--new-homepage .header-wrapper--border-bottom,
body.template-index .header-wrapper--border-bottom{
  border-bottom: 1px solid #FFFFFF;
}

body.scrolled.template-name--new-homepage .header-wrapper--border-bottom,
body.scrolled.template-index .header-wrapper--border-bottom{
 border-bottom: 1px solid #5A5D5A;
}


body.template-name--new-homepage .header__heading-logo,
body.template-index .header__heading-logo {
  max-width:590px !important;
  transition:1s;
}



body.scrolled.template-name--new-homepage .header__heading-logo,
body.scrolled.template-index .header__heading-logo{
  max-width:590px !important;
transition:1s;
}

body.scrolled.template-name--new-homepage .header-wrapper,
body.scrolled.template-index .header-wrapper {
transition:1s;
background-color:#FCF5F1 !important;

}

body.template-name--new-homepage .header-wrapper,
body.template-index .header-wrapper {
position:absolute;
  width:100%;
  background-color:transparent !important;
}



.hero-carousel-testimonial{
  padding-top: 3.5vh !important;
}



.mega-menu summary.header__menu-item:after {
  
    width: 150% !important;
    height: 200% !important;
    left: -30%;
    transform:none !important;
    bottom: 0 !important;
    translate: 0 100% !important;
}


summary.list-menu__item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    translate: 0 100%;
   
}

summary.header__menu-item:after {
height:2.5rem !important;
}


  .icon-with-text--horizontal{
column-gap: 0rem !important;
justify-content: flex-start !important;
  }



.icon-with-text--horizontal .icon, .icon-with-text--horizontal img{

  width: 50% !important;
  height: auto !important;

  }