/** Shopify CDN: Minification failed

Line 2470:0 Unexpected "}"
Line 3222:0 Unexpected "}"
Line 5579:1 Expected "}" to go with "{"

**/
/*html {
    height: 100%;
    overflow-y: scroll;
    font-size: 62.5%;
}
*/
/*********** HEADER ***********/

body{ font-size: 14px; font-family: 'Montserrat', sans-serif; }
h1,h2,h3,h4,h5,h6, p{ margin: 0; }
textarea{ resize: none;}

.desktop--hide{ display: none;}


.main-content{ overflow: hidden; position: relative; }

/*h1.headline-font, h2.headline-font, h3.headline-font,h4.headline-font,h5.headline-font, h6.headline-font{ 
  font-family: 'Rustico', cursive; font-weight: 100;
  text-transform: uppercase;
}*/

h1.headline-font, h2.headline-font, h3.headline-font,h4.headline-font,h5.headline-font, h6.headline-font{ 
  font-family: 'Gazpacho';
  font-weight: bold;
  text-transform: capitalize !important;
}

h1.headline-font{font-size: 5.5vw; line-height: 100%; }
h2.headline-font{font-size: 5vw; letter-spacing: .15vw; line-height: 100%; } 
h3.headline-font{font-size: 3vw; text-transform:uppercase; text-align:center; line-height: 100%; }
h4.headline-font{font-size: 4vw; line-height: 100%; }
h5.headline-font{font-size: 2.5vw; line-height: 100%; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /*border: inherit;
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow:none;*/
  transition: background-color 5000s ease-in-out 0s;
  background-color: #FFF;
}
.text-shadow{  text-shadow: 4px 4px 10px rgb(0 0 0 / 50%); }

.reset-Button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
}

/* Remove excess padding and border in Firefox 4+ */
&::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.klaviyo-form-version-cid_3 {
    width: 100% !important;
    padding: 2rem 40% 2rem 3rem !important;
  	background-image: url(/cdn/shop/files/pop_up_desktop.jpg?v=1617256558) !important;
    background-size: contain !important;
    background-position: center right !important;
}

.klaviyo-form-version-cid_3 .ql-editor p {
    font-size: .8rem !important;
    color: #444444 !important;
  	font-family: "Montserrat", sans-serif !important;
}
.klaviyo-form-version-cid_3 .ql-editor p a{
    font-size: .8rem !important;
    color: #444444 !important;
  	font-weight: 500;
    font-family: "Montserrat", sans-serif !important;
}
.klaviyo-form-version-cid_3 button{ width: 10rem !important; margin: 0 auto !important; }
.klaviyo-form-version-cid_3 input {border-radius: .5rem !important;}
.bgr-red{ background-color:#000000; }
.bgr-gray{ background-color:#FBFBFB; }

.center{ text-align: center; }

div#PageContainer {
    padding-top: 6.2vw;
}

*:focus {
    outline: none;
}

.btn{ 
	font-size: 1vw;
    border-radius: .6vw;
    padding: 1.2vw 4vw;
    color: #000000;
    font-weight: 600;
    border-width: 0.2vw;
}
.shopify-challenge__container .shopify-challenge__button {
    background-color: #000000;
    color: #fff;
    border: .15vw solid #000000;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}
.shopify-challenge__container .shopify-challenge__button:hover {
    background-color: #fff;
    color: #000000 ;
}


.shopify-challenge__container {
    height: 30vw;
    padding: 8vw 0px;
}


.btn-white{ background-color:#fff; color: #000000;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}

.btn-red{ background-color:#000000; color: #fff;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}

.btn-white:hover{ background-color:#000000; color: #fff; }
.btn-red:hover{ background-color:#fff; color: #000000; }
.trans-over:hover{  background-color:#000000; border-color: #fff;}

.btn-corner--left{position: absolute; bottom: 4vw; left: 5vw;}

.center_btn{ margin: 0 auto; display: block; width: 40%;}

.breadcrumbs{ padding:2vw 1vw 1vw 4.5vw;}

.bread_return_btn {
    display: block;
    font-size: 1.2vw;
    padding-left: 4vw;
    background-position: 1% 50%;
    background-repeat: no-repeat;
    background-size: 2.5%;
    background-image: url(/cdn/shop/files/back_mobile_menu.svg?v=1616289258);
    -webkit-transition: background-position .25s ease-out;
    -moz-transition: background-position .25s ease-out;
    -o-transition: background-position .25s ease-out;
    transition: background-position .25s ease-out;
}

.bread_return_btn:hover {
    background-position: 0% 50%;
}

.transparent__bgr{ background-color: rgb(255 255 255 / 0%); border: 0.2vw solid #000000; 
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}
.transparent__bgr:hover{ background-color: #000000; color: #fff;  }

.transparent__redbgr{ background-color: rgb(255 255 255 / 0%); border: 0.2vw solid #fff;  color: #fff;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}
.transparent__redbgr:hover{ background-color: #FFF; color: #000000;  }


.white-font, .white-font p{ color: #fff; }
.red-font, .red-font p{ color: #000000; }
.grey-font, .grey-font p{ color: #444444; }

.responsive-img{ width:100%; }

#bttn-search--icon{
    width: 1.5vw;
    height: 1.5vw;
    cursor: pointer;
    display: block;
    margin-right: 1.5vw;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    appearance: none;
    background-color: #34A798;
    border: none;
}

.announcement-bar{ background-color: #701706; position:relative; /*max-height: 2.8vw;*/ }
.announcement-bar p.announcement-bar__message{ color:#fff; font-weight: 500; font-size: .9vw; padding-top: .6vw; padding-left: 26vw; padding-bottom: .6vw; padding-right: 30vw; margin: 0;} 
.site-header { background-color: #000000; padding:0; /*max-height: 4.5vw;*/}

.announcement-store{
	position: absolute;
    color: #fff;
    display: block;
    top: .4vw;
    right: 4.3vw;
    font-weight: 600;
    padding: .3vw 0 .3vw 1.5vw;
    background-image: url(/cdn/shop/files/location-icon.svg?v=1618605124);
    background-repeat: no-repeat;
    /*background-size: 1vw;*/
    background-position: center left;
}

.icon-bgr{background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;}

.site-header__icons-wrapper {
    position: relative;
    margin-right: 3vw;
    margin-top: 1.2vw;
    display: flex;
}
.logo-header-wrapper{ width: 18%;}
.site-header__icons{ width: 18%;}

.site-header__logo{ font-size: 1.6vw; margin:.75vw 0 .75vw 3vw;  width: 8vw; }

.bar-header__account, .bar-header__cart{ 
    color: #fff;
    font-size: 1vw;
    line-height: 1.5vw;
    padding-left: 2vw;
    font-weight: 500;
    float: left;
    margin-top: 0;}

.bar-header__cart {margin-left: 1vw; position: relative; }
.bar-header__account{ background-size: 1.4vw; }
.site-header__cart-count {
    display: block;
    position: absolute;
    top: -0.4vw;
    font-weight: 700;
    background-color: #ffffff;
    color: #80200c;
    border-radius: 50%;
    width: 1vw;
    height: 1vw;
    left: 1vw;
    text-align: center;
    font-size: 1vw;
}
.nav--center{ width:50%;}

.header-icon-img{ width: 1.5rem; }

.site-menu .sub-menu__wrapper {
    background: white;
    opacity: 0;
    position: absolute;
    text-align: left;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    top: 4.3vw;
    left: 0;
    width: 100%;
    z-index: 99;
    visibility: hidden;
    pointer-events: none;
}

.site-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 100%;
    width: auto;
}

/*.header-menu-corner.grid__item {padding-left: 2.5vw;}*/
.header-menu-center {padding-left: 0; }

.list--inline > li {
    margin: 0 1vw;
}

.site-menu a, .site-menu--secondary a {
    display: block;
    font-size: 1.22vw;
    letter-spacing: .02vw;
    text-decoration: none;
}

.site-menu .menu-item--1 {
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 1vw 0;
    
}

.sub-menu-header {
    padding: 1.5vw;
}

ul#AccessibleNav {
    width: 29vw;
    margin: 0 auto;
}

#header-menu li.menu-item--2 {
    float: left;
    width: 20%;
    text-align: center;
    padding: 1vw;
}
#header-menu .site-menu .sub-menu2__wrapper{ text-align: center; }

#header-menu ul.sub-menu.sub-menu--1 {
    overflow: hidden;
}

li.menu-item--2 img {
    width: 80%;
}

.site-menu .menu-item--1 > a{ color:#fff; font-weight: 500; }
.site-menu .menu-item--1 > a.current-page{ font-weight: 700; }

.site-menu .menu-item--1:hover .sub-menu__wrapper, .site-menu .menu-item--active .sub-menu__wrapper, .site-menu .menu-item-open-sub-menu .sub-menu__wrapper {
    -webkit-box-shadow: 2px 2px 4px rgb(233 227 220 / 50%);
    box-shadow: 2px 2px 4px rgb(233 227 220 / 50%);
    opacity: 1;
    pointer-events: all;
    /*-webkit-transform: translateY(-2px);
    transform: translateY(-2px);*/
    visibility: visible;
}


.site-menu .sub-menu2__wrapper {
    text-align: left;
}


#header-menu .menu-item--2 > a {
    color: #000000;
    font-size: 1vw;
    font-weight: 500;
    margin-bottom: 1.2vw;
}

#header-menu .menu-item--3 a{ font-size: .87vw; color: #444444; line-height: 160%; }
#header-menu .menu-item--3 a:hover{ font-weight: 700; color: #000000; }


.shop-by--menu{ width: 100%; padding: 3vw;
  background-position: bottom center; background-size: cover; background-repeat: no-repeat;  
  height: 13.7vw; text-align:center; }

.shop-by--menu ul { overflow: hidden;  margin: 1vw auto;  width: 25vw; }
.shop-by--menu ul li{ float: left; margin: 0 1.2vw;}
.shop-by--menu ul li a {
    font-size: 1.2vw;
    color: #000000;
}

.shop-by--menu h5{ 
    padding: 1vw 1vw 1vw 1vw;
    background-position: bottom center;
    background-size: 5vw;
    background-repeat: no-repeat;
    text-transform: uppercase;
}



.all-topheader-wrapper{ width: 100%; height: calc(100vh - 6.9vw); 
	background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

div#shopify-section-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.big-title{ text-transform: uppercase; }

.big-text--wrapper.white-font {
    width: 54vw;
    margin-left: 6vw;
}


.header--text_box { width: 50%; font-size: 1.2vw;}
.header--text_box p{ margin-bottom: 1.5vw; }
.header--text_box a{color: #fff; padding-right: 3vw;
    background-position: right center;
    background-size: 2vw;
    background-repeat: no-repeat;
}

.nav-mobile {
    height: 0;
    position: absolute;
    top: 2.7rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: height .5s ease-out;
    -moz-transition: height .5s ease-out;
    -o-transition: height .5s ease-out;
    transition: height .5s ease-out;
}
.nav-mobile.active{
    height: 42rem;
}

.mobile-menu-l1{ width: 100vw; position: relative; padding: 2.5rem 1.5rem 0rem 1.5rem;}
.mobile-menu-l2{ width: 100vw; position: absolute; top: 0; left: 100vw; padding: 2.5rem 1.5rem 0rem 1.5rem;}
.mobile-menu-l3{ width: 100vw; position: absolute; top: 0; left: 200vw; padding: 2.5rem 1.5rem 0rem 1.5rem;}


.mobile-menu-l1.showL2{ }
.mobile-menu-l1.showL3{ }


.nav-mobile--main {
    width: 100%;
    height: 25rem;
}
.nav-mobile--main h5{ text-align: center;}
.mobile-menu-l1 ul li a{ font-size: 1.3rem; color: #000000; font-weight: 600; display:block; }
.mobile-menu-l2 ul li a{ font-size: 1.15rem;  }
.mobile-menu-l3 ul li a{ font-size: .9rem; color: #444;  }
.mobile-menu-l1 ul li {  margin-bottom: 1.5rem;}
.mobile-menu-l1 ul { margin-top: 1.5rem; }

.mobile-main-menu ul li.more-child:first-child{
    background-position: center right;
    background-size: 6% 70%;
    background-repeat: no-repeat;
    background-image: url(/cdn/shop/files/more_mobile_menu.svg?v=1616289258);
}

.nav-mobile--footer{
    width: 100%;
    background-image: url(/cdn/shop/t/1/assets/Blue_BG.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 4rem 0vw 4rem 0vw;
    position: relative;
    overflow: hidden;
}

.mobile-shop-by{ 
    width: 10rem;
    margin: 0 auto;
    text-align: center;
}

.mobile-shop-by h5 {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 50%;
    padding-bottom: 1rem;
}
.mobile-shop-by ul{ margin-top: 1rem;}
.mobile-shop-by ul li{ margin-bottom: .5rem;}
.mobile-shop-by ul li a{ font-size: 1rem; color: #000000; }

.nav-mobile-close{ 
    display: block; 
    width: 1.5rem; 
    height: 1.5rem; 
    position: absolute; 
    right: 1rem; 
    top: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/cdn/shop/files/close_mobile_menu.svg?v=1616289258);
    cursor: pointer;
    z-index: 10;
}
.nav-mobile-back{ 
    display: block; 
    width: 2rem; 
    height: 1.5rem; 
    position: absolute; 
    left: 1rem; 
    top: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/cdn/shop/files/back_mobile_menu.svg?v=1616289258);
    cursor: pointer;
}
#header-menu ul.sub-menu.sub-menu--1 {
  text-align:center;
}
#header-menu li.menu-item--2{
  float:none!important;
  display:inline-block;
}  
/*
.sub-menu-header > div{ float:left; min-height: 18rem; }
.sub-menu-header .sub-menu-header--categorie{ width: 14rem;}
.sub-menu-header .sub-menu-header--product{ width: 20rem;}
.sub-menu-header .sub-menu-header--shop{ width: 30rem;}
*/
/*********** FOOTER ***********/

.content-wrapper--large, .content-wrapper--medium, .content-wrapper--small {
    width: 100%;
    margin: auto;
    padding: 0 1vw;
}

.add-pad {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.site-menu--expanded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 4vw auto;
    width: 62vw;
}

.site-menu--expanded > li > a {
    color: #fff;
    font-size: 1.1vw;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 130%;
    letter-spacing: .02vw;
}

#shopify-section-footer .sub-menu__wrapper ul li a{ color: #fff; font-size: .9vw; }

/*.sub-menu__wrapper { margin-top: 0vw;}*/

#shopify-section-footer .sub-menu__wrapper { margin-top: 1vw;}

#shopify-section-footer .sub-menu.sub-menu--1{ position: relative; width: 13vw;  }

#shopify-section-footer .sub-menu.sub-menu--1 li{ margin-bottom: .5vw; }

.logo-footer-wrapper{ margin: 2vw auto; width: 90%; }

.site-footer__logo-image{width: 10vw; display: block;}

/*********** FIX ELEMENTS ***********/

[class*="index-section--flush"]:last-child {
    margin-bottom: 3rem;
}

.copy-content {
    margin-bottom: 0rem;
    border-top: 1.5px solid #fff;
    display: flex;
    justify-content: space-between;
}

.social--footer li {
    margin: 0 .12vw;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    vertical-align: middle;
}

.social--footer {
    padding: 0;
    width: 12vw;
}

.copy-footer {
    padding-top: .5vw;
}

.copy-footer p, .copy-footer a{ color:#fff; font-size: 1vw;}

.social--footer ul li img {
    width: 2.35vw;
}

/*********** HOME ***********/

h2.home-subtitle{ font-size: 2.5rem; letter-spacing: 0rem; }
.index-section{ padding-top: 0px;  padding-bottom: 0px; }

/*---------- SECTION ABOUT ----------*/

.page-full{width: 100%; padding: 0; }

.about-row{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
}



.about-row__textwrapper{ width: 28vw;  }
.about-row__textwrapper p {
    font-size: 1.25vw;
    margin-top: 2.5vw;
    margin-bottom: 4vw;
    line-height: 130%;
}

.about-row__item {
    -webkit-flex: 0 1 50%;
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

.about-row__text {
    padding: 4vw 2vw 4vw 5vw;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
}

.about-row__subtext {
    font-size: 1.125em;
}

.video--cover{ width: 100%; display: block; cursor: pointer; position: relative;  }
.video--cover img{ width: 100%; display: block; }


.play-video-btn{
    width: 16%;
    height: 14%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    display: block;
    transition: box-shadow 0.3s ease-in-out;
    
}

.play-video-btn:hover{
    -moz-box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 50%);
    box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 50%);
}

#fulloverview-wrapper{ background-color:rgb(0 0 0 / 50%); position: fixed; top:0; left:0; width:100vw; height: 100vh; z-index:9999; display:none; }

#close-video {
    position: absolute;
    top: 1vw;
    right: 3vw;
    z-index: 11000;
 
}

.video-responsive {
    position: relative;
    padding-bottom: 42%;
    height: 0;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 75%;
    margin: 0 12.5%;
    height: 100%;
}

.img-bttn {
    width: 1.5vw;
    height: 1.5vw;
    display: block;
    cursor: pointer;
    background-position: center;
    background-size: cover;
    margin-top: .75rem;
}


/*---------- SECTION SCROLL ----------*/
.scroll-image-content-space{ 
    width: 70%;
    height: auto;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    padding-top: 82%;
 }
.scroll-image-content-space img{ width: 100%; margin: 0 auto; }

/*---------- SECTION BRAND ----------*/

.brand-content-space{ width: 90%; margin:1.78vw auto; overflow: hidden;  }

.brand-section--1{ width: 68%; 
  background-color:#D8D8D8;
  height: 26.1vw; padding:1.5rem 2rem; text-align: center; 
  border-radius: 1vw; background-size: cover;background-position: center;
  background-repeat: no-repeat; position: relative; 
  display: flex;
   align-items: center;
   overflow: hidden;
}
.brand-section--1::before{ 
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgb(14 14 14 / 20%);
    position: absolute;
    top: 0;
    left: 0;
}

.brand-section--1 p{color: #fff; margin: 0 auto; font-size: 1.4vw; font-weight: 500;  } 
 
.brand-section--2{ width: 30%; background-color:#a5a5a5;
  padding:29.25% 0 0 0; text-align: center; border-radius: 1vw; background-size: cover;}

.brand-content-space.left__align .brand-section--1{ float:left; }

.brand-content-space .brand-section--1 div{ width: 82%; margin: 0 auto; z-index: 10;}

.brand-content-space.left__align .brand-section--2{ float:right; }

.brand-content-space.right__align .brand-section--1{ float:right; }
.brand-content-space.right__align .brand-section--2{ float:left; }

.head-brand-white {
    color: #fff;
    font-size: 3.4vw;
    letter-spacing: .1vw;
    line-height: 100%;
}

h6.headline-font.head-brand-white sup {
    font-family: "Montserrat", "Montserrat", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    vertical-align: super;
}

.arrow-btn{
display: block;
    color: #FFF;
    position: absolute;
    right: 2.4vw;
    bottom: 1vw;
    font-size: 1vw;
    font-weight: 500;
    padding: 2vw 3vw 2vw 0;
    background-position: right center;
    background-size: 2.5vw;
    background-repeat: no-repeat;
    cursor: pointer;
}


/*---------- SECTION KNOWLEDGE ----------*/

.knowledge-row__textwrapper {
    width: 28vw;
}

.knowledge-content-space{ width: 100%; overflow: hidden; margin-top: 8vw;}

.knowledge-section--1{ width: 50%; background-color:#B1B1B1; height: 70.5vw; padding: 4vw 2vw 25vw 5vw;
    background-position: top left; position: relative;
    background-size: cover;
    background-repeat: no-repeat; text-align: left; float:left;  }

.knowledge-section--2{ width: 50%; background-color:#E6E6E6; height: 70.5vw; padding: 4vw 2vw 25vw 5vw;
    background-position: top left; position: relative;
    background-size: cover;
    background-repeat: no-repeat; text-align: left; float:left;  }

.knowledge-section--1 p, .knowledge-section--2 p{
    font-weight: 500;
    font-size: 1.25vw;
    margin-top: 2vw;
    margin-bottom: 4vw;
    line-height: 130%;}

.title-icon__top{ width: 3.5vw; margin-bottom: 1.25vw; }

/*---------- SECTION SOCIAL/NEWS ----------*/

.socialnews-content-space{ width: 100%; overflow: hidden; }

.socialnews-section--1{ width: 50%; background-color:#E1E174;
  background: -moz-linear-gradient(130deg, rgba(225,225,116,1) 40%, rgba(197,225,117,1) 100%);
  background: -webkit-linear-gradient(130deg, rgba(225,225,116,1) 40%, rgba(197,225,117,1) 100%);
  background: linear-gradient(130deg, rgba(225,225,116,1) 40%, rgba(197,225,117,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e1e174",endColorstr="#c5e175",GradientType=1);
    height: 70.5vw;
    padding: 10vw 3.5vw 4vw 3.5vw;
    background-position: top left;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
}
.socialnews-section--2{ width: 50%; background-color:#E79052;
background: -moz-linear-gradient(81deg, rgba(231,144,82,1) 0%, rgba(228,127,55,1) 100%);
background: -webkit-linear-gradient(81deg, rgba(231,144,82,1) 0%, rgba(228,127,55,1) 100%);
background: linear-gradient(81deg, rgba(231,144,82,1) 0%, rgba(228,127,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e79052",endColorstr="#e47f37",GradientType=1);
    height: 70.5vw;
    padding: 10vw 3.5vw 4vw 3.5vw;
    background-position: top left;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
}

.social-row__textwrapper {
    width: 28vw;
    margin: 0 auto;
}


.socialnews-section--1 p{font-weight: 500; font-size: 1.25vw; margin-top: 2vw;  margin-bottom: 4vw;  line-height: 130%;}


.socialnews-section--2 p{font-weight: 500; font-size: 1.25vw; margin-top: 7vw;  margin-bottom: 7vw;  line-height: 130%;}


.socialnews-section-sociallinks{ width: 50%; margin: 2vw auto 1vw auto;}


.socialnews-section--2 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff !important;
    opacity: 1 !important; 
  }
.socialnews-section--2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff !important;
    opacity: 1 !important; 
  }
.socialnews-section--2 ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff !important;
    opacity: 1 !important; 
  }


.klaviyo-form-PyqeWP {
    width: 80%;
    margin: 0 auto;
}


.klaviyo-form-PyqeWP input[type="email"] {
    border-radius: .75vw 0 0 .75vw !important;
    padding: .8vw 1vw !important;
    margin-bottom: .5vw !important;
    background-color: rgb(128 32 13 / 45%) !important;
    border: none !important;
    font-size: 1vw !important;
    font-family: 'Montserrat' !important;
    color: #fff !important;
    height: 3vw !important;
    font-weight: 600 !important;
}

.jBjzuA.jBjzuA {
    padding: 0vw 0vw 0vw 0vw !important;
    display: block !important;
    margin: 0 !important;
}

.izywAZ {
    font-size: 1vw !important;
    border-radius: 0vw .75vw .75vw 0vw !important;
    padding: 1vw 1.5vw 1vw 1.5vw !important;
    background-color: #000000 !important;
    color: #fff;
    font-weight: 600 !important;
    font-family: 'Montserrat' !important;
    height: 1.2vw;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
}

.izywAZ:hover{
    background-color: #fff !important;
    color: #000000 !important ;
}

.social-mini-images { overflow: hidden; }
.social-mini-images li{ float: left; width: 32%; padding-top: 32%; position: relative; border-radius: .75vw; overflow: hidden; }
.social-mini-images li:nth-child(2){ margin: 0 2%;}
.social-mini-images li img{ width: 100%; position: absolute; top:0; left:0; }

.social--red {
    padding: 0;
    width: 100%;
}
.social--red li {
    margin: 0 0;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    vertical-align: middle;
    width: 20%;
    margin-right: 3%;
}

.social--red li:last-child {
    margin-right: 0%;
}
.social--red ul li a {
    background-color: #000000;
    border-radius: 50%;
    display: block;
    transition: box-shadow 0.3s ease-in-out;
}

.social--red ul li a:hover {
    background-color: #000000;
    border-radius: 50%;
    display: block;
    -moz-box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 50%);
    box-shadow: 3px 3px 7px 0px rgb(0 0 0 / 50%);
}


.social--red ul li img {
    display: block;
    width: 100%;
}

/*********** PRODUCT ***********/

/************ HERO *************/

.product__hero .grid {
    height: 100%;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
.grid--between { justify-content: space-between ;}

.grid, .grid--wrap, .grid--center, .grid--between {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.product__hero--image {
    width: 50%;
    padding-right: 3rem;
    position: relative;
}

.product__hero--content {
    padding-right: 1rem;
    width: 49.5%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.product__hero--content h5{
  	font-size: 2.5vw !important;
    text-transform: capitalize;
}

.product-single__images__wrapper {
    background: #FFFFFF;
    position: relative;
    width: 74.5%;
    height: 36vw;
    border-radius: 2.5vw;
    margin: 1vw auto 1.5vw auto;
    overflow: hidden;
}
.product-single__images.slick-initialized, .product-single__thumbnails.slick-initialized {
    opacity: 1;
}
.product-single__images {
    height: calc( 100vh - 200px);
}
.product-single__images, .product-single__thumbnails {
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0;
}

.product-single__images .product-single__image--slide{
    height: 36vw; 
    text-align: center; 
    display: flex !important;
    align-items: center; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.product-single__images .product-single__image--slide img { max-width: 80% !important; margin: 1.5vw auto; }

.product-hero-box {
    padding-bottom: 12vw;
    width: 93%;
    margin-left: 7%;
    background-color: #FBFBFB;
    border-radius: 0 0 0 1.75vw;
    position: relative;
    z-index: 10;
}
#shopify-section-product-media {position: relative; z-index:10;}
.about__content{ position: relative; }


.products-tab--wrapper{ width: 90%; margin-top: 2vw; }
ul.products-tab{  overflow: hidden; padding-bottom: 0.2vw; width: 100%;}
ul.products-tab li{ float: left; width: 50%; text-align: center; border-bottom: solid .13vw #000000 ; position: relative; cursor: pointer; }
ul.products-tab li a{ color: #444; font-weight:100; font-size: 1.3vw; display: block; width: 100%;}

ul.products-tab li:after{ content: ""; position: absolute; width: 0%; background-color: #000000; height: .22vw; bottom:-.19vw; left: 0; } 
ul.products-tab li.active:after{width: 100%; }
ul.products-tab li.active a{ font-weight: 600;}

.product_title_subline{
    width: 7vw;
    padding-top: 3%;
    background-image: url(/cdn/shop/t/1/assets/shop-by-line.png?v=1510964…);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 1.5vw 0 2vw 0;
}

.tab-section{ width: 100%; padding: 1.5vw 0 2vw 0; display: none;}
.tab-section.active{ display: block;}

.certification__wrapper { margin-top: 1.5vw;}
.certification__wrapper img {
    width: 4.3vw;
    height: auto;
    margin-right: .5vw;
}
.product-tid-bits.list--inline--bullets ul li {
    color: #444444;
    font-size: 1vw;
}

.product__description p{
    font-size: 1vw;
    color: #444;
}

/************ END HERO *************/

/* for general FAQs **/

#shopify-section-page-help-faq-questions .faq {display: none;}

.faq__content{ margin:6.4vw 0 6.4vw 0; }

.faq{ width: 70%; margin: 0 auto; font-size: 1.1vw;  border-bottom: .15vw solid #000000; }

.faq .faq--question {  padding: 1.1vw 0; cursor:pointer; position: relative;}
.faq .faq--answer {  max-height: 0; overflow: hidden;  transition: max-height 0.2s ease-out; }
.faq .faq--answer p{ margin: 1vw 0 2vw 0; }

.faq--question.active p{  color:#000000; font-weight: 500; }

.faq .faq--question:after {
    content: "";
    background-image:url("/cdn/shop/files/collapse_down.svg?v=1617888320");
    background-position: center; background-repeat: no-repeat;  background-size: contain;
    top: 1.3vw;
    right: 0;
    position: absolute;
    width: 1.2vw;
    height: 1.2vw;
}

.faq .faq--question.active:after {
  background-image:url("/cdn/shop/files/collapse_up.svg?v=1617888320");
}



/************ END FOOTER *************/

#shopify-section-footer{ background-color: #000000; position: relative; z-index: 10;}


/************ COLLECTION *************/

.collection-hero__title h6{ font-weight: 500; font-size: 1.5rem;}
.hero{ height: 28vw; }

.black-overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 75%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 75%);
    background: linear-gradient(0deg, rgba(0,0,0,0.4990371148459384) 0%, rgba(0,0,0,0) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.collection_icon{ 
    width: 7vw;
    height: 7vw;
    position: absolute;
    bottom: -3.5vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 44%;
}


.collection-hero {
    margin-top: 0;
    height: 22vw;
    overflow: visible;
}
.collection-hero__image { height: 22vw;}


.collection-wrapper{ width: 70%; margin: 0 auto; padding: 4vw 0; position: relative; z-index: 10;}

.grid--products{ 
	-webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-card{ width: 30%; text-align: center; margin-bottom: 3vw;   }
.product-card:nth-child(3n+2){ margin-left:auto; margin-right: auto;}

a.product-name {
    font-size: 1.4vw;
    margin-top: 1vw;
}
.product-description p{ font-size: 1vw; margin-top: 1vw;}
.product__content { width: 76%; margin: 0 auto; }

a.product__image {
    display: block;
    background-color: #F3F3F3;
    border-radius: 1rem;
    width: 90%;
    margin: 0 auto 1vw auto;
    position: relative;
    overflow: hidden;
}

a.product__image span {
    position: absolute;
    bottom: 1.5vw;
    left: 0;
    right: 0;
    width: 68%;
    height: 3.5vw;
    margin: auto;
    text-align: center;
    font-size: 1vw;
    border-radius: .8vw;
    padding: 1vw 2vw 1vw 3.5vw;
    background-color: #000000;
    font-weight: 600;
    color: #FFF;
    opacity: 0;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    background-position: 2.5vw 1.15vw;
    background-size: 1vw;
    background-repeat: no-repeat;
}

a.product__image:hover span {
    opacity:1;
}

.avocado-store-header{ position:relative; }

#shopify-section-collection-products{ position: relative; overflow: hidden; }
.collect-floatimg{ position:absolute; width: 20vw; z-index:1; }
.colfloatimg-1{ left: -9vw; top: 0vw; }
.colfloatimg-2{ right: -10vw; top: 22vw; }
.colfloatimg-3{ left: -10vw; top: 61vw;}
.colfloatimg-4{ right: -8vw; top: -13vw; }
.colfloatimg-5{ left: -6vw; bottom: -5vw; }
.colfloatimg-6{ right: -8vw; bottom: -5vw; }


.collectionwave{ padding-bottom: 15vw !important; }

.filters-toolbar__input-wrapper.select-group {
    position: relative;
    border: solid .15vw #000000;
    border-radius: .5vw;
}

label.filters-toolbar__label.select-label{
    position: absolute;
    left: 1vw;
    z-index: 10;
    font-size: 1vw;
    margin: 0;
    color: #000000;
}
svg.icon.icon--wide.icon-chevron-down {
    position: absolute;
    right: .5vw;
    top: .75vw;
    background-color: #fff;
    fill: #000000;
}

.filters-toolbar__input-wrapper.select-group select{ 
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  z-index: 1;
  outline: none;
  border: none;
  padding: .7vw 3vw .7vw 5vw;
  color: #444444;
  font-weight: 600;
}

/************ TEMP *************/
.review__content{ width: 70%; margin: 5vw auto 10vw auto;}

.p-w-r .pr-star-v4-100-filled{ background-image:url(/cdn/shop/t/1/assets/star.png) !important; }
.p-w-r .pr-star-v4-0-filled{ background-image:url(/cdn/shop/t/1/assets/staroff.png) !important; }




.p-w-r .pr-read-review .pr-rd-main-header, .p-w-r .pr-review-display .pr-rd-main-header {
    margin-bottom: 2vw !important;
    padding: 0 !important;
    background-color: #FFF !important;
}

.pr-review {
    background-color: #F3F3F3 !important;
    border-radius: 1vw !important;
    padding: 1vw !important;
}

.p-w-r .pr-read-review .pr-rd-footer, .p-w-r .pr-review-display .pr-rd-footer {
    padding-bottom: 0 !important;
    background-color: #f3f3f3 !important;
}
.p-w-r .pr-snippet-stars {
    background: transparent !important;
}
.p-w-r{ font-family: "Montserrat", "Montserrat", sans-serif; }

#pr-image-display{ display: none !important; }


/************ PRODUCT *************/

.blueBgr{
background: rgb(44,218,233);
background: -moz-linear-gradient(335deg, rgba(44,218,233,1) 0%, rgba(151,240,248,1) 79%);
background: -webkit-linear-gradient(335deg, rgba(44,218,233,1) 0%, rgba(151,240,248,1) 79%);
background: linear-gradient(335deg, rgba(44,218,233,1) 0%, rgba(151,240,248,1) 79%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2cdae9",endColorstr="#97f0f8",GradientType=1);
}

.full-product-color-wrapper{ 
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 0vw 0vw 10vw 0vw;
  position: relative;
  overflow: hidden;
  
}

.waveBlueBgr{
    background-image: url(/cdn/shop/t/1/assets/Blue_BG.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 4vw 0vw 10vw 0vw;
    position: relative;
    overflow: hidden;
}

.full-product-color-wrapper.blueBgr:before{
    content: "";
    width: 100%;
    height: 70vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(/cdn/shop/files/white-shadow.svg?v=1616268869);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


/**== HERO ==**/

.addCart-forms-wrapper {
    overflow: hidden;
}
.product-form__item--quantity {
    width: 15vw;
    position: relative;
    float: left;
}
.product-form__item--submit {
    width: 20vw;
    position: relative;
    float: left;
}
#shopify-section-coconutsecret-product-hero .cs-product-form__item--adc{
  padding-left: 15px;
}
.product-form__item--quantity.product-form__item label {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 10%;
    font-size: .9vw;
    height: 1.1vw;
}

.product-form input, .product-form textarea, .product-form select {
    text-align: center;
    border: 2px solid #000000;
    border-radius: .75vw;
    font-size: 1.1vw;
    font-weight: 500;
    padding: .95vw 1vw;
}

.product-form__cart-submit{
	text-align: center;
	color: #FFF;
    background-color: #000000;
    border-radius: .75vw;
    font-size: 1.1vw;
    font-weight: 500;
    border: none;
    padding: .9vw 0;
}


.product-price__price {
    font-weight: 700 !important;
    font-size: 1.7vw !important;
}

.content-select-value{
    display: none;
}


.varian-options {
    padding: .5vw 1vw;
    display: inline-block;
    margin-bottom: 1vw;
    border-radius: .5vw;
    color: #000000;
}

.varian-options.variant-selected, .varian-options:hover{
    background-color: #000000;
    color: #FFF;
} 

.nutritionalfacts-img{  margin: 0 auto;}
.nutritionalfacts-img.fact-image-vertical{ width: 12vw; } 
.nutritionalfacts-img.fact-image-horizontal{ width: 26vw; }
.nutritionalfacts-img img{ width: 100%;}

.about__content {padding: 8.3vw 0 10.5vw 0;}


.about-wrapper--section{ width: 89%; padding-left: 46.5%; position: relative;}

.about-wrapper--section p{ font-size: 1.3vw; color:#444; }

.about-wrapper--section p.product-about-storage{ 
  font-size: 1.1vw;
  color: #000000;
}

.about-wrapper--section h4{ margin-bottom: 2rem; }

.storage--wrapper {overflow: hidden; margin-top: 2vw;}
.storage-icon{ float:left; width: 3.5vw; text-align: left; }
.storage-icon img{ max-width: 100%;  max-height: 100%; }
.storage-text{ float:left; width: calc(100% - 3.5vw); min-height: 3.5vw; display: flex; align-items: center;}

.products-float.product-1 {position: absolute;  left: 3vw;  width: 40.6vw;  top: -6vw;}
.products-float.product-1 img{ width: 100%; }

.faqs.faqs--accordion { margin-top: 3vw; }



/**== RECIPE ==**/
#shopify-section-product-recipes{ position:relative }

.recipe-wrapper--section{ text-align: center; width: 86.5%; margin: 0 auto; position: relative; z-index: 10; }

.recipe-wrapper--section h3{ margin-bottom: 3.5vw; }

/*.recipe-pics-wrapper*/
.recipe-list{ display: flex; justify-items: center;}
.recipe-list li{ width: 26%; margin: auto;}
/*.recipe-list li:nth-child(2){ margin: 0 2%;  }*/
.recipe-image{ width: 100%; padding-top: 100%; background-position: center; background-repeat: no-repeat;  background-size: cover;
    border-radius: 2vw;  border: solid 1vw #fff; position: relative;}
.recipe-image a{ 
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

h4.recipe-title {
    font-size: 1.3vw;
    color: #000000;
    font-weight: 500;
    margin-top: 1.7vw;
    padding: 0 4vw;
    text-transform: capitalize;
}

/**== REVIEW ==**/

.pr-review-snapshot-block-recommend{ display: none !important; }

.p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-block{border:none !important }

.pr-review-snapshot-snippets-headline{ display: none; }

/**== RELATED ==**/

#shopify-section-product-related{width: 100%; position: relative; padding-bottom:4vw; }

.product-related--wrapper{width: 70%; margin: 5vw auto 0vw auto; z-index:10;}
.product-list{ margin: 0 auto 4vw 0; padding: 5.5vw 0 0vw 0; }

/**== CAROUSEL ==**/

.product-single__thumbnails__wrapper .slick-prev, .product-single__thumbnails__wrapper .slick-next{ display: none !important;}

.product-single__thumbnails .slick-list {
    margin: 0 auto !important;
    width: 70%;
}

.product-single__thumbnails .slick-slide {
    opacity: 1 !important;
    padding: 0 !important;
    height: 5vw !important;
    border-radius: .7vw;
    border: .2vw solid #000000;
    overflow: hidden;
    background-color: #fff;
  	margin: 0 .5vw;
    position: relative;
}

.product-single__thumbnails .slick-slide img {margin: 0;}

.product-single__thumbnails {margin-top: 1vw;}


/**== Testimonial ==**/

div.media-box-wrapper {
    padding: 3vw;
    width: 93%;
    margin: 2vw 0 10vw 7%;
    background-color: #FBFBFB;
    border-radius: 1.7vw 0 0 1.7vw;
    z-index:1;
    position:relative;
}
.quote.center {
    overflow: hidden;
    display:flex;
}
.quote-image {
    width: 30%;
    padding-top: 30%;
    background-position: center;
    background-size: cover;
    border-radius: 1vw;
    float: left;
}
.quote-text {
    width: 67%;
    float: left;
    background-color: #000000;
    border-radius: 1vw;
    text-align: center;
    color: #fff;
    margin-left: 3%;
    padding: 2%;
    display: flex;
    align-items: center;
}

p.quote--quote-quote {
    color: #FFF;
    font-size: 1.35vw;
    font-weight: 500;
}

.quote-image-text-wrapper{ width: 100% }
.quote--quote-image{ 
	width: 27%;
    margin: 0 auto;
    margin-bottom: 2vw;
    padding-bottom: 1.25vw;
    background-image: url(/cdn/shop/files/wiggle_white.svg?v=1617633735);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 8vw;
}
.quote--quote-image img{ width: 100% }


.impact.center {
    overflow: hidden;
    display:flex;
}
.impact-image {
    width: 30%;
    padding-top: 30%;
    margin-left: 3%;
    background-position: center;
    background-size: cover;
    border-radius: 1vw;
    float: left;
}
.impact-text {
    width: 67%;
    float: left;
    background-color: #000000;
    border-radius: 1vw;
    text-align: center;
    color: #fff;
    background-position: center;
    background-size: cover;
    padding: 2% 5% 2% 28%;
    display: flex;
    align-items: center;
}

.impact-text p{ color: #444444; }


.impact { margin-bottom: 3vw;}
.impact-image-text-wrapper{ width: 100%; display: flex;  }

.impact-image-text-wrapper.columnformat{ flex-direction: row; }
.impact-image-text-wrapper.plainformat{ flex-direction: column; }

.impact--impact-image{ width: 30%; margin: 0 auto; }
.impact--impact-image img{ width: 100% }
.impact--impact-text{  padding: 0 5% 0 0; text-align: left; font-size:1.2vw; margin-bottom: 1rem; }

.impact-one-column .impact--impact-text{  width: 100%; }

/*********** Float Ingredients Product Page ***************/


.float-ingredient{ position: absolute; width: 20vw; z-index:1;}
.float-ingredient img{ width: 100%;}
.ingredient--hero_1{ top: 12vw; left: -12.5vw;}
.ingredient--hero_2{ top: 42vw; left: -1vw;}
.ingredient--hero_3{ top: -8vw; left: 25.5vw;}
.ingredient--hero_4{ top: -8vw; left: 90vw;}
.ingredient--hero_5{ top: 42vw; left: -4vw;}
.ingredient--hero_6{ top: 58vw; left: 61vw;}
.ingredient--hero_7{ top: 6vw; left: 0vw;}
.ingredient--hero_8{ top: 38vw; left: -12.5vw;}
.ingredient--hero_9{ top: 51vw; left: 24.5vw;}
.ingredient--hero_10{ top: 55vw; left: 83.5vw;}
.ingredient--hero_11{ top: -6vw; left: -10.5vw;}
.ingredient--hero_12{ top: 51vw; left: -1.5vw;}
.ingredient--hero_13{ top: 53vw; left: 79.5vw;}

@font-face {
    font-family: 'Rustico';
    src: url('Rustico-Regular.eot');
    src: url('Rustico-Regular.eot?#iefix') format('embedded-opentype'),
        url('Rustico-Regular.woff2') format('woff2'),
        url('Rustico-Regular.woff') format('woff'),
        url('Rustico-Regular.ttf') format('truetype'),
        url('Rustico-Regular.svg#Rustico-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gazpacho';
    src: url('Gazpacho_Regular.eot');
    src: url('Gazpacho_Regular.eot?#iefix') format('embedded-opentype'),
        url('Gazpacho_Bold.eot') format('embedded-opentype'),
        url('Gazpacho_Heavy.eot') format('embedded-opentype'),
        url('Gazpacho_Bold.woff') format('woff'),
        url('Gazpacho_Heavy.woff') format('woff'),
        url('Gazpacho_Bold.ttf') format('truetype'),
        url('Gazpacho_Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.footer-ingredient{ position: absolute; width: 25vw; z-index:1;}
.footer-ingredient img{ width: 100%; }
.footer-ingredient_left{ left: -12vw; bottom: -7vw;}
.footer-ingredient_right{ right:-12vw; bottom:-7vw;}


/************ Store Locator **************/

.store-locator--wrapper{ width: 90%; margin: 6vw auto 8vw auto;}
.store-locator--headeing{ width: 90%; margin: 2vw auto 4vw auto; text-align: center; }
.store-locator--headeing p{ font-size: 1.2vw; }

#destini {margin-top: 3rem;}

.map{width: 100%; }
.map img{width: 100%; }


div#first-row { padding-top: 34%; width: 100%;  position: absolute; top: 0;}
div#second-row { padding-top: 42%; width: 100%;  position: absolute; top: 29%; }
div#tree-row { padding-top: 46%; width: 100%;  position: absolute; top: 65%; }

.trans-left{ -webkit-transition: left .5s ease-in;
    -moz-transition: left .5s ease-in;
    -o-transition: left .5s ease-in;
    transition: left .5s ease-in;}

.trans-right{ -webkit-transition: right .5s ease-in;
    -moz-transition: right .5s ease-in;
    -o-transition: right .5s ease-in;
    transition: right .5s ease-in;}    

.scroll-image-content-space .ingredient{ position: absolute;}

#vegetables-triger{ width: 100%; height: 8vw;}

.spinach{ width: 25%;}

/*********/

.flax-1{ width: 11%;}
.flax-2{width: 10.5%; }
.flax-3{ width: 12%; }

/*********/

.coconut{ width: 37%; }
.oranges{ width: 26%; }

/*********/

.brocol-1 {  width: 15%;  }
.brocol-2 {  width: 24%; }
.brocol-3 {  width: 16%; }
/*********/
.chiaseed{ width: 29%; }
/*********/
.sunseeds{ width: 11%;}
/*********/

.carrot{ width: 14%;}
.sweetpotato{ width: 24%; }

/*********/

.mushrooms{ width: 18%;}

/*********/

.strawberrys{ width: 15.5%; }

/*********/

.avocados{ width: 27%; }

/*********/

.hempseed{ width: 25%;   }
/*********/

.peas{ width: 10.5%; }

/*********/

.haz-1{width: 9%; }
.haz-2{width: 14.5%; }
.haz-3{width: 10.5%; }
.haz-4{width: 15.5%; }

/*  ****/

.apple{ width: 27%; }
/*  ****/

.palm-1{width: 17.5%; }
.palm-2{width: 11.5%; }
.palm-3{width: 12%; }
.palm-4{width: 11.5%;}
.palm-5{width: 12%; }
.palm-6{width: 17.5%; }

/**HELP FOOTER**/

.help-footer--wrapper{ width: 70%; margin: 4vw auto 0 auto; }

.interested-wrapper{ width: 100%; }

ul.interested-grid { overflow: hidden; margin-top: 4vw;}
ul.interested-grid li { width: 30%; float: left; text-align: center ;}
ul.interested-grid li a.interest_image{ 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: solid .75vw #FFF;
    border-radius: 1vw;
    display: block; 
    width: 100%; 
    padding-top: 100%;
    margin-bottom: 1vw;
    background-color: #F3F3F3;
}
ul.interested-grid li a.interest_title{ font-size: 1.2vw; font-weight: 500; text-transform: capitalize; }
ul.interested-grid li:nth-child(2){ margin: 0 5%;}
.bluebgr-ft-ing{ position: absolute;}
.bluebgr-ft-ing img{ width: 100%; display: block;}
.bluebgr-ft-ing--right{ right: -13vw; bottom: -9vw; width: 28vw;}
.bluebgr-ft-ing--left{ left: -14vw; bottom: -8vw;  width: 28vw;}

.store-locator-wrapper{ width: 80%; margin: 6rem auto;}



/****** search *******/

.search-page{ min-height: 80vh; padding: 4vw 0; background-color: #FBFBFB; }

.search-input-box{ width: 60%; margin: 0 auto; position: relative;}
.search-input-field{
    width: 100%;
    border-radius: 6rem;
    background-color: #F3F3F3 !important;
    border: none;
    color: #444 !important;
    padding: 0.75rem 1.5rem 0.75rem 3rem;    
}

.search-input-field::-webkit-search-cancel-button{
    position:relative;
    right:1rem;  
    -webkit-appearance: none;
}
.search-input-btn{ 
    position: absolute;
    left: .5rem;
    top: 12%;
    width: 2rem;
    height: 2rem;
    border: none;
    background-color: #f3f3f3;
    text-align: center;
}
.search-input-btn svg{ width: 70%; fill:#000000; display: inline-block;}

.section-header h6 {
    font-size: 1rem;
    font-weight: 100;
    margin: .5rem;
    color: #000000;
}

.search-page .list-view-item__price-column{ display: none;}
.search-page .list-view-item { border-bottom: none;}

.list-view-item__title-column h5 { color: #000000; font-size: 1.1rem; font-weight: 100; text-transform: capitalize; }

.list-view-item__image-wrapper {
    position: relative;
    width: 7rem;
    height: 7rem;
    margin-right: 2rem;
    border-radius: .5rem;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.list-view-item__image-wrapper img{ 
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.drawer {top: 6.4vw;}
.search-bar__interior{ padding: 2rem;}
.search-bar{ border: 0}
.drawer .search-bar__actions {
    text-align: center;
    margin-top: 2rem;
}

.drawer .search-bar__actions a{ cursor: pointer; color: #000000; text-decoration: underline;}
.instagram_gallery a{ border-radius: .5rem; overflow: hidden; }

/*********** REWARDS *************/
#loyaltylion .lion-loyalty-panel-sidebar{ background-color: #F5F5F5 ;}
.lion-loyalty-panel-sidebar__title{ display: none; }
#loyaltylion .lion-loyalty-panel-sidebar__header { border-bottom: none; color: #444;}
#loyaltylion .lion-loyalty-panel-sidebar__tier-info-link {color: #444;}
#loyaltylion .lion-loyalty-panel{ flex-direction: column; }
#loyaltylion .lion-loyalty-panel-sidebar { width: 100%; }
#loyaltylion .lion-loyalty-panel-sidebar__menu {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-bottom: solid 1px #000000;
  padding-bottom: 0;
  margin-bottom: 2rem;
}
#loyaltylion .lion-loyalty-panel-sidebar__menu-item {
  color: #000000;
  display: inline-block;
  width: 100%;
  text-align: center;
}
#loyaltylion .lion-loyalty-panel-content__header {background-color: rgb(252 252 252 / 0%); border-bottom: none; color:#000000;}

#loyaltylion .lion-loyalty-panel-sidebar__menu-item--icon:before {content: none;}
#loyaltylion .lion-loyalty-panel-sidebar__menu-item:hover, #loyaltylion .lion-loyalty-panel-sidebar__menu-item.lion-active { color: #000000; background: #F5F5F5; border-bottom: solid 1px #000000;}
#loyaltylion .lion-loyalty-panel-rule-item__points {
  padding-top:0;
  text-align: center; 
  background-color: rgb(251 251 251 / 0%);
}
#loyaltylion .lion-loyalty-panel-rule-item__icon {
    position: relative;
    width: 7rem;
    height: 6rem;
    display: inline-block;
    top: auto;
    right: auto;
    box-shadow: none;
    margin: 0 auto;
    background-color: rgb(255 255 255 / 0%);
}
#loyaltylion .lion-loyalty-panel-rule-item__content {
  height: auto;
  box-shadow: none;
  border-radius: 1rem;
  background-color: #000000;
  text-align: center;
  color: #fff;
  padding: 2rem 1rem 2rem 1rem;
}
/*#loyaltylion .lion-loyalty-panel-rule-item {width: 33.3%;}
#loyaltylion .lion-loyalty-panel-rule-item__points .text {color: #fff;}
#loyaltylion .lion-loyalty-panel-rule-item__points .value{color: #fff;}
#loyaltylion .lion-loyalty-panel-rule-item__title {
	font-family: 'Rustico', cursive;
    font-weight: 100;
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
    line-height: 100%;
    padding: 2rem 2rem 0.5rem 2rem;
}*/

#loyaltylion .lion-loyalty-panel-rule-item {width: 33.3%;}
#loyaltylion .lion-loyalty-panel-rule-item__points .text {color: #fff;}
#loyaltylion .lion-loyalty-panel-rule-item__points .value{color: #fff;}
#loyaltylion .lion-loyalty-panel-rule-item__title {
	font-family: 'Gazpacho';
    font-weight: bold;
  text-transform: capitalize;
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
    line-height: 100%;
    padding: 2rem 2rem 0.5rem 2rem;
}


.lion-icon__rule--purchase, .lion-icon__rule--product-purchase, .lion-icon__rule--collection-purchase, #loyaltylion .lion-icon__rule--purchase, #loyaltylion .lion-icon__rule--product-purchase, #loyaltylion .lion-icon__rule--collection-purchase 
{
    background: url(/cdn/shop/files/rewards_purchase.svg?v=1617393908) center/contain no-repeat;
}
.lion-icon__rule--referral, #loyaltylion .lion-icon__rule--referral
{
    background: url(/cdn/shop/files/rewards_refer.svg?v=1617393909) center/contain no-repeat;
}
.lion-icon__reward--product-cart, .lion-icon__reward--product-discount-voucher, .lion-icon__rule--birthday, #loyaltylion .lion-icon__reward--product-cart, #loyaltylion .lion-icon__reward--product-discount-voucher, #loyaltylion .lion-icon__rule--birthday
{
    background: url(/cdn/shop/files/rewards_happy_birthday.svg?v=1617393908) center/contain no-repeat;
}
.lion-icon__rule--facebook-like, #loyaltylion .lion-icon__rule--facebook-like
{
    background: url(/cdn/shop/files/rewards_social.svg?v=1617393909) center/contain no-repeat;
}
.lion-icon__rule--instagram-follow, .lion-icon__rule--instagram-post-hashtag, .lion-icon__rule--instagram-tag-image, .lion-icon__rule--foursixty-ugc-post, #loyaltylion .lion-icon__rule--instagram-follow, #loyaltylion .lion-icon__rule--instagram-post-hashtag, #loyaltylion .lion-icon__rule--instagram-tag-image, #loyaltylion .lion-icon__rule--foursixty-ugc-post
{
    background: url(/cdn/shop/files/rewards_instagram.svg?v=1617393908) center/contain no-repeat;
}
.lion-icon__rule--twitter-follow, #loyaltylion .lion-icon__rule--twitter-follow
{
    background: url(/cdn/shop/files/rewards_twitter.svg?v=1617393908) center/contain no-repeat;
}
.lion-icon__rule--newsletter-signup, #loyaltylion .lion-icon__rule--newsletter-signup
{
    background: url(/cdn/shop/files/rewards_mailling_list.svg?v=1617393909) center/contain no-repeat;
}

#loyaltylion .lion-referral-widget-main {
    border-radius: 1rem;
    background-color: #fff;
}
#loyaltylion .lion-referral-widget-email-form{
    border-radius: 1rem;
    background-color: #fff;
}
  
#loyaltylion .lion-referral-widget-panels {
    background-color: rgb(255 255 255 / 0%);
}
#loyaltylion .lion-checkout-redemption-banner {
    width: 33.3%;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 1rem;
    background-color: #000000;
    color: #fff;
}
/*#loyaltylion .lion-checkout-redemption-banner h4{
	font-family: 'Rustico', cursive;
    font-weight: 100;
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
    line-height: 100%;
    padding: .75rem 2rem 0.5rem 2rem;
}*/

#loyaltylion .lion-checkout-redemption-banner h4{
	font-family: 'Gazpacho';
    font-weight: bold;
  text-transform: capitalize;
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
    line-height: 100%;
    padding: .75rem 2rem 0.5rem 2rem;
}

#loyaltylion .lion-checkout-redemption-banner__icon {
    width: 7rem;
    height: 6rem;
    margin-right: 0px;
    background: url(/cdn/shop/files/rewards_redeem_checkout.svg?v=1617396234) center/contain no-repeat;
}

#loyaltylion .lion-loyalty-panel-page-rewards__claimed-rewards-header{ color: #000000; }

/* shear-pin css */

.template-article .blog-social {
    width: 200px;
  margin-left: 55px;
    margin-top: -108px;
    margin-bottom: 160px;

}

.template-article .blog-social span {
    background-size: 20px 25px !important;
    font: 16px/35px "Helvetica Neue", Helvetica, Arial, "sans-serif" !important;
}

.template-article .blog-social span {
    height: 34px !important;
  width: 100px !important;
}

@media only screen and (max-width: 600px) {
.template-article .blog-social span {
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}
  .template-article .blog-social {
    margin-left: 12px;
    margin-bottom: 50px;
    margin-top: -80px;
}
}

.snize-results-page .section-header{
  margin-top: 55px;
}

.template-article .recipe-ingredients li {
  list-style-type: disc;
    font-size: 18px;
    color: #000000;
    background-color: transparent;
    font-weight: 400;

}
.template-article .recipe-ingredients ul{
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 48px;
}

.template-article .article--content li {
  list-style-type: disc;
    font-size: 1.5vw;
    color: #000000;
    background-color: transparent;
    font-weight: 400;

}

.template-article .article--content ul{
    margin-top: 0;
    margin-bottom: 0;
    padding-inline-start: 48px;
}

#ae_app #ae_launcher.ae-cta-position-preset-right-lower {
    bottom: 85px !important;
    right: 14px !important;
}

#reamaze-widget{
  bottom: 140px !important;
  right: 8px !important;
}

 #reamaze-widget-label .rmz-label-text{
  bottom: 50px !important;
  right: 20px !important;
}

@media only screen and (max-width: 600px){

/*  #reamaze-widget{
    bottom: 20px !important;
    right: 8px !important;
}*/
  #shopify-section-161285832802a10c38{
   padding-top: 100px;
/*     padding-bottom: 110px; */
    min-height: 500px;
  }
}

.snize-ac-results{
     width: 100% !important;
     left: 0px !important;
}

div.snize-ac-results ul {
    padding-left: 340px !important;
    padding-right: 300px !important;
}

.snize-dropdown-arrow{
  left: 333px !important;
}

@media only screen and (max-width: 600px) {
div.snize-ac-results ul {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
}
  .snize-filters-dropdown-title{
  border-bottom: 2px solid #000000!important;
}
div.snize div.snize-filters-dropdown-title.active {
    background-color: #fff!important;
 	 border-bottom: 0px!important;
  
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
div.snize div.snize-filters-dropdown-title {
	padding: 10px!important;
    border-radius: 5px!important;
    border: 2px solid #000000!important;
    width: 224px!important;
}

    div.snize div.snize-filters-dropdown-content {
    position: absolute;
    background-color: #fff!important;
    border: 1px solid #d3d3d3!important;
    z-index: 999;
    min-width: 220px!important;
    padding-top: 10px!important;
    /* box-shadow: 0 0 5px rgb(0 0 0 / 25%); */
    border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    border-top: 0px!important;
    border: 2px solid #000000!important;
      box-shadow: none!important;
          border-top: 0px!important;
}

.snize-main-panel-dropdown-button{
      padding: 10px!important;
    border-radius: 5px!important;
    border: 2px solid #000000!important;
    width: 135px!important;
}

.snize-main-panel-dropdown-button:hover {
    background-color: #fff!important;
 	 border-bottom: 0px!important;
  
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.snize-main-panel-dropdown-button:hover span{
  font-weight: 600;
}

div.snize div.snize-main-panel-dropdown ul.snize-main-panel-dropdown-content{
  position: absolute;
    background-color: #fff!important;
    border: 1px solid #d3d3d3!important;
    z-index: 999;
    min-width: 155px!important;
    padding-top: 10px!important;
    /* box-shadow: 0 0 5px rgb(0 0 0 / 25%); */
    border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
    border-top: 0px!important;
    border: 2px solid #000000!important;
      box-shadow: none!important;
          border-top: 0px!important;
      margin: -9px 10px 0 0;
  
}

div.snize div.snize-main-panel-dropdown:hover > a {
    background-color: #fff!important;
  border-bottom: 0px!important;
  font-weight: 600;
  border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.snize-main-panel-dropdown-content{
  border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.snize-main-panel-dropdown-button span{
  font-weight: 600;
      font-size: 14px;
}
div.snize div.snize-main-panel-controls {
    float: left;
    margin-left: 6px;
    margin-top: 15px;
    vertical-align: middle;
}

div.snize div.snize-horizontal-filters{
 display: none; 
}

div.snize div.snize-main-panel-controls {
    float: left;
    margin-left: 6px;
    margin-top: 15px!important;
    vertical-align: middle;
}

.billboard-pic:hover {
    box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
    transition: box-shadow .3s ease-in-out;
}

.template-product h4.recipe-title{
padding: 0 0vw;
}
.template-product .recipe-list li{
margin-top: 0px;
}

.socialnews-section--1 p{
  margin-bottom: 2vw;
}


.collection{
 padding-bottom: 80px; 
}
.producct .details{
 text-align:center;
 margin-bottom: 5px;
 min-height: 42px;
}
.producct .image{
text-align:center;
}
.section-header__title{
  text-align:center;
  
}
.producct .details .title{
      color: #000000;
  font-size: 1.4vw;
    margin-top: 1vw;
}
.producct .image{
  display: block;
    background-color: #f3f3f3;
    border-radius: 1rem;
    width: 90%;
    margin: 0 auto 1vw auto;
    position: relative;
    overflow: hidden;
}

.recntly__viewd{
  width: 10%;
  float: right;
      border-radius: 50%
}


@media screen and (max-width: 768px){
.cart--empty-message {
    color: #FFF;
    font-size: 6vw!important;
  margin-bottom: 40px;
}
  
  .cart-empty-icon {
    width: 50%!important;
   }
  .empty-cart-bluewave .cookie-message{
    display: none; 
  }
  .empty-cart-bluewave .flat-btn {
    background-color: #000000;
    color: #fff;
    font-weight: 500;
    border-radius: 7px;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 30px;
}
  #recently-viewed-products .collection{
    padding-top: 0px!important;
  }
  .producct .image {
    width: 50%!important;
  }
  .producct .details .title {
    color: #000000;
    font-size: 4.4vw;
    margin-top: 1vw;
}
  .producct .products{
   margin-bottom: 20px; 
  }
}






.description_tabs .tab button {
    float: left;
    width: 50%;
    text-align: center;
    border: none;
    position: relative;
    cursor: pointer;
    background: transparent;
    border-bottom: solid .13vw #000000;
    color: #444;
    font-weight: 100;
    font-size: 1.3vw;
    display: block;
   /* font-weight: 600; */
}

.description_tabs .tab button:after {
    content: "";
    position: absolute;
    width: 0%;
    background-color: #000000;
    height: .22vw;
    bottom: -.19vw;
    left: 0;
}

.description_tabs .tab button.tablinks.active:after {
    width: 100%;
}

.description_tabs 
 .tabcontent {
    width: 100%;
    padding: 1.5vw 0 2vw 0;
    float: left;
}

.description_tabs .tabcontent .variant_info {
    margin: 0 auto;width:80%;
}
@media screen and (max-width: 600px){
  .mVTEd.mVTEd{
  top: -111px;
  }
  .ixtdFN.ixtdFN{
  margin-bottom: 140px;
  }
}

.btn-red-404{ background-color:#000000; color: #fff;
    -webkit-transition: background-color .25s ease-out;
    -moz-transition: background-color .25s ease-out;
    -o-transition: background-color .25s ease-out;
    transition: background-color .25s ease-out;
}

div#shopify-section-article-recipe-template {
    width: 100%;
}
}
@media screen and (max-width: 600px){
.text-404{
 margin-top: 12px;
}
  #shopify-section-page-brand-red-box-tabs .redtabs-text--wrapper {
    margin: 3rem auto;
}
  .cMUHbA.cMUHbA{
    width: 325px !important;
  }
  .announcement-store{
    top: 6px !important;
  }
  .youtube-vid iframe{
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 749px){
.description_tabs .tab button {
    font-size: 4.3vw!important;
     border-bottom: 2px solid #000000; 
}
}



/*search*/
.recipe-listing {
    float:left;
    width: 30%;
    margin: 1vw 1%;
}
.recipe-list-image {
    width: 100%;
}
.recipe-list-image div {
    display: block;
    padding-top: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1vw;
}

.recipe-title {
    text-align: center;
    margin-top: 1vw;
    cursor: pointer;font-size: 1.4vw;
    line-height: 150%;
    font-weight: 100;
    color: #000000;
    text-transform: capitalize;
}

.search-result.article_blogs {
    width: 80%;
    margin: 0 auto 5vw auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.template-search .pagination .icon {
    display: none;
}

.template-search .pagination span.icon__fallback-text {
    display: block;
    position: relative !important;
    overflow: visible !important;
    vertical-align: middle;
    margin-top: 0;
    clip: initial;
    width: auto;
    height: auto;
}

.template-search .pagination li span,.template-search .pagination li.pagination__text {
    color: #000;
    font-size: 28px;
  padding:6px;
}
.template-search .pagination li span, .template-search .pagination li.pagination__text {
    margin: 0;
}
.template-search .pagination li {
    padding: 6px;
}

.template-search .pagination li .btn--narrow {
    padding: 0;
}

.template-search .pagination li span {
    padding: 0;
}
.template-search .pagination li {
    margin: 0;
}

.template-search .btn--narrow {
    width: 100%;
    float: left;
}


@media screen and (max-width: 749px)
{
  .recipe-listing {    width: 80%;    margin: 0 auto 1rem auto;}
  .recipe-list-image a {
    border-radius: .5rem;}
  .recipe-title  {
    font-size: 1rem;}
    form.search_blog input.searchBox.field{
  
  width:100% !important;
  }
}


div#shopify-section-article-recipe-template {
    width: 100%;
}
.recipe-listing .recipe-title {
    height: 60px;
}


/* CS Collaction page css rupesh */ 

.cs-product-img{
 background-color: transparent !important;
}

.cs-product-name{
  font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 25px !important;
line-height: 30px;
  text-align: center;
text-transform: capitalize;
      background: linear-gradient(128.75deg,#e5bf4c 20%,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cs-product-img span{
     background-color : linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
}

.cs-blog-right-img{
    position: absolute;
    width: 45vw;
    z-index: 1;
    right: 0;
    display: block;
    margin-top: -680px;
}
.cs-blog-right-img img{
    float: right;
}
.colfloa-timg-2 {
    right: 0vw;
    top: 36vw;
}

.colfloa-timg-3 {
    left: 0vw;
    top: 80vw;
}

.cs-filters-toolbar__input-wrapper{
    position: relative;
    border: solid .15vw transparent !important;
    border-radius: 0vw !important;
    border-image-source: linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%) !important;
    border-image-slice: 5 !important;
}

.cs-blog-arrow-btn{

  right: 25vw;
    top: 18vw;
    bottom: 5vw;
    padding: 12px 30px 12px 30px;
    background: linear-gradient( 
    128.75deg
    , #E5BF4C 0%, #8F6221 100%);
    box-sizing: border-box;
    color: #fff;
}
#shopify-section-grid-blog-left-06 .brand-content-space .brand-section--1 div{
    width: 90%;
    margin-top: 20px;
    margin-bottom: 35px;
}
#shopify-section-grid-blog-right-06 .brand-content-space .brand-section--1 div{
    width: 80%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.cs-atc{
 border-radius: 0vw !important;
}
.cs-chevron-down{
   margin-left: -32px;
   margin-right: 10px;
}
.cs-collection-left-right-img .cs-brand--1 {
    border-radius: 0px;
}
.product-card.product--full.cs-product-card:nth-child(4n) {
    margin-left: 11vw;
}
.product-card.product--full.cs-product-card:nth-child(5n) {
    margin-left: 6vw;
}

.collection-product-wrapper{

    float: left;
    width: 100%;
    padding-bottom: 35px; 
} 
.cs-collection-left-right-img{

    float: left;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 155px;
} 

#shopify-section-collection-products-cs label.filters-toolbar__label.select-label{
   color: #444444;
}

/* CS Product page css rupesh */ 

.cs-full-product-color-wrapper{


  overflow: visible !important;
z-index: 999999 !important;


}

.coconutsecret-product-bread_return_btn{
display: block;
    font-size: 1.2vw;
    padding-left: 4vw;
    background-position: 1% 50%;
    background-repeat: no-repeat;
    background-size: 2.5%;
    background-image: url(/cdn/shop/files/Open_Arrow.png?v=1626700926);
    -webkit-transition: background-position .25s ease-out;
    -moz-transition: background-position .25s ease-out;
    -o-transition: background-position .25s ease-out;
    transition: background-position .25s ease-out;
}

.coconutsecret-product-hero-box {
    padding-bottom: 12vw;
    width: 100%;
    margin-left: 0%;
    background-color: #ffffff;
    border-radius: 0 0 0 0vw;
    position: relative;
    z-index: 10;
}
#shopify-section-coconutsecret-product-hero .product-single__thumbnails .slick-slide{
    opacity: 1!important;
    padding: 0!important;
    height: 5vw!important;
    border-radius: 0vw;
    border: .2vw solid transparent !important;
  border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%) !important;
    border-image-slice: 1 !important;
    overflow: hidden;
    background-color: #fff;
    margin: 0 .5vw;
    position: relative;
}
.cs-product-headline {

    font-family: 'Noto Serif', serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    text-transform: capitalize;
    background: #E5BF4C;
    background: -webkit-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: -moz-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: linear-gradient( 
128.75deg
 , #E5BF4C 0%, #8F6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 48px !important;
    letter-spacing: 2px !important;

}

.coconutsecret-varian-options{

    padding: .5vw 1vw;
    display: inline-block;
    margin-bottom: 1vw;
    border-radius: 0vw;
}
.coconutsecret-varian-options{

 text-transform: capitalize ;
    background: #E5BF4C ;
    background: -webkit-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: -moz-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: linear-gradient( 
128.75deg
 , #E5BF4C 0%, #8F6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coconutsecret-varian-options:hover{

    background: linear-gradient(128.75deg, #E5BF4C 0%, #8F6221 100%);
    color: #fff;
    -webkit-text-fill-color: #FFF;
}

#shopify-section-coconutsecret-product-hero .coconutsecret-varian-options.variant-selected{
background: linear-gradient(128.75deg, #E5BF4C 0%, #8F6221 100%);
    color: #fff;
    -webkit-text-fill-color: #FFF;
}

.coconutsecret-product-form__input{

  border-radius: 0vw !important;
  border-bottom: 2px solid transparent !important;
    border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%) !important;
    border-image-slice: 1 !important;
}

.coconutsecret-product-form__cart-submit{

    text-align: center;
    color: #fff;
    background: linear-gradient(128.75deg, #E5BF4C 0%, #8F6221 100%);
    border-radius: 0vw;
    font-size: 1.1vw;
    font-weight: 500;
    border: none;
    padding: .9vw 0;
  
}
.coconutsecret-description_tabs .tab button{
    float: left;
    width: 50%;
    text-align: center;
    border: none;
    position: relative;
    cursor: pointer;
    background: 0 0;
    border-bottom: solid .13vw transparent;
    color: #444;
    font-weight: 100;
    font-size: 1.3vw;
    display: block;
    border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    border-image-slice: 1;

}

.coconutsecret-description_tabs .tab button:after{

      content: "";
    position: absolute;
    width: 0%;
    background-color: #E5BF4C;
    height: .22vw;
    bottom: -.19vw;
    left: 0;
}

.coconutsecret-about__content{

  background-image: url(/cdn/shop/files/Mask_Group_1.png?v=1626688064);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 67vw;
    background-position: center;

}

.coconutsecret-storage p.coconutsecret-pd-about-storage{
  font-weight: 800 ;
   background: linear-gradient( 
128.75deg
 , #E5BF4C 0%, #8F6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.collect-floatimg-01.cs-productblog-right-img {
    position: absolute;
    width: 45vw;
    z-index: 1;
    right: 0;
    display: block;
    margin-top: -670px;
}

.collect-floatimg-01.cs-productblog-left-img{
    position: absolute;
    width: 45vw;
    z-index: 1;
}
.cs-product-left-right-img{
    float: left;
    width: 100%;
    padding-top: 108px;
    padding-bottom: 100px;
}

.coconutsecret-product-recipes1{
    float: left;
    width: 100%;
}

#shopify-section-coconutsecret-product-grid-blog-left .brand-content-space .brand-section--1 div{
    width: 92%;
    margin-top: 20px;
    margin-bottom: 35px;
}

#shopify-section-coconutsecret-product-grid-blog-right .brand-content-space .brand-section--1 div{
    width: 93%;
    margin-top: 20px;
    margin-bottom: 35px;
}

.cs-headline-product-recipe{
    font-size: 60px ;
    line-height: 74px !important;
    text-align: left;
    letter-spacing: 0px;
    margin-bottom: 40px;
    font-family: 'Noto Serif', serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    text-transform: none !important;
    background: #E5BF4C;
    background: -webkit-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: -moz-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: linear-gradient( 
128.75deg
 , #E5BF4C 0%, #8F6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#shopify-section-coconutsecret-product-recipes .cs-recipe-list li{
    width: 30%;
    margin: 0px auto;
}

#shopify-section-coconutsecret-product-recipes .cs-recipe-image{
 border-radius: 0vw;
}

#shopify-section-coconutsecret-product-recipes .cs-recipe-title{

    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    align-items: center;
    text-align: center;
    text-transform: capitalize;
  background: #E5BF4C;
    background: -webkit-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: -moz-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: linear-gradient( 
128.75deg
 , #E5BF4C 0%, #8F6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.coconutsecret-faq{
  
border-bottom: .15vw solid transparent !important;
    border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%) !important;
    border-image-slice: 1 !important;

}
.coconutsecret-faq .faq--question:after{

  content: "";
    background-image: url(/cdn/shop/files/down_arrow.png?v=1626698337);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 1.3vw;
    right: 0;
    position: absolute;
    width: 1.2vw;
    height: 1.2vw;

}

.coconutsecret-faq .faq--question.active:after{
background-image: url(/cdn/shop/files/up_arrow.png?v=1626698354);

}

.coconutsecretfaq--question.active p{
    font-weight: 600;
    background: linear-gradient( 
128.75deg
 , #E5BF4C 0%, #8F6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-coconutsecret-product-mini-carousel .cs-headline-product-recipe{
letter-spacing: 0px;
}

.coconutsecret-product-mini-carousel{
  background-image: url(/cdn/shop/files/BG.png?v=1626871478);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 50vw;
    float: left;
    background-position: center;
  margin-bottom: -90px;
}

#shopify-section-coconutsecret-product-recipes{
 padding-bottom: 100px;
}

.coconutsecret-about__content .coconutsecret-storage{

    width: 90%;
    padding-left: 5.5%;
    padding-right: 46.5%;
    padding-top: 130px;
    position: relative;

}

.cs-headline-product-about-title{

  font-size: 45px!important;
    line-height: 59px!important;
    text-align: left;
    letter-spacing: 0;
    margin-bottom: 40px;
    font-family: 'Noto Serif',serif!important;
    font-style: italic!important;
    font-weight: 800!important;
    text-transform: none!important;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cs-title-icon__top{
    width: 6.5vw;
    margin-bottom: 0vw;
}
 
#shopify-section-coconutsecret-product-mini-carousel .mini-carousel-button a{
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #fff;
}
.cs-review-content{

  Display: block;
}
/***** Page coconutsecret help wholesale terms css *****/

.cs-headline-font-help {
    font-size: 60px !important;
    line-height: 70px !important;
    letter-spacing: 0;
    font-family: 'Noto Serif',serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(128.75deg ,#e5bf4c 0,#8f6221 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.help-footer--wrapper .cs-headline-font-help {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 0;
    margin-bottom: 40px;
    font-family: 'Noto Serif',serif !important;
    font-style: italic;
    font-weight: bold;
    text-transform: none !important;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(128.75deg ,#e5bf4c 0,#8f6221 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 2px;
    padding-bottom: 20px;

}
.help-header .help-inside-subheader {


font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-align: center;

color: #444444;

}
.cs-help-subheader{
    width: 52% !important;
    font-family: Montserrat !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 20px !important;
    line-height: 25px !important;
}
.faq-header-wrapper {
    float: left;
    width: 100%;
}

.faq-question-wrapper {

float: left;
width: 100%;

}
.cs-help-tabs-container ul li{

  width: 25% !important;
}

.cs-help-tabs-list li a{
background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  font-weight: 500;
}

.cs-help-tabs-container {
   border-bottom: 2px solid transparent;
   border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    border-image-slice: 1;
}

/*#shopify-section-page-coconutsecret-help-wholesale-quickaccess .cs-icon-btn-2 .help-icon-btns{

    width: 48%;
    height: 22vw;
    border-radius: 0vw;
} */

/*#shopify-section-page-coconutsecret-help-wholesale-quickaccess span.cs-icon-btn-image{
    width: 50%;
    padding-top: 35%;
    display: block;
    margin: 1.5vw auto 1.5vw auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}*/

.cs-bgr-red {
    background: linear-gradient( 
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
}

.cs-icon-btn-title{

  font-family: "Noto Serif" !important ;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 30px !important;
    line-height: 38px !important;
  text-transform: none !important;
  padding-bottom: 5px !important;
      letter-spacing: 1px !important;
   
}

.cs-icon-btn-copy{
    font-family: Nunito !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: 1px !important;
}
}

ul.cs-interested-grid li a.cs-interest_image{

  border-radius: 0vw !important;
}

.help-footer--wrapper ul.cs-interested-grid li a.cs-interest_title {
    font-family: Montserrat,sans-serif;
    font-style: normal;
    font-weight: 500;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(128.75deg ,#e5bf4c 0,#8f6221 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    line-height: 30px;
}

#shopify-section-page-coconutsecret-help-wholesale-terms-content .pagecontent-text--wrapper a {
    text-decoration: underline !important;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-page-coconutsecret-help-wholesale-shipping-content .pagecontent-text--wrapper a {
    text-decoration: underline !important;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cs-bluebgr-ft-ing--left{

    left: 0vw;
    bottom: 60vw;
    width: 18vw;
}

.cs-bluebgr-ft-ing--right {
    right: 0vw;
    bottom: 32vw;
    width: 28vw;
}

#shopify-section-page-coconutsecret-help-footer{

      padding-bottom: 100px;
}

/*#shopify-section-coconutsecret-help-wholesaleshipping-quickaccess .cs-icon-btn-2 .help-icon-btns{

    width: 48%;
    height: 22vw;
    border-radius: 0vw;
} */

/*#shopify-section-coconutsecret-help-wholesaleshipping-quickaccess span.cs-icon-btn-image{
    width: 50%;
    padding-top: 35%;
    display: block;
    margin: 1.5vw auto 1.5vw auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
} */

/*#shopify-section-coconutsecret-help-orders-quickaccess .cs-icon-btn-2 .help-icon-btns{

    width: 48%;
    height: 22vw;
    border-radius: 0vw;
} */

/*#shopify-section-coconutsecret-help-orders-quickaccess span.cs-icon-btn-image{
    width: 50%;
    padding-top: 35%;
    display: block;
    margin: 1.5vw auto 1.5vw auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
} */

#shopify-section-page-coconutsecret-help-orders-content .pagecontent-text--wrapper a {
    text-decoration: underline !important;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cs-help-tabs-list .activee{

  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 38px;
  border-bottom: 3px solid #e5bf4c!important;
    margin-bottom: -1px;
}
#shopify-section-wholesaleterm-header-coconutsecret .cs-help-tabs-container ul li:hover:after {
    width: 100%;
}
#shopify-section-wholesaleterm-header-coconutsecret .cs-help-tabs-container  ul li:after {
    content: "";
    position: absolute;
    width: 0%;
    background-color: #E5BF4C;
    height: 0.22vw;
    bottom: -7px;
    left: 0;
    -webkit-transition: width .3s linear;
    -moz-transition: width .3s linear;
    -o-transition: width .3s linear;
    transition: width .3s linear;
}
/***** Page coconutsecret help contact css *****/

#shopify-section-page-help-coconutsecret-btnslist .icon-btn-3 .help-icon-btns{
  
    width: 32%;
    height: 20vw;
    border-radius: 0vw !important;
}

#shopify-section-page-help-coconutsecret-btnslist span.cs-icon-btn-image{
    width: 48%;
    padding-top: 35%;
    display: block;
    margin: 1.5vw auto 1.5vw auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}


/***** Page coconutsecret help FAQs css *****/

#shopify-section-page-help-coconutsecret-faq-questions .cs-faqs-category--wrapper ul li{
    text-align: center;
    margin: .5vw 50px;
}

#shopify-section-page-help-coconutsecret-faq-questions .cs-faqs-category--wrapper ul li a.active, .cs-faqs-category--wrapper ul li a:hover{

  background: linear-gradient(
  128.75deg
 ,#e5bf4c 0,#8f6221 100%);
  border-radius: 0;
  color: #fff;
line-height: 17px;
cursor: pointer;

}

.faq-question-wrapper #shopify-section-page-help-coconutsecret-faq-questions .coconutsecret-faq {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    text-indent: 2px;
    color: #3D3D3D;
}


#shopify-section-page-help-coconutsecret-faq-questions .coconutsecretfaq--question.active p{
font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 28px;
  display: flex;
align-items: center;
text-indent: 2px;

}

#shopify-section-page-help-coconutsecret-faq-questions .faq--answer{
font-family: Nunito;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
letter-spacing: 2px;
text-indent: 2px;
color: #3D3D3D;
}

/***** Page coconutsecret Blog css *****/

#shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li {
    position: relative;
    display: inline-block;
    width: 16vw;
    border: solid -0vw #fff !important;
    border-radius: 0vw !important;
    text-align: center;
    margin-right: 0.5vw;
    background-color: rgb(151 240 248 / 0%);
    -webkit-transition: background-color .3s linear,border-color .3s linear;
    -moz-transition: background-color .3s linear,border-color .3s linear;
    -o-transition: background-color .3s linear,border-color .3s linear;
    transition: background-color .3s linear,border-color .3s linear;
}

#shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li.whitehover.active, .header-mini-menu li.whitehover:hover {

    border-bottom: 2px solid #fff !important;
   
}

#shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li.whitehover.active svg path {
    fill: none !important;
}


/***** Blog CSS Start *****/

#shopify-section-coconutsecret-blog-template form.search_blog input.searchBox.field {
    padding-left: 40px;
    border: solid .15vw transparent;
  border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%) !important;
    border-image-slice: 1 !important;
    padding: 10px 35px;
    border-radius: 0px;
    width: auto;
}

#shopify-section-coconutsecret-blog-template form.search_blog:before{
content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 20px;
    background: url(/cdn/shop/files/search.png?v=1627905620) center / contain no-repeat;

}

#shopify-section-coconutsecret-blog-template .recipe-title a{

  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
      background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li:hover a{

    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li.active a, .cs-header-mini-menu li:hover a{

  color: #FFFFFF !important;
}
#shopify-section-blog-coconutsecret-recipes-header .header-mini-menu li a{

  font-weight: 600 !important;
}
#shopify-section-coconutsecret-blog-template .recipe-listing:first-child {
    width: 46%;
    float: left;
}

#shopify-section-coconutsecret-blog-template .recipe-listing:nth-child(2) {
    width: 46%;
}

#shopify-section-coconutsecret-blog-template .recipe-list-image a{

  border-radius: 0vw;
}

#shopify-section-blog-coconutsecret-blog-header .cs-header-mini-menu li {
    position: relative;
    display: inline-block;
    width: 16vw;
    border: solid -0vw #fff !important;
    border-radius: 0vw !important;
    text-align: center;
    margin-right: 0.5vw;
    background-color: rgb(151 240 248 / 0%);
    -webkit-transition: background-color .3s linear,border-color .3s linear;
    -moz-transition: background-color .3s linear,border-color .3s linear;
    -o-transition: background-color .3s linear,border-color .3s linear;
    transition: background-color .3s linear,border-color .3s linear;
}

#shopify-section-blog-coconutsecret-blog-header .cs-header-mini-menu li.whitehover.active, .header-mini-menu li.whitehover:hover {

    border-bottom: 2px solid #fff !important;
   
}

#shopify-section-blog-coconutsecret-blog-header .cs-header-mini-menu li.whitehover.active svg path {
    fill: none !important;
}


#shopify-section-blog-coconutsecret-blog-header .cs-header-mini-menu li:hover a{

    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-blog-coconutsecret-blog-header .header-mini-menu li a{

  font-weight: 600 !important;
}

#shopify-section-blog-coconutsecret-blog-header .cs-header-mini-menu li.active a, .cs-header-mini-menu li:hover a{

  color: #FFFFFF !important;
}


#shopify-section-coconutsecret-blog-template .recipe-grid-wrapper {
    width: 87%;
}

#shopify-section-coconutsecret-blog-template .filter-container{
    margin: 0 auto;
width: 81vw;
} 

#shopify-section-coconutsecret-blog-template .paginator{
    font-family: Nunito,sans-serif;
    font-style: normal;
    color: #444444;
}

/***  article coconutsecret blog CSS  ***/

.article-coconutsecret-blog-subfooter{

    float: left;
    width: 100%;
    padding-bottom: 100px;
}

.article-coconutsecret-blog-subfooter ul.interested-grid li a.interest_image {

    border: 0vw !important;
    border-radius: 0vw !important;
}

#shopify-section-article-coconutsecret-template .cs-blog-headline-font{

    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 60px;
    line-height: 75px;
  letter-spacing: 2px;
text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-article-coconutsecret-template .cs-first-letter::first-letter{
    font-size: 3vw!important;
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold !important;
    text-transform: uppercase!important;
    line-height: 1vw!important;
    color: #E5BF4C !important;
  }
#shopify-section-article-coconutsecret-recipe-template .cs-first-letter::first-letter{
    font-size: 3vw!important;
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold !important;
    text-transform: uppercase!important;
    line-height: 1vw!important;
    color: #E5BF4C !important;
  }

#shopify-section-article-coconutsecret-template .blog-title-header-01 {
    width: 100%;  
    padding-bottom: 3.5vw;
    margin-bottom: 3.5vw;    
    margin-top: 100px;
}

#shopify-section-article-coconutsecret-template .article--content p{
   font-family: Nunito;
   font-style: normal;
   font-weight: normal;
   font-size: 22px;
   line-height: 30px;
   color: #444444;
}

#shopify-section-article-coconutsecret-template .cs-blog-quotes p em{

  font-family: Montserrat;
  font-style: italic;
  font-weight: 500 ;
  font-size: 30px ;
  line-height: 50px ;
  background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-article-coconutsecret-carousel .cs-blog-headline-font{

    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 50px;
    line-height:50px;
  letter-spacing: 2px;
text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.blog-width.blog-width-wrapper{

width: 76%;

}
#shopify-section-article-coconutsecret-template .article--content p strong {

font-family: Montserrat;
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 30px;

/* or 100% */

/* Text_Black */
color: #444444;


}



.article-coconutsecret-blog-subfooter .cs-blog-headline-font{

    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
  letter-spacing: 2px;
text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
      padding-bottom: 20px;

}

#shopify-section-article-coconutsecret-carousel .minicarousel-container .slick-slide p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
}

.article-coconutsecret-blog-subfooter .help-footer--wrapper {
    width: 81%;
    margin: 4vw auto 0 auto;
}

.article-coconutsecret-blog-subfooter ul.interested-grid li a.interest_title{

    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 35px;
    letter-spacing: 1px;
    text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*.red-font.text-carousel-hidden.shop-button {     
  background-image: url(/cdn/shop/t/17/assets/button-img.png?v=8963078891711812958);     
  width: 200px;     
  display: inline-block;     
  height: 50px;     
  position: absolute;     
  transition: .3s opacity ease-in-out !important;     
  top: 0;     
  bottom: 1.5vw;     
  margin: auto;     
  text-align: center;     
  left: 0;     
  right: 0;     
  background-size: 100% !important; 
} */

#shopify-section-article-coconutsecret-carousel .addtocart-button{
    background-image: url(/cdn/shop/files/button-img.png?v=1627383816);
    background-size: auto;
    width: 200px;
    height: 50px;
    background-color: transparent;
    background-position: center;
    border-radius: 0;

}

a.cs-rp-img span {
    position: absolute;
    bottom: 1.5vw;
    left: 0;
    right: 0;
    width: 68%;
    height: 3.5vw;
    margin: auto;
    text-align: center;
    font-size: 1vw;
    border-radius: .8vw;
    padding: 1vw 2vw 1vw 3.5vw;
    background-color: #000000;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    -webkit-transition: .3s opacity ease-in-out;
    transition: .3s opacity ease-in-out;
    background-position: 2.5vw 1.15vw;
    background-size: 1vw;
    background-repeat: no-repeat;
}

#shopify-section-article-coconutsecret-carousel a.cs-rp-mg:hover span {
    opacity: 1 !important;
}

a.cs-rp-img{
position: relative;
    overflow: hidden;
}

#shopify-section-article-coconutsecret-carousel .addtocart-button:hover {
    opacity: 1;
}

.article-coconutsecret-blog-subfooter .help-footer--wrapper{

text-align: center;
}

/***  article coconutsecret recipes Blog Post CSS  ***/

#shopify-section-coconutsecret-recipe-section-header .cs-rcp-headline-font{

  font-family: Noto Serif;
  font-style: italic;
  font-weight: bold;
  font-size: 70px;
  line-height: 85px;
  letter-spacing: 2px;
  text-transform: capitalize;
   background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#shopify-section-coconutsecret-recipe-section-header .recipe-header--title-01 {
    width: 100%;
    margin-bottom: 3.5vw;

}

#shopify-section-coconutsecret-recipe-section-header .cs-recipe-header h6{

  font-family: Montserrat;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #444444;
}


#shopify-section-coconutsecret-recipe-section-header .cs-recipe-header ul li{

  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0vw;
  background-color: #fff;
  padding: 10px 10px;
  margin: 0 0.7vw 18px 0;

}

#shopify-section-coconutsecret-recipe-section-header .cs-recipe-header ul li span {
  background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-coconutsecret-recipe-section-header .cs-rcp-header--info h6 {

  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #444444;
}

#shopify-section-coconutsecret-recipe-section-header .recipe-header--info ul li span{

  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
  border-radius: 0vw;
  margin: 0 0vw 0px 0;
  padding: .5vw 0vw;
}

#shopify-section-coconutsecret-recipe-section-header .cs-rcp-header--keyingredients h6 {

  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #444444;
}


#shopify-section-coconutsecret-recipe-section-header .recipe-header--keyingredients ul li{
  margin-right: 2.3%;
  border-radius: 0rem;
}

#shopify-section-article-coconutsecret-recipe-template .recipe-steps-wrapper h4{

    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 1px;
    text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
}

#shopify-section-article-coconutsecret-recipe-template .cs-rcp-steps-wrapper p{

  font-family: Nunito !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 20px !important;
  line-height: 40px !important;
  text-transform: capitalize !important;
  color: #444444 !important;
}


#shopify-section-article-coconutsecret-recipes-carousel .cs-blog-headline-font {
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    letter-spacing: 2px;
    text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-article-coconutsecret-recipes-carousel .minicarousel-container .slick-slide p {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 30px;
    text-transform: capitalize;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#shopify-section-article-coconutsecret-recipes-carousel .addtocart-button {
    background-image: url(/cdn/shop/files/button-img.png?v=1627383816);
    background-size: auto;
    width: 200px;
    height: 50px;
    background-color: transparent;
    background-position: center;
    border-radius: 0;
}

#shopify-section-article-coconutsecret-recipes-carousel .addtocart-button:hover {
    opacity: 1;
}

.recipe-header--info.cs-rcp-header--info {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.recipe-header--info.cs-rcp-header--info ul {
    float: left;
    width: 100%;
}

.recipe-header--info ul li {
    float: left;
    width: 28%;
    margin-right: 20px;
}

.mint-wrapper {
    background-color: #fff;
    float: left;
    width: 100%;
}

#shopify-section-coconutsecret-recipe-section-header .cs-rcp-header--info ul li span {
    background: #E5BF4C;
    background: -webkit-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: -moz-linear-gradient(to top right, #E5BF4C 20%, #8F6221 100%);
    background: linear-gradient( 128.75deg , #E5BF4C 0%, #8F6221 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.cs-rcp-keyingredients{
    float: left;
    width: 100%;
}

.template-article .blog-social {
    width: 200px;
    margin-left: 30px;
    margin-top: -60px;
    margin-bottom: 0;
    float: left;
}

article.full-width {
    float: left;
    width: 100%;
}

#shopify-section-cart-template #shopify-section-article-coconutsecret-recipe-template .recipe-extracontent{
text-align: center;
}

#shopify-section-cart-template #recently-viewed-products .rv-title, .cart--empty-message{
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 61px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #444444;
}

#shopify-section-cart-template #recently-viewed-products {
  margin-bottom: 100px;
}

#shopify-section-cart-template #recently-viewed-products .products .title{
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 30px;
  text-transform: capitalize;
  color: #444444;
}

#shopify-section-cart-template #recently-viewed-products .producct .image{
border-radius: 0rem;
}

#shopify-section-cart-template #recently-viewed-products a.product__image {
    margin: 1vw auto 1vw auto;
}

#shopify-section-cart-template #recently-viewed-products a.product__image span{
  border-radius: 0vw;
  background-color: #444444;
}

#shopify-section-cart-template .rv-title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 61px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #444444;
  margin-top: 50px;
}

#template-your-shopping-cart .site-menu .menu-item--1>a{
 color: #444444;
}

#template-your-shopping-cart .bar-header__account, #template-your-shopping-cart .bar-header__cart{
 color: #444444;
}
#template-your-shopping-cart .site-header {
  background-color: #f5f5f5;
}
#template-your-shopping-cart #bttn-search--icon{
 background-image: url(/cdn/shop/files/search_1.png?v=1626957510) !important;
 background-color: transparent;
}

#template-your-shopping-cart .bar-header__account{
background-image: url(/cdn/shop/files/person_outline_1.png?v=1626955943) !important;
}

#template-your-shopping-cart .bar-header__cart{
background-image: url(/cdn/shop/files/shopping_cart_1.png?v=1626955545) !important;
}

#template-your-shopping-cart .site-header__logo{
 display: none;
}

#template-your-shopping-cart #shopify-section-footer{
 display: none;
}

#shopify-section-coconut-section-footer .activee{
    border-bottom: 2px solid transparent !important;
}
/*** Responsive CSS Start ***/
/** Product Page **/

@media only screen and (max-width: 600px) {
  #shopify-section-coconutsecret-product-hero .cs-product-headline-mob{
    font-family: Noto Serif !important;
    font-style: italic;
    font-weight: 800;
    font-size: 21px ;
    line-height: 29px ;
    text-transform: capitalize ;
    background: #e5bf4c;
    background: -webkit-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: -moz-linear-gradient(to top right,#e5bf4c 20%,#8f6221 100%);
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px;
    margin-top: 25px;
  }
  #shopify-section-coconutsecret-product-hero .description_tabs .tabcontent {
    width: 100%;
    padding: 5.5vw 0 2vw 0;
    float: left;
}
  #shopify-section-coconutsecret-product-hero .breadcrumbs {
    padding: 1rem 0rem;
  }
  .cs-breadcrumbs-mob .coconutsecret-product-bread_return_btn{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    align-items: center;
    text-transform: capitalize;
    color: #444444;
    display: block;
    padding-left: 10vw;
    background-position: 1% 50%;
    background-repeat: no-repeat;
    background-size: 8.5%;
    background-image: url(/cdn/shop/files/Open_Arrow_95dfefa1-775f-4b68-970a-089fec0cf558.png?v=1628868194);
    -webkit-transition: background-position .25s ease-out;
    -moz-transition: background-position .25s ease-out;
    -o-transition: background-position .25s ease-out;
    transition: background-position .25s ease-out;
    margin-top: 30px;
  }
  #shopify-section-coconutsecret-product-hero .cs-product-form__item--adc {
    padding-left: 0px;
    padding-right: 0px;
}
  #shopify-section-coconutsecret-product-hero .coconutsecret-product-form__cart-submit{
    border-radius: 0;
  }
  #shopify-section-coconutsecret-product-grid-blog-left .cs-blog-arrow-btn {
    right: 34vw !important;
    top: 162px;
    bottom: 5vw;
    padding: 12px 30px 12px 30px;
    background-size: 9.3rem;
    background: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    box-sizing: border-box;
    color: #fff;
}
  #template-coconut-aminos-original .coconutsecret-about__content{
    background-image: url(/cdn/shop/files/coconut_Aminos-min.png?v=1629201718) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 396vw;
    background-position: center;
  }
  #template-teriyaki-sauce-amp-marinade .coconutsecret-about__content{
    background-image: url(/cdn/shop/files/teriyaki_2-min.png?v=1629371876) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 396vw;
    background-position: center;
  }
  #template-garlic-sauce-amp-marinade .coconutsecret-about__content{
    background-image: url(/cdn/shop/files/garlic-min.png?v=1629372713) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 396vw;
    background-position: center;
  }
  #template-coconut-vinegar .coconutsecret-about__content{
    background-image: url(/cdn/shop/files/vinegar-min.png?v=1629373375) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 396vw;
    background-position: center;
  }
  #template-coconut-nectar .coconutsecret-about__content{
    background-image: url(/cdn/shop/files/nectar-min.png?v=1629373613) !important;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 396vw;
    background-position: center;
  }
  
  .coconutsecret-about__content .coconutsecret-storage {
    width: 90%;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 650px;
    position: relative;
}
  #shopify-section-coconutsecret-product-grid-blog-left .collect-floatimg-01.cs-productblog-right-img {
    position: absolute;
    width: 60vw;
    z-index: 1;
    right: 0;
    display: block;
    margin-top: -400px;
}
  #template-coconut-aminos-original #shopify-section-coconutsecret-product-grid-blog-right .collect-floatimg-01.cs-productblog-left-img {
    position: absolute;
    width: 65vw;
    top: 890vw;
    z-index: 1;
}
  #template-teriyaki-sauce-amp-marinade #shopify-section-coconutsecret-product-grid-blog-right .collect-floatimg-01.cs-productblog-left-img {
    position: absolute;
    width: 65vw;
    top: 910vw;
    z-index: 1;
}
  #template-garlic-sauce-amp-marinade #shopify-section-coconutsecret-product-grid-blog-right .collect-floatimg-01.cs-productblog-left-img {
    position: absolute;
    width: 65vw;
    top: 920vw;
    z-index: 1;
}
  #template-coconut-vinegar #shopify-section-coconutsecret-product-grid-blog-right .collect-floatimg-01.cs-productblog-left-img {
    position: absolute;
    width: 65vw;
    top: 865vw;
    z-index: 1;
}
  #template-coconut-nectar #shopify-section-coconutsecret-product-grid-blog-right .collect-floatimg-01.cs-productblog-left-img {
    position: absolute;
    width: 65vw;
    top: 900vw;
    z-index: 1;
}
  #shopify-section-coconutsecret-product-recipes .cs-headline-product-recipe{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    line-height: 33px !important;
  }
  #shopify-section-coconutsecret-product-recipes .title-icon__top{
    margin-bottom: 0rem !important;
  }
  #shopify-section-coconutsecret-product-recipes .recipe-list {
    display: flex;
    justify-items: center;
    flex-direction: column;
  }
  #shopify-section-coconutsecret-product-recipes .cs-recipe-list li {
    width: 80%;
    margin: 15px auto;
  }
  #shopify-section-coconutsecret-product-recipes .cs-recipe-title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: capitalize;
  }
  #shopify-section-coconutsecret-product-tabs .cs-headline-product-recipe{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 27px !important;
    line-height: 50px !important; 
    text-transform: uppercase !important;
  }
  #shopify-section-coconutsecret-product-mini-carousel .cs-headline-product-recipe{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 27px !important;
    line-height: 50px !important;
    margin-bottom: 0px;
    padding-bottom : 0px;
  }
  #shopify-section-coconutsecret-product-mini-carousel .minicarousel--wrapper {
    height: 32rem;
    margin-bottom: -2rem;
  }
  .cococnutsecret-collection-slider .minicarousel.minicarousel-arrow.slick-initialized.slick-slider .slick-prev{
    left: 25.5%;
  }
  .cococnutsecret-collection-slider .minicarousel.minicarousel-arrow.slick-initialized.slick-slider .slick-next {
    right: 25%;
  } 
  .coconutsecret-product-mini-carousel .minicarousel-container .slick-slide {
    width: 217px !important;
    margin-top: 62px !important;
  }
  #shopify-section-coconutsecret-product-hero .certification__wrapper img {
    width: 12%;
    height: auto;
    max-height: 100%;
    margin-bottom: 1rem;
}
  #shopify-section-coconutsecret-product-hero .coconutsecret-description_tabs .tab button{
    font-size: 3.3vw;
  }
  #shopify-section-coconutsecret-product-hero .content-select-value {
    display: block;
    width: 70%;
    margin-bottom: 25px;
  }
  #shopify-section-coconutsecret-product-hero .coconutsecret-varian-options{
    display: none;
  } 
  #shopify-section-coconutsecret-product-hero .product-form select {
    font-size: 1rem;
    border-radius: 0rem;
    padding: 14px 123px 14px 15px;
    border: 2px solid transparent !important;
    border-image: linear-gradient( 
128.75deg
 ,#e5bf4c 0,#8f6221 100%)!important;
    border-image-slice: 1!important;
    background-image: url(/cdn/shop/files/down_arrow.png?v=1626698337);
    background-repeat: no-repeat;
    width:100%;
  }
  #shopify-section-coconutsecret-product-hero .product-form__item--quantity {
    width: 68%;
    margin: 0px auto 1rem auto;
    float: none;
  }
  #shopify-section-coconutsecret-product-hero .product-form__item--submit{
    width: 68%;
  }
  #shopify-section-coconutsecret-product-hero #test2{
    margin-left: 14px;
  }
  #shopify-section-coconutsecret-product-hero .coconutsecret-product-form__cart-submit{
    padding: 15px 0;
  }
}

@media screen and (max-width: 320px){
#shopify-section-coconutsecret-product-hero #test2{
    margin-left: -2px;
  }
}

@media screen and (max-width: 749px){
#template-nutiva-online-for-organic-coconut-oils-hazelnut-spreads-amp-superfoods .minicarousel-container .slick-prev, .slick-next {
    width: 1.5rem !important;
    height: 3rem !important;
}
 #template-coconut-secret .minicarousel-container .slick-prev, .slick-next {
    width: 6vw !important;
    height: 14vw !important;
}
}



/** purpose page mobile css start **/

@media only screen and (max-width: 600px) {
  
  #template-purpose h2.headline-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
  }

  #shopify-section-purpose-cococnutsecret-header .icon-section-header-banner{
    min-height: 182px;
  }
  .mob-about-row__item{
    position: absolute;
    float: left;
    width: 100%;
  }
  .coconutsecret-ourstories-wrapper .about-row__item.about-row__text.about-row__text--right {
    padding: 125vw 4vw 4vw 4vw !important;
  }
  .coconutsecret-ourstories-wrapper {
    background-image: url(/cdn/shop/files/shape.png?v=1628840579) !important;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* min-height: 944px; */
    height: 2100px;
  }
  .mob-tab-section-images-right{
    position: absolute;
    width: 100% !important;
  }
  .tab-section-content-left {
    float: left !important;
    width: 100% !important;
    margin-right: 3vw !important;
    margin-top: 355px;
  }
  #shopify-section-coconutsecret-stories-threetab .section--box-tab--wrapper {
    background-image: url(/cdn/shop/files/Mask_Group_5.png?v=1628841853);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
   /* min-height: 693px; */
    width: 100%;
    height: 1060px;
  }
  .coconutsecret-certifications .carousel-stamps article ul li {
    width: 44.8vw !important;
    margin: 0 -0.3vw 0 0 !important;
  }
  .collect-floatimg-01.cs-purpose-left-img {
    margin-top: 0;
    position: absolute;
    width: 38vw !important;
    z-index: 1;
  }
  .collect-floatimg-02.cs-purposet-right-img {
    left: 50vw !important;
    top: 550vw !important;
    width: 50% !important;
  }
  .coconutsecret-certifications .box-stamps {
    border-radius: 0;
    width: 100% !important;
  }
  .coconutsecret-certifications .stamp-titlecopy {
    width: 90% !important;
  }
  #template-purpose h2.heading-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 32px;
    line-height: 50px;
  }
  #template-purpose .modal-footer-content h3.heading-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 32px;
    line-height: 38px;
  }
  #template-purpose .coconutsecret-stories-tab .stamp-title {
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
  }
  #template-purpose .coconutsecret-stories-tab .header-mini-tabmenu li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
  }
  #template-purpose .coconutsecret-our-stories .paragraph{
    text-align: center;
  }
  #template-purpose .stamp-desc .paragraph{
    text-align: center;
  }
  #template-purpose .about-section-button{
    text-align: center;
  }
  #template-purpose .header-mini-tabmenu li {
    width: 9rem;
  }
  #template-purpose .coconutsecret-certifications .modal-footer-content .reset-Button.fast-add--product {
    background-image: url(/cdn/shop/files/add.png?v=1627020897);
    height: 25px;
    width: 25px;
    background-size: inherit;
    background-color: transparent;
    top: -2vw;
    right: -1vw;
  }
  .coconutsecret-our-stories .icon-section{
    background-repeat: no-repeat;
    background-size: 148px;
  }
  #template-purpose #shopify-section-coconutsecret-stories-threetab .mini-tabmenu-wrapper {
    width: 155%;
    bottom: 2rem;
    left: 0;
    margin: 2rem auto .75rem auto;
    overflow: scroll;
  }
  #template-purpose .purpose-tabmenu{
    overflow: auto;
  }
}

/** collections page mobile css start **/

@media only screen and (max-width: 600px) {
  
  #template-secret-products h2.headline-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    margin-top: 54px;
  }

  #template-secret-products .icon-section-header-banner {
    min-height: 225px;
  }
  #template-secret-products .product-card.product--full.cs-product-card:nth-child(4n) {
    margin-left: 0vw;
  }
  #template-secret-products .product-card.product--full.cs-product-card:nth-child(5n) {
    margin-left: 0vw;
  }
  #template-secret-products .cs-blog-arrow-btn{
    right: 24vw!important;
    top: 162px;
    bottom: 5vw;
    padding: 12px 30px 12px 30px;
    background-size: 9.3rem;
    background: linear-gradient( 
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    box-sizing: border-box;
    color: #fff;
  }
  #template-secret-products .leaf-second .cs-blog-arrow-btn{
    right: 28vw!important;
    top: 162px;
    bottom: 5vw;
    padding: 10px 30px 12px 30px;
    background-size: 9.3rem;
    background: linear-gradient( 
128.75deg
 ,#e5bf4c 0,#8f6221 100%);
    box-sizing: border-box;
    color: #fff;
  }
  #template-secret-products .cs-blog-right-img {
    position: absolute;
    width: 65vw;
    z-index: 1;
    right: 0;
    display: block;
    margin-top: -390px;
  }
  #template-secret-products .collect-floatimg-01.cs-copy-left-img {
    margin-top: 38%;
    position: absolute;
    width: 75vw;
    z-index: 1;
   }
  #template-secret-products .hide-mobile {
    display: block;
  }
  #template-secret-products .collect-floatimg {
    position: absolute;
    width: 30vw;
    z-index: 1;
  }
  #template-secret-products .colfloa-timg-2 {
    right: 0;
    top: 72vw;
  }
  #template-secret-products .colfloa-timg-3 {
    left: 0;
    top: 342vw;
  }
  #template-secret-products .cs-product-name{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 26px;
    text-align: center;
    text-transform: capitalize;
  }
  #template-secret-products .product-card {
    margin-bottom: 3rem;
  }
  #template-secret-products #shopify-section-grid-blog-left-06 .brand-content-space .brand-section--1 div {
    margin-top: 10px;
  }
  #template-secret-products #shopify-section-grid-blog-right-06 .brand-content-space .brand-section--1 div {
    margin-top: 12px;
  }
}
@media only screen and (min-width: 414px) {
  #template-secret-products .colfloa-timg-3 {
    left: 0;
    top: 320vw;
}
}
@media only screen and (min-width: 412px) {
  #template-secret-products .colfloa-timg-3 {
    left: 0;
    top: 320vw;
}
}
@media only screen and (max-width: 320px) {
  #template-secret-products .colfloa-timg-3 {
    left: 0;
    top: 390vw;
}
}
@media only screen and (max-width: 390px) {
  #template-secret-products .colfloa-timg-3 {
    left: 0;
    top: 342vw;
}
}

/** media-coverage page mobile css start **/

@media only screen and (max-width: 600px) {
  
  #template-media-coverage h2.headline-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    margin-top: 54px;
  }

   #template-media-coverage .icon-section-header-banner {
    min-height: 225px;
   }
   #template-media-coverage h3.headline-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 35px;
    line-height: 41px;
    text-transform: capitalize;
   }
   #template-media-coverage .billboard-grid--wrapper {
    padding: 12vw 0 1vw 0;
    background-color: #fbfbfb;
  }
  #template-media-coverage a.billboard-pic{
    margin-bottom: 5vw;
  }
  #template-media-coverage .socialnews-cocnutsecret{
    padding-bottom: 55px;
  }
  #template-media-coverage #insta-feed, .instafeed-shopify{
    margin-bottom: 22px;
  }
}


/** recipes list page mob css start **/

@media only screen and (max-width: 600px) {
  
  #template-coconutsecret-recipes h2.headline-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    margin-top: 54px;
  }

  #template-coconutsecret-recipes .icon-section-header-banner{
    min-height: 225px;
  }
  #template-coconutsecret-recipes #shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li{
    width: 30vw;
  }
  
  #template-coconutsecret-recipes #shopify-section-coconutsecret-blog-template .recipe-listing:first-child{
    width: 95%;
  }
  #template-coconutsecret-recipes #shopify-section-coconutsecret-blog-template .recipe-listing:nth-child(2) {
    width: 95%;
    float: left;
  }
  #template-coconutsecret-recipes .recipe-listing {
    width: 95%;
  }
  #template-coconutsecret-recipes .recipe-listing .recipe-title{
    margin-top: 4vw;
  }
  #template-coconutsecret-recipes #shopify-section-coconutsecret-blog-template .recipe-title a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 27px;
  }
  #template-coconutsecret-recipes #shopify-section-blog-coconutsecret-recipes-header .header-mini-menu li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;  
  }
  #template-coconutsecret-recipes #shopify-section-coconutsecret-blog-template form.search_blog input.searchBox.field{
    width: 236px;
    height: 50px;
  }
  #template-coconutsecret-recipes #shopify-section-coconutsecret-blog-template form.search_blog input.searchBox.field{
    padding-left: 40px;
    border: solid 2.5px transparent;
    border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%)!important;
    border-image-slice: 1!important;
    padding: 10px 35px;
    border-radius: 0;
  }
}

/** Blog list page mob css start **/

@media only screen and (max-width: 600px) {
  
  #template-coconutsecret-blog h2.headline-font{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;
    text-transform: capitalize;
    margin-top: 54px;
  }

  #template-coconutsecret-blog .icon-section-header-banner{
    min-height: 225px;
  }
  #template-coconutsecret-blog #shopify-section-blog-coconutsecret-recipes-header .cs-header-mini-menu li{
    width: 30vw;
  }
  #template-coconutsecret-blog #shopify-section-coconutsecret-blog-template .filter-container{
    margin-left: 50px !important;
    margin-right: 0px !important;
  } 
  #template-coconutsecret-blog #shopify-section-coconutsecret-blog-template .recipe-listing:first-child{
    width: 95%;
  }
  #template-coconutsecret-blog #shopify-section-coconutsecret-blog-template .recipe-listing:nth-child(2) {
    width: 95%;
    float: left;
  }
  #template-coconutsecret-blog .recipe-listing {
    width: 95%;
  }
  #template-coconutsecret-blog .recipe-listing .recipe-title{
    margin-top: 4vw;
  }
  #template-coconutsecret-blog #shopify-section-coconutsecret-blog-template .recipe-title a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 27px;
  }
  #template-coconutsecret-blog #shopify-section-blog-coconutsecret-recipes-header .header-mini-menu li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 38px;  
  }
  #template-coconutsecret-blog #shopify-section-coconutsecret-blog-template form.search_blog input.searchBox.field{
    width: 236px;
    height: 50px;
  }
  #template-coconutsecret-blog #shopify-section-coconutsecret-blog-template form.search_blog input.searchBox.field{
    padding-left: 40px;
    border: solid 2.5px transparent;
    border-image: linear-gradient(
128.75deg
 ,#e5bf4c 0,#8f6221 100%)!important;
    border-image-slice: 1!important;
    padding: 10px 35px;
    border-radius: 0;
  }
  #template-coconutsecret-blog #shopify-section-blog-coconutsecret-blog-header .cs-header-mini-menu li{
    width: 30vw;
  } 
  .article-coconutsecret-blog-subfooter {
    margin-top: -50px;
  }
}

/** help FAQ page mob css **/

@media only screen and (max-width: 600px) {
  
  #template-coconutsecret-faq .cs-help-tabs-list .activee{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconutsecret-faq .cs-help-tabs-list li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconutsecret-faq .help-tabs-container ul li{
    width: 22% !important;
    margin: 0 0rem 0rem 0;
  }
  #template-coconutsecret-faq .tab-navigation{
    margin-top: 40vw;
    margin-left:35px;
    overflow: auto;
  }
  #template-coconutsecret-faq .cs-help-tabs-container{
    width: 200%;
    margin: 2vw auto;
    overflow: scroll;
  }
  #template-coconutsecret-faq .cart-page-header h2.banner-title{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
    line-height: 70px;
    text-transform: capitalize;
    margin-top: 90px;
  }
  #template-coconutsecret-faq h4.center.headline-font{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 40px !important;
    line-height: 70px !important;
    text-transform: uppercase !important;
  }
  #template-coconutsecret-faq .help-footer--wrapper .cs-headline-font-help{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    line-height: 33px !important;
    text-transform: capitalize !important;
  }
  #template-coconutsecret-faq ul.interested-grid li a.interest_image{
    border-radius: 0rem;
  }
  #template-coconutsecret-faq .help-footer--wrapper ul.cs-interested-grid li a.cs-interest_title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
  #template-coconutsecret-faq .help-header .help-inside-subheader{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
  }
  #template-coconutsecret-faq .help-inside-subheader{
    width: 85%;
  }
  #template-coconutsecret-faq .cs-bluebgr-ft-ing--left {
    left: 0;
    bottom: 505vw;
    width: 25vw;
  }
  #template-coconutsecret-faq .cs-bluebgr-ft-ing--right {
    right: 0;
    bottom: 250vw;
    width: 45vw;
  }
  #template-coconutsecret-faq .help-footer--wrapper{
   margin-bottom: 75px;
  }
}

/** coconutsecret-wholesale-terms page mob css start **/

@media only screen and (max-width: 600px) {
   
  #template-coconut-secret-wholesale-terms .cs-help-tabs-list .activee{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconut-secret-wholesale-terms .cs-help-tabs-list li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconut-secret-wholesale-terms .help-tabs-container ul li{
    width: 22% !important;
    margin: 0 0rem 0rem 0;
  }
  #template-coconut-secret-wholesale-terms .tab-navigation{
    margin-top: 40vw;
    margin-left:35px;
    overflow: auto;
  }
  #template-coconut-secret-wholesale-terms .cs-help-tabs-container{
    width: 200%;
    margin: 2vw auto;
    overflow: scroll;
  }
  #template-coconut-secret-wholesale-terms .cart-page-header h2.banner-title{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
    line-height: 70px;
    text-transform: capitalize;
    margin-top: 90px;
  }
  #template-coconut-secret-wholesale-terms h4.center.headline-font{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 40px !important;
    line-height: 70px !important;
    text-transform: uppercase !important;
  }
  #template-coconut-secret-wholesale-terms .help-footer--wrapper .cs-headline-font-help{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    line-height: 33px !important;
    text-transform: capitalize !important;
  }
  #template-coconut-secret-wholesale-terms ul.interested-grid li a.interest_image{
    border-radius: 0rem;
  }
  #template-coconut-secret-wholesale-terms .help-footer--wrapper ul.cs-interested-grid li a.cs-interest_title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
  #template-coconut-secret-wholesale-terms .help-header .help-inside-subheader{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
  }
  #template-coconut-secret-wholesale-terms .help-inside-subheader{
    width: 85%;
  }
  #template-coconut-secret-wholesale-terms .cs-bluebgr-ft-ing--left {
    left: 0;
    bottom: 505vw;
    width: 25vw;
  }
  #template-coconut-secret-wholesale-terms .cs-bluebgr-ft-ing--right {
    right: 0;
    bottom: 250vw;
    width: 45vw;
  }
  #template-coconut-secret-wholesale-terms .help-footer--wrapper{
   margin-bottom: 75px;
  }
  #template-coconut-secret-wholesale-terms .quick-access-wrapper .help-icon-btns.cs-bgr-red {
    width: 65%;
    min-height: 308px;
    border-radius: 0;
    height: 360px;
  }
  #template-coconut-secret-wholesale-terms .quick-access-wrapper .icon-btn-copy.cs-icon-btn-copy {
    float: left;
    width: 100%;
    padding: 5px 0px 0px 0px;
    max-width: 100%;
  }
}

@media only screen and (max-width: 375px){
#template-coconut-secret-wholesale-terms .cs-help-tabs-list li a {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 16px;
}
  #template-purpose .coconutsecret-our-stories h2.heading-font{
    margin-bottom: 60px !important;
  }
}

@media only screen and (max-width: 450px){
  #template-purpose .coconutsecret-our-stories h2.heading-font{
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 414px){
  #template-purpose .coconutsecret-our-stories h2.heading-font{
    margin-bottom: 60px !important;
  }
}
/** coconutsecret-wholesale-shipping page mob css start **/

@media only screen and (max-width: 600px) {
   
  #template-coconut-secret-wholesale-shipping .cs-help-tabs-list .activee{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconut-secret-wholesale-shipping .cs-help-tabs-list li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconut-secret-wholesale-shipping .help-tabs-container ul li{
    width: 22% !important;
    margin: 0 0rem 0rem 0;
  }
  #template-coconut-secret-wholesale-shipping .tab-navigation{
    margin-top: 40vw;
    margin-left:35px;
    overflow: auto;
  }
  #template-coconut-secret-wholesale-shipping .cs-help-tabs-container{
    width: 200%;
    margin: 2vw auto;
    overflow: scroll;
  }
  #template-coconut-secret-wholesale-shipping .cart-page-header h2.banner-title{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
    line-height: 70px;
    text-transform: capitalize;
    margin-top: 90px;
  }
  #template-coconut-secret-wholesale-shipping h4.center.headline-font{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 40px !important;
    line-height: 70px !important;
    text-transform: uppercase !important;
  }
  #template-coconut-secret-wholesale-shipping .help-footer--wrapper .cs-headline-font-help{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    line-height: 33px !important;
    text-transform: capitalize !important;
  }
  #template-coconut-secret-wholesale-shipping ul.interested-grid li a.interest_image{
    border-radius: 0rem;
  }
  #template-coconut-secret-wholesale-shipping .help-footer--wrapper ul.cs-interested-grid li a.cs-interest_title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
  #template-coconut-secret-wholesale-shipping .help-header .help-inside-subheader{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
  }
  #template-coconut-secret-wholesale-shipping .help-inside-subheader{
    width: 85%;
  }
  #template-coconut-secret-wholesale-shipping .cs-bluebgr-ft-ing--left {
    left: 0;
    bottom: 505vw;
    width: 25vw;
  }
  #template-coconut-secret-wholesale-shipping .cs-bluebgr-ft-ing--right {
    right: 0;
    bottom: 250vw;
    width: 45vw;
  }
  #template-coconut-secret-wholesale-shipping .help-footer--wrapper{
   margin-bottom: 75px;
  }
  #template-coconut-secret-wholesale-shipping .quick-access-wrapper .help-icon-btns.cs-bgr-red {
    width: 100%;
    min-height: 308px;
    border-radius: 0;
    height: 360px;
  }
  #template-coconut-secret-wholesale-shipping .quick-access-wrapper .icon-btn-copy.cs-icon-btn-copy {
    float: left;
    width: 100%;
    padding: 5px 0px 0px 0px;
    max-width: 100%;
  }
}

/** coconutsecret-contact page mob css start **/

@media only screen and (max-width: 600px) {
   
  #template-coconutsecret-contact .cs-help-tabs-list .activee{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconutsecret-contact .cs-help-tabs-list li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconutsecret-contact .help-tabs-container ul li{
    width: 22% !important;
    margin: 0 0rem 0rem 0;
  }
  #template-coconutsecret-contact .tab-navigation{
    margin-top: 40vw;
    margin-left:35px;
    overflow: auto;
  }
  #template-coconutsecret-contact .cs-help-tabs-container{
    width: 200%;
    margin: 2vw auto;
    overflow: scroll;
  }
  #template-coconutsecret-contact .cart-page-header h2.banner-title{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
    line-height: 70px;
    text-transform: capitalize;
    margin-top: 90px;
  }
  #template-coconutsecret-contact h4.center.headline-font{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 40px !important;
    line-height: 70px !important;
    text-transform: uppercase !important;
  }
  #template-coconutsecret-contact .help-footer--wrapper .cs-headline-font-help{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    line-height: 33px !important;
    text-transform: capitalize !important;
  }
  #template-coconutsecret-contact ul.interested-grid li a.interest_image{
    border-radius: 0rem;
  }
  #template-coconutsecret-contact .help-footer--wrapper ul.cs-interested-grid li a.cs-interest_title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
  #template-coconutsecret-contact .help-header .help-inside-subheader{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
  }
  #template-coconutsecret-contact .help-inside-subheader{
    width: 85%;
  }
  #template-coconutsecret-contact .cs-bluebgr-ft-ing--left {
    left: 0;
    bottom: 505vw;
    width: 25vw;
  }
  #template-coconutsecret-contact .cs-bluebgr-ft-ing--right {
    right: 0;
    bottom: 250vw;
    width: 45vw;
  }
  #template-coconutsecret-contact .help-footer--wrapper{
   margin-bottom: 75px;
  }
  #template-coconutsecret-contact #shopify-section-page-help-coconutsecret-btnslist .icon-btn-3 .help-icon-btns{
    width: 100%;
    height: 100%;
  }
}

/** coconutsecret-orders-and-shipping page mob css start **/

@media only screen and (max-width: 600px) {
   
  #template-coconut-secret-orders-and-shipping .cs-help-tabs-list .activee{
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconut-secret-orders-and-shipping .cs-help-tabs-list li a{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 38px;
  }
  #template-coconut-secret-orders-and-shipping .help-tabs-container ul li{
    width: 22% !important;
    margin: 0 0rem 0rem 0;
  }
  #template-coconut-secret-orders-and-shipping .tab-navigation{
    margin-top: 40vw;
    margin-left:35px;
    overflow: auto;
  }
  #template-coconut-secret-orders-and-shipping .cs-help-tabs-container{
    width: 200%;
    margin: 2vw auto;
    overflow: scroll;
  }
  #template-coconut-secret-orders-and-shipping .cart-page-header h2.banner-title{
    font-family: Noto Serif;
    font-style: italic;
    font-weight: bold;
    font-size: 40px;
    line-height: 70px;
    text-transform: capitalize;
    margin-top: 90px;
  }
  #template-coconut-secret-orders-and-shipping h4.center.headline-font{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: bold !important;
    font-size: 40px !important;
    line-height: 70px !important;
    text-transform: uppercase !important;
  }
  #template-coconut-secret-orders-and-shipping .help-footer--wrapper .cs-headline-font-help{
    font-family: Noto Serif !important;
    font-style: italic !important;
    font-weight: 800 !important;
    font-size: 24px !important;
    line-height: 33px !important;
    text-transform: capitalize !important;
  }
  #template-coconut-secret-orders-and-shipping ul.interested-grid li a.interest_image{
    border-radius: 0rem;
  }
  #template-coconut-secret-orders-and-shipping .help-footer--wrapper ul.cs-interested-grid li a.cs-interest_title{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
  #template-coconut-secret-orders-and-shipping .help-header .help-inside-subheader{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
  }
  #template-coconut-secret-orders-and-shipping .help-inside-subheader{
    width: 85%;
  }
  #template-coconut-secret-orders-and-shipping .cs-bluebgr-ft-ing--left {
    left: 0;
    bottom: 505vw;
    width: 25vw;
  }
  #template-coconut-secret-orders-and-shipping .cs-bluebgr-ft-ing--right {
    right: 0;
    bottom: 250vw;
    width: 45vw;
  }
  #template-coconut-secret-orders-and-shipping .help-footer--wrapper{
   margin-bottom: 75px;
  }
  #template-coconut-secret-orders-and-shipping .quick-access-wrapper .help-icon-btns.cs-bgr-red {
    width: 80%;
    min-height: 308px;
    border-radius: 0;
    height: 360px;
  }
  #template-coconut-secret-orders-and-shipping .quick-access-wrapper .icon-btn-copy.cs-icon-btn-copy {
    float: left;
    width: 100%;
    padding: 5px 0px 0px 0px;
    max-width: 100%;
  }


  
@media only screen and (max-width: 600px) {
  .announcement-bar p.announcement-bar__message {
    font-size: 10px !important;
    /* padding: .35rem 1rem; */
    line-height: 36px !important;
    padding-left: 0px !important;
    padding-right: 22px !important;
    padding-top: 0px !important;
    padding-bottom: 4px !important;
   }
    .announcement-store {
    right: 0vw !important;
    }
  .announcement-bar .site-announcement__logo_second-image {

    margin-top: 4px;
}
}
  
@media only screen and (max-width: 450px) {
  
#reamazejs-container  #reamaze-widget {
    bottom: 40vw !important;
}
 
}

@media screen and (max-width: 749px){
  .copy-footer a, .copy-footer p {
    color: #fff;
    font-size: 10px;
  }
}
  
@media only screen and (max-width: 600px) {
  .copy-footer a, .copy-footer p {
    color: #fff;
    font-size: 10px;
  }
  
}
  
/** recipes artical page mob css start **/
  
@media only screen and (max-width: 600px) {
  
  #shopify-section-article-coconutsecret-recipes-carousel .coconutsecret-recipes .minicarousel-container-recipe .slick-next {
    right: 30%;
    top: 40%;
    background-image: url(/cdn/shop/files/Carousel_Arrow_Right.png?v=1626160593);
  }
  #shopify-section-article-coconutsecret-recipes-carousel .coconutsecret-recipes .minicarousel-container-recipe .slick-prev {
    left: 30%;
    top: 40%;
    background-image: url(/cdn/shop/files/Carousel_Arrow_Left.png?v=1626159709);
  }
  #shopify-section-article-coconutsecret-recipes-carousel .coconutsecret-recipes .minicarousel-container-recipe .slick-prev, .slick-next {
    width: 7vw;
    height: 13vw;
  }
 
  #shopify-section-article-coconutsecret-recipes-carousel a.cs-rp-img-mob span {
    position: absolute;
    width: 50%;
 
  }
  .cs-rp-img-mob {
    
    display: none;
}   
  
   #shopify-section-article-coconutsecret-recipes-carousel .addtocart-button-mob {
    background-image: url(/cdn/shop/files/button-img.png?v=1627383816);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 200px;
    height: 50px;
  }
  
  #shopify-section-article-coconutsecret-recipes-carousel .minicarousel--wrapper.coconutsecret-recipes .slick-slide p{
    font-family: Montserrat;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 40px;
  }
}  
  
@media only screen and (max-width: 600px) {
  #shopify-section-page-careers-positions .current-postings{
    width: 100% !important;
    height: 60vh !important;
    margin: 0rem auto !important;
  }
  #shopify-section-page-careers-positions .current-postings iframe{
    height: 70% !important;
    width: 100% !important;
  }
  #shopify-section-page-careers-positions{
    height: 555px !important;
  }
}
  
/** collection page tab view css start **/
  
  
@media (min-width: 768px) and (max-width: 1024px) {
  
  h2.banner-title{
   margin-top: 22vw;
  }
  .cs-blog-right-img {
    margin-top: -345px;
  }
  #template-secret-products .colfloa-timg-3 {
    left: 0;
    top: 135vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  #shopify-section-coconutsecret-product-recipes .cs-headline-product-recipe{
    font-size: 30px !importan;
  }
}
.cococnutsecret-collection-slider h2{
    font-size: 30px;
  }
/** Product page tab view css start **/
  
/*@media (min-width: 768px) and (max-width: 1024px) {

  #shopify-section-coconutsecret-product-hero #test2 {
    margin-right: -3px !important;
    margin-left: -10px !important;

  }


}*/
  
.review__content .toggle .toggle__item .h4 {
    display: none;
}