/* 
BASE STYLES 
DESIGN FOR MOBILE FIRST
*/

.grid-container{
  max-width: 1820px;
}

header .header-table.py3{
  padding-bottom: 10px;
  padding-top: 20px;
}

a:hover {
  color: inherit;
}

body, a { 
  color: #2D2B26;
  font-family:'creolight' !important;
}

h1, 
.h1 {
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-size: 3.2rem;
  line-height: 1.2;
}

h2,
.h2{
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-size: 2.9rem;
  line-height: 1.2;
  text-transform: uppercase;
}

h3,
.h3{
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-size: 2.5rem;
  line-height: 1.2;
}

h4,
.h4{
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-size: 32px;
  text-transform: uppercase;
}

h6,
.h6 {
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-size: 22px;
}

hr {
  border-color: #FAF0DD;
}

.intro {
  color: #2D2B26;
  font-family: 'creolight'!important;
  font-size: 22px;
  font-weight: bold;
}

.meta {
  color: #2D2B26;
  font-family: 'creobold'!important;
  font-size: 14px;
  text-transform: uppercase;
}

.meta-green {
  color: #596621;
  font-family: 'creobold'!important;
  font-size: 14px;
  padding-top: 20px;
  text-transform: uppercase;
}

/* BASE STYLES */

li.mobile-nav__item a,
.mobile-navigation__pane{
  font-family: 'creobold' !important;
}

.announcement-bar__message{
  color: #2D2B26;
  font-family: 'creolight';
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.all-caps{
  text-transform: uppercase;
}

/* HERO */
.hero{
  height: 100%;
  overflow: hidden;
}

.hero__product img{
  width: 200px;
}

.hero__grid {
  position: absolute;
  top: 20%;
  width: 100%;
}

.hero__content h1{
  margin: 0;
}

.hero__content .btn-primary{
  margin: 20px 0 0 0;
}

.hero__product{
  text-align: center;
}

.hero__video{
  position: relative;
  margin: -100px 0 0 0;
  min-height: 100%;
  width: 100%;
  z-index: 0;
}
/* HERO */


/* ACCORDION CSS */
.accordion{
  background-color: transparent;
  margin: 0;
}

.accordion-content{
  background-color: #FFF7E8; 
  border: none;
}

.accordion-item:first-child > :first-child {
  border-top: 1px solid #596621;
  border-bottom: 1px solid #596621;
}

.accordion-item p{
  margin: 0;
}

.accordion-title p{
  margin-left: 30px;
}

.accordion-title{
  border: none;
  border-bottom: 1px solid #596621;
  margin-bottom: 0px;
}

.accordion-title::before{
  background: url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/bullet.png?v=1593024324');
  background-size: 100%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block; 
  height: 20px;
  left: 12px;
  position: absolute;
  width: 20px;
}

.accordion-title:hover{
  background-color: #D9DB9C;
}

.accordion-title:focus{
  background-color: #D9DB9C;
} 

.is-active>.accordion-title::before{
  content: ""; 
}

:last-child:not(.is-active) > .accordion-title{
  border: none;
}
/* ACCORDION CSS */

.blobs-left img{
  height: auto;
  margin: 20px 0 0 80px;
  position: absolute;
  width: 200px;
}

.blobs-right img{
  height: auto;
  margin-left: 80px;
  position: absolute;
  width: 360px;
}

.blog-grid-item{
  text-align: left;
}

/* BUTTONS START */
.btn-add-to-cart{
  background-color: #FFF7E8;
  border: none;
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-size: 22px; 
  padding: 14px 40px;
  text-transform: uppercase;
}

.btn-buy-now{
  background-color: #2A2A2A;
  border: none;
  color: #FFF7E8;
  font-family: 'creoextrabold'!important;
  font-size: 22px; 
  padding: 14px 40px;
  text-transform: uppercase;
}

.btn-primary{
  background-color: #596621;
  border: none;
  color: #FFF7E8;
  display: inline-block;
  font-family: 'creoextrabold'!important;
  font-size: 22px; 
  padding: 14px 40px;
  text-transform: uppercase;
}

.btn-primary-full{
  background-color: #596621;
  border: none;
  color: #FFF7E8;
  font-family: 'creoextrabold'!important;
  font-size: 22px; 
  padding: 14px 40px;
  text-transform: uppercase;
  width: 100%;
}

.btn-primary:hover{
  background-color: #404A16;
  color: #FFF7E8;
}

.btn-reverse{
  background-color: #FFF7E8;
  border: none;
  color: #DEA373;
  font-family: 'creoextrabold'!important;
  font-size: 22px;
  line-height: normal;
  padding: 10px 30px;
  height: 45px;
  text-transform: uppercase;
  width: 170px;
}

.btn-reverse:hover{
  background-color: #FFF0D4;
}

.shopify-payment-button__button{
  background: #000;
  border-radius: 0 !important;
  font-family: 'creoextrabold';
  margin: 0 !important;
  padding: 14px 40px;
  width: inherit !important;
}

.shopify-payment-button__button--branded{
  display: inline-block !important;
  padding: 10px 20px;
}
/* BUTTONS ENDS */

select, 
.disclosure__toggle{
  display: none;
}

.claims{
  padding-top: 100px;
}

.claims > .grid-container{
  max-width: 1000px;
}

.claims__column p{
  color: #596621;
  font-family: 'creobold'!important;
  font-size: 16px;
  line-height: 1.2;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
}

.claims__image {
  text-align: center;
}

.claims__image img{
  height: 150px;
  margin: auto;

}

.contact__intro {
  padding: 10px 50px 0 0; 
}

.custom-two-c > .grid-container{
  max-width: 1200px;
}

.custom-two-c {
  padding: 150px 0 250px 0;
}

.custom-two-c__cta {
  margin-top: 40px;
}

.custom-two-c__img {
  max-width: 400px;
  padding-top: 10px;
}

.decroation-none {
  text-decoration: none;
}

.faq-callout {
  padding: 40px 0 10px 0;
}

.faq-custom__title {
  padding-bottom: 20px;
}

.faq-custom__wrapper {
  margin: 100px 0;
}

.feature-product__image {
/*   margin: 80px 0 0 0; */
  max-width: 500px;
}

.feel-good {
  padding: 40px 0 0 0;
  position: relative;
}

.feel-good__video{
  background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/footer-bg.svg?v=1591200783');
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  width: 100%;
}

.feel-good__content {
  display: inline-block;
  left: 0;
  margin: auto;
  padding-top: 80px;
  position: absolute;
  right: 0;
  top: 10%;
  width: 48%;
}


.feel-good__disclaimer{
  font-size: 14px;
  font-style: italic;
}

.footer__bg {
  background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/footer-bg.svg?v=1591200783');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0 40px;
}

.footer__disclaimer{
  border: #FFF7E8 1px solid;
  color: #FFF7E8;
  font-size: .8rem;
  padding: 10px 20px;
  text-align: center;
}

.footer__disclaimer p{
  font-size: .7rem;
  margin: 0;
}

.footer__nav-link{
  line-height: 1.2;
  text-transform: uppercase;
}

.footer__list div{
  float: none;
  padding-left: 0px;
  width: 100%;
}

.footer-logo__badge{
  padding-left: 30px;
}
 
.footer__meta{
  color: #FFF7E8;
  font-size: 10px;
  margin-top: 100px;
}

.footer__meta a{
  color: #FFF7E8;
  font-size: 10px;
}

.footer-nav ul li{
  display: inline-block;
}

.footer__nav-link-span {
  color: #FFF7E8;
  font-family: 'creoextrabold'!important;
  font-size: 20px;
  font-weight: 900;
}

.footer__social a {
  color: #FFF7E8;
}

.footer__social :hover{
  color: #FFF7E8;
}

.footer__social :focus{
  color: #FFF7E8;
}

.green-blobs {
  position: absolute;
  margin: -150px 0 0 120px;
  width: 120px;
}

.homepage__hero-bg {
  background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/PYM_002_Animation-Header.mp4?v=1591299252');
  background-repeat: no-repeat;
  background-size: cover;
}

.homepage-blog__title {
  margin-bottom: 40px;
}

.icon-next {
 -webkit-animation: arrow-jump 1s infinite;
  -moz-animation:    arrow-jump 1s infinite
  -o-animation:      arrow-jump 1s infinite;
  animation:         arrow-jump 1s infinite;
}

#ImageWrapper-9552387735701-0 {
  max-width: 300px;
}

main#MainContent{
  padding-bottom: 100px;
}

.js-qty-wrapper .js-qty {
  border: 1px solid rgb(42, 42, 42);
  height: 40px;
  width: 130px;
}

.js-qty__num {
  height:35px;
}

.label {
  background: none;
  color: #2D2B26;
  font-family: 'creobold'!important;
  font-size: 14px;
  text-transform: uppercase;
}

.logo-badge {
  animation: rotation 50s infinite linear;
  margin: -35px 0px 0px -28px;
  position: absolute;
  transform-origin: center;
}

.margin-none {
  margin: 0px;
}

.mb3 {
  margin-bottom: 0rem;
}

.nav__item a{
  color: #2D2B26;
  font-family: 'creoextrabold'!important;
  font-weight: 900;
  text-align: center;
}

.nav__item a:hover{
  color: #2D2B26;
}

select#SingleOptionSelector-0{
  border-color: #2D2B26;
}

.newsletter--bg {
  background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/newsletter-bg.svg?v=1591298489');
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -50px;
}

.newsletter__form .input-group .input-group-field{
  background-color: #fff;
  border: none;
  height: 45px;
}

.newsletter__heading {
  color: #FFF7E8;
}

.pagination a{
  color: #2D2B26;
  font-family: 'creobold'!important;
  font-size: 14px;
  text-transform: uppercase;
}

.page__sharing {
  margin-left: 0px;
}

.product__claims-spacing {
  margin: 20px 0px;
}

.product__claims-spacing-top img{
  height: 120px;
}

.product__claims-spacing img{
  height: 120px;
}

.product-custom__image-left {
  margin-bottom: 150px;
  margin-top: 100px;
}

.product-custom__image-right {
  margin-top: 100px;
}

.product-custom__secondary-info {
  margin-top: 80px;
}

.product-feature__bg {
  background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/product-bg_5cada4ab-ebed-42f7-9aa8-a5a1e35199e7.svg?v=1591890610');
  background-repeat: no-repeat;
  background-size: cover;
}

.product-feature [type='text']:focus{
  background: transparent;
}

.product-feature label{
  font-weight: bold;
}

.product__description p:first-of-type{
  color: #2D2B26;
  font-family: 'creolight'!important;
  font-size: 22px;
  font-weight: bold;
}

.product-feature__description p{
  margin-bottom: 0;
  padding-left: 0;
}

.product-page__description p{
  margin-bottom: 0px;
  padding: .25rem;
}

.quick-shop__form {
  margin-top: 0px;
}

.red-blobs {
  margin: 400px -200px;
  position: absolute;
  width: 120px;
}

.payment-button-wrapper .shopify-payment-button__more-options {
  display: none;
}

.mt2.payment-button-wrapper.color--secondary{
  margin-bottom: 10px;
}

.page__sharing .label{
  padding: 0;
}

.text-cosmic {
  color: #FFF7E8;
}

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

.post-footer{
  font-size: .6rem;
  margin-top: 50px;
  padding-top: 10px;
  width: 100%;
}

.post-footer a,
.post-footer{
  color: #FFF;
}

.post-footer__right{
  float: right;
  text-align: right;
  width: 50%;
}

.post-footer__left{
  float: left;
  text-align: left;
  width: 50%;
}


/* KEYFRAMES */

@-webkit-keyframes arrow-jump {
  0%   { opacity: 0;}
  100% { opacity: 1; 
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
    }  
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 

/* KEYFRAMES */

/* MEDIA QUERIES */
@media only screen and (max-width: 640px) {
  h1,.h1{
    font-size: 2.4rem;
  }
  
  h2,
  .h2{
    font-size: 2.0rem;
  }
 
  .blobs-left img{
    display: none;
  }
  
  .blobs-right img{
    display: none;
  }
  
  .custom-two-c__content{
    padding-top: 20px;
  }
  
   .custom-two-c__img{
    width: 85%;
  }

  .faq-custom__wrapper{
    margin: 100px 0px 150px 0px;
  }
  
  .feature-product__image{
    max-width: 350px;
  }
  
  .feel-good{
    min-height: 700px;
    padding-bottom: 0px;
  }
  
  .feel-good__content{
    padding: 60 0 30px 0;
    width: 80%
  }
  
  .feel-good__video {
    display: none;
  }
  
 .post-footer{
    padding-bottom: 40px;
    text-align: center;
  }
  
  .footer__credit .footer__meta{
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  
  .post-footer__left{
    float: none;
    padding: 0 0 50px 0;
    text-align: center;
    width: 100%;
  }
  
  .footer__credit{
    width: 100%;
  }
  
  .footer__bg{
  	background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/footer-bg-mobile.svg?v=1591381957');
  	background-repeat: no-repeat;
 	background-size: cover;
  	padding: 150px 0 0 0;
  }
  
  .footer__grid .grid__item{
    text-align: center;
  }
  
  .footer__social .list--reset{
    text-align: center;
  }
  
  .footer__social .inline-block{
    display: block;
  }
  
  .footer__social .grid__item{
    padding-left: 0;
  }
  
  .footer_main .one-third{
    display: inline-block;
    left: 0;
    margin-bottom: 40px;
    right: 0;
    width: 100%;
  }
  
  .footer-logo__badge{
    margin-bottom: 70px;
  	padding-left: 0;
    text-align: center;
  }
  
  .green-blobs {
    margin: -120px 0 0 120px;
  }
  
  .hero__grid{
    position: inherit;
  }
  
  .hero__product{
    margin-top: -300px;
    position: relative;
  }
  
  .hero__content{
    margin-top: 10%;
    text-align: center;
  }
   
  .newsletter .input-group-btn{
    float: left;
    margin-top: 20px;
    padding-left: 0; 
  }
  
  .newsletter .pb3{
    padding-bottom: 0;
  }	
  
  .feature-product__image{
    margin-bottom: -80px;
  }
  
  .product__claims-spacing{
    margin: 20px 0;
  }
  
  .product__claims-wrapper{
    margin-top: 100px;  
  }
  
  .product-custom__image-left{
    margin-bottom: 40px;
  }
  
  .product-custom__image-right{
    margin-top: 0;
  }
  
  .product-feature__bg {
    background-image:url('https://cdn.shopify.com/s/files/1/0331/2094/4263/files/product-bg-small.svg?v=1592849251');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .red-blobs {
    margin: 400px -150px;
  }
  
  img.product-custom__image-right{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 300px;
  }
  .product-custom__image-left{
    display: block;
    margin-top: -50px;
    text-align: center;
    width: 300px;
  }
}

@media only screen and (max-width: 768px){
  .hero__video{
  	height: 400px;
  }
  .custom-two-c__img{
  	width: 320px;
  }
  .custom-two-c{
  	padding: 100px 0
  }
  .footer-nav{
    margin-bottom: 20px;
  }
  .footer-nav ul li{
  	display: block;
  }
  .footer__disclaimer{
	 margin-top: 20px;
  }
}

@media only screen and (min-width: 641px) {
  .product__claims-wrapper{
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1024px) {
 .hero__product img{
    width: 320px;
  }
}

@media only screen and (min-width: 2500px) {
  .feel-good__video{
    width: 70%;
  }
  .feel-good__content{
    width: 23%;
  }
}


@media only screen and (max-width: 1080px){
  
   .feel-good__content {
    padding-bottom: 80px;
    position: revert;
    width: 80%
  }
  .feel-good__video {
    display: none;
  }
}

.rc_block__type--active {
 background-color: #ADB05C !important; 
}

.rc_label {
font-weight: bold;
  color: black !important;
}