/** Shopify CDN: Minification failed

Line 19:14 Expected ")" to end URL token
Line 25:14 Expected ")" to end URL token
Line 31:14 Expected ")" to end URL token
Line 36:2 All "@import" rules must come first

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

@font-face {
  font-family: 'Voyage Bold';
  src: url({{ Voyage-Bold.woff2 | asset_url}}) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: 'Pitch Sans Regular';
  src: url({{ pitch-sans-regular.woff2 | asset_url}}) format("woff2");
  font-display: swap;
}

@font-face {
  font-family: Ogg Roman;
  src: url({{ Ogg-Roman.woff2 | asset_url}}) format("woff2");
  font-display: swap;
}


  @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');


h1, h2, h3, h4, h5, h6, p {
}
/* GLOBAL HEADER */

.notification-bar__message {
    font-family: var(--header-font-stack) !important;
    font-size: 14px !important;
  	font-weight: 700 !important;
  	text-transform: none !important;
  	letter-spacing: 0 !important;
    padding: 12px 15px !important;
}

.nav-label, .nav-pills, .mega-menu-block, .h4, .dropdown-submenu__link {
  	font-size: 15px;
}

.nav>li.mega-menu .dropdown-menu .mega-menu-block .h4 {
  font-weight: 800;
}

.dropdown-submenu__link {
	 font-size: 13px !important;
}

.nav > li.mega-menu .mega-menu--image .h5 {
		font-size: 26px;
}

#fsb_bar {
    font-family: var(--header-font-stack) !important;
    font-size: 14px !important;
  	font-weight: 700 !important;
  	text-transform: none !important;
  	letter-spacing: 0 !important;
  
}

/* GLOBAL STYLES */

.indiv-collection-grid-homepage .type-subheading--1 {
  background-color: #596759;
  padding: 20px;
  border-radius: 8px 0 8px 0;
  text-transform: uppercase;
}

.indiv-collection-grid-homepage .type-subheading--1 a {
  color: #F5EDE4 !important;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2px;
}

.jdgm-verified-badge {
  margin: 0 !important;
}

  @media (max-width: 575.98px) {

    .mobile-hide {
      display: none;
    }

  }

  @media (min-width: 576px) {

       .mobile-show {
      display: none;
    }
    
  }

.formFooter {display: none !important;}

.coming-soon-badge {
  background: #8F7383;
  color: #f5ede4;
}

.new-badge {
  background: #8F7383;
  color: #f5ede4;
}

.title-bar {
	padding-top: 40px;
}

/* HOMEPAGE */

h2.slideshow-fade-content {
  font-weight: 600;
}

.homepage-section--image .img {
	background-position: center center !important;
}

.title-bar {
  padding-bottom: 20px;
}


.type-subheading--1 {
  font-size: 20px; 
  line-height: 24px;
}

.home-blog-excerpt {
  font-size: 12px;
}


.jdgm-carousel-item__review-title {
 font-family: var(--header-font-stack);
  font-size: 24px; 
  padding: 20px 0;
}

.jdgm-carousel-item__review-body {
font-size:18px; 


}

/* COLLECTION PAGE */

.collection-header-wrapper {
  max-width: 1000px;
    margin: 20px auto 0 auto;
}

.collection-header-wrapper h2 {
    font-size: 48px;
  line-height: 56px;
}

.collection-header-wrapper p {
  font-size: 20px;
  line-height: 34px;
}

.description-content {
font-family: var(--header-font-stack);
color: #596759 !important;
}

@media (min-width: 769px) {

#Collection .product-grid {

Max-width: 80%;
Margin: auto;

}
}


/* PRODUCT PAGE */

.money {font-size: 22px;}


.product-description-header {
 
}


  
ul.pdp-desc {
  font-size: 0.9rem;
  line-height: 1.4rem;
  margin: 25px 0;
  list-style: none; /* Remove default bullets */
  padding-inline-start: 0px;
}

ul.pdp-desc li {
  margin-bottom: 10px;
}

ul.pdp-desc li::before {
  content: "//";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #A55638; /* Change the color */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.4em; /* Also needed for space (tweak if needed) */
  margin-left: 0em; /* Also needed for space (tweak if needed) */
}

.strengthshine {
  background-image:url("/cdn/shop/files/hair-texture-02.jpg?v=1662581729");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  background-color: #596759;
  padding: 80px 20px; 
  margin: 0;
  color: #F5EDE4;
  
  }

.keybenefits {
    background-color: #A55638;
  	background-image: url("");
    padding: 80px 80px; 
    color: #F5EDE4;
   
  }

.laundry-howto {
    background-color: #A55638;
  	background-image: url("");
    padding: 80px 80px; 
    color: #F5EDE4;
   
  }



.jdgm-prev-badge {
  padding: 20px 0 10px 0;
}

.rc-widget {
  padding: 20px 0 !important;
}

.product-page--submit-action {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

button#purchase {
  margin-bottom: 10px;
}

.jdgm-cf {
  text-align: left;
}






/* HOMEPAGE - SUSTAINABILITY SECTION */
  .home-sustainability {
    background-color: #8b7381;
    background-image: url('/cdn/shop/files/clouds.jpg?v=1602105775');
    background-repeat: no-repeat;
    background-position: 50% 30%;
    z-index: 4;
    margin-top:100px;
  }

 .home-sustainability-pillars {
    font-family: 'Pitch Sans Regular', Courier, monospace;
    color: #fbeae2 !important;
    font-size: .9rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 20px 10px;
  }
    

  .home-sustainability-bottom {
    background-color: #8b7381;
    width:100%;
    z-index: 1;
    margin-bottom: 0;

  }

  .home-ingredients {
    background-color: #596758;
    z-index: 0;
  }

  .home-ingredients-top {
    background-color: #596758;
    border-top-right-radius: 240px;
    padding: 3rem 4rem 0 4rem;
  }

    .home-ingredients-header {
      width: 60%;
      padding-top: 2rem;
    }

  @media (max-width: 575.98px) {

    .home-sustainability {
      background-size: fit;
      padding: 3rem 3rem 3rem 3rem;
    }
    .home-sustainability-bottom {
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
      margin-top: 0;
      height:100px;
      padding-top: 0;
    }
    

  }

  @media (min-width: 576px) {

    .home-sustainability {
      background-size: 80%;
      padding: 6rem 6rem 0rem 6rem;
    }
    
    .home-sustainability-bottom {
      border-bottom-left-radius:50%;
      border-bottom-right-radius:50%;
      height:400px;
      margin-top: -200px;
      margin-bottom: 4rem;
    }

  }


/* BOTTLE COUNT */


.bottlecount {
    background-color: #596759;
  	background-image: url("/cdn/shop/files/bottlecount-bg-01.jpg?v=1622767630");
    padding: 0 20px 40px 20px;
    border-top: 1px solid #8b7381 !important;
    border-bottom: 1px solid #8b7381;
  
  }

#bottlecount-number {
  font-family: var(--header-font-stack) !important;
  color: #F5EDE4 !important;
  font-size: 100px !important; 
  }

#bottlecount-number::after {
  content: counter(count);
  animation: counter 1s ease-out;
  animation-delay: 3s;
    counter-reset: count 976622;
	}

@keyframes counter {
  0% {
    counter-increment: count 0;
  }
  10% {
    counter-increment: count 705;
  }
  20% {
    counter-increment: count 1210;
  } 
  30% {
    counter-increment: count 2315;
  }
  40% {
    counter-increment: count 5820;
  }
  50% {
    counter-increment: count 8525;
  }  
  60% {
    counter-increment: count 14230;
  }  
  70% {
    counter-increment: count 19435;
  } 
  75% {
    counter-increment: count 24245;
  } 
  80% {
    counter-increment: count 48640;
  }    
  85% {
    counter-increment: count 89053;
  }
  90% {
    counter-increment: count 143945;
  }  
  95% {
    counter-increment: count 309982;
  }
  100% {
    counter-increment: count 417130;
  }
  
}



/* OUR STORY PAGE */

  .ourstory-hero {
    background-image: linear-gradient(140deg,
      rgba(251,234,226,0), rgba(251,234,226,0.10), rgba(251,234,226,0.20), rgba(251,234,226,0.30),rgba(251,234,226,0.40),
      rgba(244,172,108,.05), rgba(244,172,108,.15), rgba(244,172,108,.25),
      rgba(252,114,114,.20), rgba(252,114,114,.10), rgba(252,114,114,.05),
      rgba(251,234,226,0.40), rgba(251,234,226,0.30), rgba(251,234,226,0.20), rgba(251,234,226,0.10), rgba(251,234,226,0));
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: #F5EDE4;
    z-index: -1000;
    margin-top: -50px;
}

  .ourstory-hero-text {
    font-family: 'Ogg Roman', Garamond, serif;
    color: #b76646;
    text-align: center;
    font-size: 38px;
    line-height: 56px;
  }

  .ourstory-weare-top {
    background-color: #596758;
    margin-top: 40px;
  }

  @media (max-width: 767.98px) {
 
	.ourstory-hero {
    padding: 2rem 20px 3rem 20px;
    margin-top: 0rem;
    margin-bottom: 0rem;
	}        
    .ourstory-weare-top {
      padding: 4rem 2rem 0rem 2rem;
    }
  }

@media (min-width: 768px) {
    .ourstory-weare-top {
      border-radius: 50% 50% 0 0;
      padding: 80px 20px 0 20px;
    }
  }

  .ourstory-weare {
    background-color: #596758;
    padding: 2rem 2rem 4rem 2rem;
  }

  .ourstory-weare-pillars {
    font-family: 'Pitch Sans Regular', Courier, monospace;
    color: #fbeae2;
    font-size: .9rem;
    line-height: 1.5rem;
    text-align: center;
    padding: 1rem 3rem;
  }

.ourstory-founders {
	margin-bottom: 100px; 
	margin-top: 160px;
}

.ourstory-founders-copy {
  background-color: #8b7381; 
  border-bottom-left-radius: 150px; 
  padding: 3rem 3rem; 
  max-width: 420px;
}

.ourstory-founders-image {
  margin-top: -3rem; 
  margin-left: 0rem; 
  margin-right: auto;
  padding-bottom: 3rem;
}

.ourstory-founders-image img {
  max-width: 100%;
}

  p.ourstory-founders {
    font-family: 'Pitch Sans Regular', Courier, monospace;
    font-size: 0.9rem;
    line-height: 24px;
    color: #000000;
    text-align: center;
    padding: 2rem 0;
  }

  .ourstory-founders-quote {
  font-family: 'Ogg Roman', Garamond, serif !important;
  font-size: 30px;
  line-height: 48px;
  color: #b76646;
  text-align: left;
  padding-left: 4rem;
  padding-right: 4rem;

    
}


  @media (max-width: 767.98px) {
    
    .ourstory-founders {
	margin-bottom: 100px; 
	margin-top: 60px;
}

    .ourstory-founders-copy {
  background-color: #8b7381; 
  border-bottom-left-radius: 150px; 
  padding: 3rem 3rem; 
  z-index: 0; 
  max-width: 100%;
}

.ourstory-founders-image {
  margin-top: 0rem; 
  margin-left: auto;
  margin-right: auto;
}
 
  .ourstory-founders-quote {
  font-family: 'Ogg Roman', Garamond, serif !important;
  font-size: 24px;
  line-height: 40px;
  color: #b76646;
  text-align: left;
  padding-left: 1rem;
  padding-right: 1rem;
    
}    
    
  }

/* SUSTAINABILITY PAGE */

#sustainability-hero {
  position: relative;
  background-color: #F5EDE4;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

#sustainability-hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

#sustainability-hero .container {
  position: relative;
  z-index: 2;
}

#sustainability-hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:
  linear-gradient(
    rgba(251, 234, 226, 0.55),
    rgba(251, 234, 226, 0.8),
    rgba(251, 234, 226, 0.9),
    rgba(251, 234, 226, 0.8),
    rgba(251, 234, 226, 0.7)
  );
  z-index: 1;
}

  #sustainability-hero-mobile {
    position: relative;
	background: url('/cdn/shop/files/clouds.jpg?v=1602105775');
    background-position: center top;
    background-size: cover;
    background-color: transparent;
    z-index: 0;
  }

  #sustainability-hero-mobile .container {
  	position: relative;
    z-index: 2;
  }


#sustainability-hero-mobile .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:
  linear-gradient(
    rgba(251, 234, 226, 0.55),
    rgba(251, 234, 226, 0.8),
    rgba(251, 234, 226, 0.9),
    rgba(251, 234, 226, 0.8),
    rgba(251, 234, 226, 0.7)
  );
  z-index: 1;
}



.sustainability-hero-text {
  font-family: 'Ogg Roman', Garamond, serif;
  color: #596758;
  text-align: center;
  font-size: 2.2rem;
  line-height: 3.2rem;
  text-shadow: 2px 2px 4px #BFBBB5;
}

div#sustainability-counter {
  font-family: 'Ogg Roman', Garamond, serif;
  color: #596758;
  text-align: center;
  font-size: 6rem;
  line-height: 4.8rem;
  letter-spacing: .4rem;

}

.sustainability-weare {
  background-image: linear-gradient(175deg,
    rgba(244,172,108,0),
    rgba(244,172,108,.01),
    rgba(244,172,108,.05),
    rgba(244,172,108,.08),
    rgba(244,172,108,.18),
    rgba(244,172,108,.2),
    rgba(252,114,114,.2),
    rgba(252,114,114,.12),
    rgba(252,114,114,.08),
    rgba(252,114,114,.05),
    rgba(252,114,114,.01),
    rgba(252,114,114,0)
  );
  
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  padding-top: 55rem;
  margin-top: -50rem;
  padding-bottom: 55rem;
  margin-bottom: -50rem;
  z-index: 0 !important;
}

.sustainability-wehearyou p {
    font-family: var(--header-font-stack) !important;
    font-size: 22px;
    line-height: 30px;
}

.sustainability-weare p {
  	font-family: 'Ogg Roman', Garamond, serif;
font-size: 32px;
  line-height: 40px;
}

.sust-leavenotrace-title p {
	font-family: 'Ogg Roman', Garamond, serif;
    font-size: 60px;
    line-height: 72px;
    text-align: right;
  	margin-right: 0;
  	margin-left: auto;

}

.sust-leavenotrace-copy p {
	font-size: 22px;
    line-height: 30px;
    text-align: left;
  	margin-right: auto;
  	margin-left: 0;
}

.sust-pract-title p {
  font-size: 24px !important;
  line-height: 32px;
  color: #ff0000;
}

.sust-imgsect-left {
  margin-top: 1rem; 
  margin-bottom: 0; 
  margin-right: -3rem;
  margin-left: auto;
  width: 80%;

}

.sust-imgsect-left img {
  width: 100%;

}

.sust-copysect-right {
  border-bottom-right-radius: 150px; 
  padding: 3rem 4rem; 
  z-index: 0; 
  width: 80%;
}

.sust-imgsect-right {
  margin-top: 1rem; 
  margin-bottom: 0;
  margin-right: auto;
  margin-left: -3rem;
  width: 80%;

}

.sust-imgsect-right img {
  width: 100%;

}

.sust-copysect-left {
  border-bottom-left-radius: 150px; 
  padding: 3rem 4rem; 
  margin-right: 0;
  margin-left: auto;
  z-index: 0; 
  width: 80%;
}


@media (max-width: 767.98px) {

.sust-leavenotrace-title h2 {
	text-align: center;
  	margin-right: auto;
  	margin-left: auto;
}

.sust-leavenotrace-copy p {
	text-align: center;
  	margin-right: auto;
  	margin-left: auto;
    padding: 2rem 2rem 0rem 2rem;

}
  
.sust-imgsect-left {
  margin-top: 1rem; 
  margin-bottom: 1rem;  
  margin-right: auto;
  margin-left: auto;
  width: 80%;

}
  

.sust-copysect-right {
  border-bottom-right-radius: 150px; 
  padding: 3rem 2rem; 
  z-index: 0; 
  width: 90%;
}

.sust-imgsect-right {
  margin-top: 1rem; 
  margin-bottom: 1rem;
  margin-right: auto;
  margin-left: auto;
  width:80%;

}

.sust-copysect-left {
  border-bottom-left-radius: 150px; 
  padding: 3rem 2rem; 
  z-index: 0; 
  width: 90%;
}
  
}


/* INGREDIENTS PAGE  */

.ingredients-hero {
    padding-top: 100px;
    padding-bottom: 80px;
    z-index: -1000;
}

 @media (max-width: 767.98px) {
 
	.ingredients-hero {
    padding: 2rem 20px 3rem 20px;
    margin-top: 0rem;
    margin-bottom: 0rem;
	}        
 }

.ingredients-hero-text {
  font-family: 'Ogg Roman', Garamond, serif;
  color: #8b7381;
  text-align: center;
  font-size: 3rem;
  line-height: 4.8rem;
    padding-left: 1.4rem;
  padding-right: 1.4rem;
}

.ingredients-pillars-top {
  background-color: #8b7381;
}

.ingredients-pillars {
  background-color: #8b7381;
  padding: 2rem 1rem 4rem 1rem;
}

.ingredients-pillars-hdr {
  font-family: 'Ogg Roman', Garamond, serif;
  color: #fbeae2;
  font-size: 1.2rem;
  line-height: 2rem;
  letter-spacing: .1rem;
  text-align: center;
  margin-bottom: 1rem;
}

.staggered-col-1 {
  margin-top:  0;
}
.staggered-col-2 {
  margin-top:  80px;
}
.staggered-col-3 {
  margin-top:  160px;
}

.ingredients-pillars-desc {
  font-family: 'Pitch Sans Regular', Courier, monospace;
  color: #fbeae2;
  font-size: .9rem;
  line-height: 1.5rem;
  text-align: justify;
  text-align-last: right;
  padding: 1rem 3rem;
}


@media (max-width: 767.98px) {
  .ingredients-pillars-top {
    padding: 4rem 2rem 0rem 2rem;
  }
  .staggered-col-1 {
    margin-top:  0;
  }
  .staggered-col-2 {
    margin-top:  0;
  }
  .staggered-col-3 {
    margin-top:  0;
  }
}
@media (min-width: 768px) {
  .ingredients-pillars-top {
    border-radius: 100% 100% 0 0;
    padding: 6rem 2rem 0rem 2rem;
  }
  .staggered-col-1 {
    margin-top:  0;
  }
  .staggered-col-2 {
    margin-top:  80px;
  }
  .staggered-col-3 {
    margin-top:  160px;
  }
}

.ingredients-synergy {
  background:
  linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.15)
  ),
  url('images/homehero_bg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 4rem;
  width: 90%;

}



/* BOLD Store Locator App */

.search_bar {
	background: none repeat scroll 0 0 ##F5EDE4 !important;
    background-color: #F5EDE4 !important;
	font-family: 'pitch sans regular';
  	font-size: 0.8rem;
}

.search_bar select{
  display: inline-block;
width: 100px;

}

.search_bar button {
    -moz-box-shadow: inset 0px 0px 0px 0px #aba9ab !important;
    -webkit-box-shadow: inset 0px 0px 0px 0px #aba9ab !important;
    box-shadow: inset 0px 0px 0px 0px #aba9ab !important;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #596759), color-stop(1, #596759) ) !important;
    background: -moz-linear-gradient( center top, #596759 5%, #596759 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#596759', endColorstr='#596759') !important;
    background-color: #596759  !important;
    -moz-border-radius: 6px 0 6px 0 !important;
    -webkit-border-radius: 6px 0 6px 0 !important;
    border-radius: 6px 0 6px 0 !important;
    border: 0px solid #030303 !important;
    display: inline-block;
    color: #f5f5f5;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 30px !important;
    text-decoration: none;
    text-shadow: 1px 1px 0px #524f52;
    margin-left: 10px;
  font-family: 'Pitch Sans Regular', Courier New, monospace !important;
}

.search_bar button:hover {
     background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8F7383), color-stop(1, #8F7383) ) !important;
    background: -moz-linear-gradient( center top, #8F7383 5%, #8F7383 100% ) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8F7383', endColorstr='#8F7383') !important;
    background-color: #8F7383  !important;
}

.search_bar #submitBtn {
  margin-top: 0;
}

.search_bar .search_filters {
    border-top: 0px solid #E5E5E5;
}
.search_bar .search_limit {display: none;}

.bndlr-automatic {
    display: none;
} 

.preorder-box p{
    background-color: #a56538;
    color: #fff;
    padding: 15px;
    border-radius: 4px;
}


.compare-at-price-with-price-label.price-label {
  font-weight: 700;
  text-decoration: line-through;
  margin-right: 10px;
  opacity: .8;
}
.rc-widget .rc-radio .rc-radio__label .price-label {
  margin-right: 5px !important;
}