@charset "utf-8";


/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/



.desktoponly {}    
.mobileonly {display: none;}    

.Gilmer-Light {font-family: 'Gilmer Light';}
.Gilmer, .Gilmer-Regular {font-family: 'Gilmer Regular';}
.Gilmer-Medium {font-family: 'Gilmer Medium';}
.Gilmer-Bold {font-family: 'Gilmer Bold';}
.Gilmer-Heavy {font-family: 'Gilmer Heavy';}

.Schnyder-Light {font-family: 'Schnyder S Web'; font-weight: 300; font-style: normal; font-stretch: normal;}
.Schnyder, .Schnyder-Regular, .Schnyder-Medium {font-family: 'Schnyder S Web'; font-weight: 400; font-style: normal; font-stretch: normal;}
.Schnyder-Bold {font-family: 'Schnyder S Web'; font-weight: 700; font-style: normal; font-stretch: normal;}

.txt-black, .txt-black1, .txt-shakblack, .txt-nacholibre {color: #242729;}
.txt-charcoal, .txt-black2 {color: #2E2E2E;}
.txt-ivy, .txt-green1 {color: #173E35;}
.txt-ivy, .txt-green1 {color: #173E35;}
.txt-kale, .txt-green3 {color: #006B5C;}
.txt-rosemary, .txt-green3 {color: #7D9C91;}
.txt-sage, .txt-green4 {color: #AEC9B9;}

.svg-black, .svg-black1, 
.svg-shakblack, .svg-nacholibre {filter: brightness(0) saturate(100%) invert(10%) sepia(1%) saturate(7496%) hue-rotate(176deg) brightness(95%) contrast(88%);}
.svg-charcoal, .svg-black2 {filter: brightness(0) saturate(100%) invert(15%) sepia(3%) saturate(17%) hue-rotate(8deg) brightness(101%) contrast(91%);}
.svg-ivy, .svg-green1 {filter: brightness(0) saturate(100%) invert(16%) sepia(11%) saturate(2735%) hue-rotate(116deg) brightness(93%) contrast(84%);} 
.svg-kale, .svg-green2 {filter: brightness(0) saturate(100%) invert(27%) sepia(69%) saturate(826%) hue-rotate(130deg) brightness(99%) contrast(101%);} 
.svg-rosemary, .svg-green3 {filter: brightness(0) saturate(100%) invert(62%) sepia(5%) saturate(1164%) hue-rotate(107deg) brightness(94%) contrast(86%);} 
.svg-sage, .svg-green4 {filter: brightness(0) saturate(100%) invert(90%) sepia(16%) saturate(263%) hue-rotate(92deg) brightness(87%) contrast(84%);} 

a.btn.shakbtn {padding: .5em 2em;}
.bg-ivy, .bg-green1 {background-color: #000000;}
.bg-kale, .bg-green3 {background-color: #006B5C;}
.bg-rosemary, .bg-green3 {background-color: #7D9C91;}
.bg-sage, .bg-green4 {background-color: #AEC9B9;}
.btn-round {border-radius: 20px !important;}

.text-12  {font-size: clamp(calc(( 12px * 0.67) + 4.27px), calc( 12vw / 12),  12px);}
.text-14  {font-size: clamp(calc(( 12px * 0.67) + 4.27px), calc( 12.8vw / 12),  14px);}
.text-15  {font-size: clamp(calc(( 15px * 0.67) + 4.27px), calc( 15vw / 12),  15px);}
.text-16  {font-size: clamp(calc(( 16px * 0.67) + 4.27px), calc( 16vw / 12),  16px);}
.text-20  {font-size: clamp(calc(( 20px * 0.67) + 4.27px), calc( 20vw / 12),  20px);}
.text-22  {font-size: clamp(calc(( 22px * 0.67) + 4.27px), calc( 22vw / 12),  22px);}
.text-24  {font-size: clamp(calc(( 24px * 0.67) + 4.27px), calc( 24vw / 12),  24px);}
.text-30  {font-size: clamp(calc(( 30px * 0.67) + 4.27px), calc( 30vw / 12),  30px);}
.text-35  {font-size: clamp(calc(( 35px * 0.67) + 4.27px), calc( 35vw / 12),  35px);}
.text-40  {font-size: clamp(calc(( 40px * 0.67) + 4.27px), calc( 40vw / 12),  40px);}
.text-45  {font-size: clamp(calc(( 45px * 0.67) + 4.27px), calc( 45vw / 12),  45px);}
.text-50  {font-size: clamp(calc(( 50px * 0.67) + 4.27px), calc( 50vw / 12),  50px);}
.text-55  {font-size: clamp(calc(( 55px * 0.67) + 4.27px), calc( 55vw / 12),  55px);}
.text-60  {font-size: clamp(calc(( 60px * 0.67) + 4.27px), calc( 60vw / 12),  60px);}
.text-65  {font-size: clamp(calc(( 65px * 0.67) + 4.27px), calc( 65vw / 12),  65px);}
.text-70  {font-size: clamp(calc(( 70px * 0.67) + 4.27px), calc( 70vw / 12),  70px);}
.text-75  {font-size: clamp(calc(( 75px * 0.67) + 4.27px), calc( 75vw / 12),  75px);}
.text-80  {font-size: clamp(calc(( 80px * 0.67) + 4.27px), calc( 80vw / 12),  80px);}
.text-85  {font-size: clamp(calc(( 85px * 0.67) + 4.27px), calc( 85vw / 12),  85px);}
.text-90  {font-size: clamp(calc(( 90px * 0.67) + 4.27px), calc( 90vw / 12),  90px);}
.text-95  {font-size: clamp(calc(( 95px * 0.67) + 4.27px), calc( 95vw / 12),  95px);}
.text-100 {font-size: clamp(calc((100px * 0.67) + 4.27px), calc(100vw / 12), 100px);}
.text-105 {font-size: clamp(calc((105px * 0.67) + 4.27px), calc(100vw / 12), 105px);}
.text-110 {font-size: clamp(calc((110px * 0.67) + 4.27px), calc(110vw / 12), 110px);}
.text-115 {font-size: clamp(calc((115px * 0.67) + 4.27px), calc(115vw / 12), 110px);}
.text-120 {font-size: clamp(calc((120px * 0.67) + 4.27px), calc(120vw / 12), 120px);}
.text-125 {font-size: clamp(calc((125px * 0.67) + 4.27px), calc(125vw / 12), 120px);}
.text-130 {font-size: clamp(calc((130px * 0.67) + 4.27px), calc(130vw / 12), 130px);}



.text-12b  {font-size: clamp(calc(( 10px * 0.67) + 4.27px), calc( 12vw / 12),  12px);}
.text-14b  {font-size: clamp(calc(( 12px * 0.67) + 4.27px), calc( 12.8vw / 12),  14px);}
.text-15b  {font-size: clamp(calc(( 12px * 0.67) + 4.27px), calc( 15vw / 12),  15px);}
.text-16b  {font-size: clamp(calc(( 14px * 0.67) + 4.27px), calc( 16vw / 12),  16px);}
.text-20b  {font-size: clamp(calc(( 14px * 0.67) + 4.27px), calc( 20vw / 12),  20px);}
.text-22b  {font-size: clamp(calc(( 20px * 0.67) + 4.27px), calc( 22vw / 12),  22px);}
.text-24b  {font-size: clamp(calc(( 22px * 0.67) + 4.27px), calc( 24vw / 12),  24px);}
.text-30b  {font-size: clamp(calc(( 25px * 0.67) + 4.27px), calc( 30vw / 12),  30px);}
.text-35b  {font-size: clamp(calc(( 30px * 0.67) + 4.27px), calc( 35vw / 12),  35px);}
.text-40b  {font-size: clamp(calc(( 35px * 0.67) + 4.27px), calc( 40vw / 12),  40px);}
.text-45b  {font-size: clamp(calc(( 40px * 0.67) + 4.27px), calc( 45vw / 12),  45px);}
.text-50b  {font-size: clamp(calc(( 45px * 0.67) + 4.27px), calc( 50vw / 12),  50px);}
.text-55b  {font-size: clamp(calc(( 50px * 0.67) + 4.27px), calc( 55vw / 12),  55px);}
.text-60b  {font-size: clamp(calc(( 55px * 0.67) + 4.27px), calc( 60vw / 12),  60px);}
.text-65b  {font-size: clamp(calc(( 60px * 0.67) + 4.27px), calc( 65vw / 12),  65px);}
.text-70b  {font-size: clamp(calc(( 65px * 0.67) + 4.27px), calc( 70vw / 12),  70px);}
.text-75b  {font-size: clamp(calc(( 70px * 0.67) + 4.27px), calc( 75vw / 12),  75px);}
.text-80b  {font-size: clamp(calc(( 75px * 0.67) + 4.27px), calc( 80vw / 12),  80px);}
.text-85b  {font-size: clamp(calc(( 80px * 0.67) + 4.27px), calc( 85vw / 12),  85px);}
.text-90b  {font-size: clamp(calc(( 85px * 0.67) + 4.27px), calc( 90vw / 12),  90px);}
.text-95b  {font-size: clamp(calc(( 90px * 0.67) + 4.27px), calc( 95vw / 12),  95px);}
.text-100b {font-size: clamp(calc(( 95px * 0.67) + 4.27px), calc(100vw / 12), 100px);}
.text-105b {font-size: clamp(calc((100px * 0.67) + 4.27px), calc(100vw / 12), 105px);}
.text-110b {font-size: clamp(calc((105px * 0.67) + 4.27px), calc(110vw / 12), 110px);}
.text-115b {font-size: clamp(calc((110px * 0.67) + 4.27px), calc(115vw / 12), 110px);}
.text-120b {font-size: clamp(calc((115px * 0.67) + 4.27px), calc(120vw / 12), 120px);}
.text-125b {font-size: clamp(calc((120px * 0.67) + 4.27px), calc(125vw / 12), 120px);}
.text-130b {font-size: clamp(calc((125px * 0.67) + 4.27px), calc(130vw / 12), 130px);}




h1[class^="text-"], h2[class^="text-"], h3[class^="text-"] {
    line-height: 1em;
}






.shk-banner .shk-banner-content .row .btn {
    font-family: 'Gilmer Bold';
    letter-spacing: .05em;
    padding: 1em 3em;
    line-height: 1em !important;
    border-radius: 3px !important;
    transition: all .15s ease-in-out;
}
.shk-banner .shk-banner-content .row .btn:hover,
.shk-banner .shk-banner-content .row .btn:focus
{

}
.btn-ivy {
    color: #ffffff;
    background-color: #173E35;
    border-color: transparent;
}
.btn-ivy:hover, .btn-ivy:focus {
    color: #FFF;
}

.text-header, .text-head {
    line-height: 1em;
}
.shk-banner .shk-banner-content *[class*="text-"]:not(.text-header) {
    line-height: 1.3em;
}
.shk-banner .shk-banner-content h1[class*="text-"], 
.shk-banner .shk-banner-content h2[class*="text-"], 
.shk-banner .shk-banner-content h3[class*="text-"], 
.shk-banner .shk-banner-content h4[class*="text-"] 
{
    line-height: 1em !important;
    margin-bottom: .5em;
}

.shk-full-width {
    width: 100vw !important;
    position: relative;
    left: calc(-50vw + 50%);
}

.shk-banner .shk-banner-content *:not([class*="Schnyder"]) p:not([class*="Schnyder"]):not([class*="head"]) strong,
.shk-banner .shk-banner-content *:not([class*="Schnyder"]) p:not([class*="Schnyder"]):not([class*="head"]) em
{
    font-family: "Gilmer Bold";
}
.shk-banner .shk-banner-content .row.prodcards,
.shk-banner[class*="prodcards"] .shk-banner-content .row
{
    display: flex;
    flex-wrap: wrap;
}
.grid-prodcards a.category-item {
    margin-bottom: 4em;
    display: block;
    text-align: center;
}
.grid-prodcards .shkgrid-details {
    width: 90%;
    margin: 0 auto;
}
.grid-prodcards h2 {
    text-transform: uppercase;
    font-family: 'Gilmer Bold';
    font-size: clamp(calc((30px * 0.67) + 4.27px), calc(30vw / 12), 30px);
    color: #2E2E2E;
    letter-spacing: .2em;
    margin-bottom: 3em;
}
.grid-prodcards .col-md-4 .category-item img {
    max-width: 300px;
    margin: 0 auto;
}
.grid-prodcards .col-md-3 .category-item img {
    max-width: 250px;
    margin: 0 auto;
}
.grid-prodcards .category-item h3.item-name {
    font-size: 14px;
    font-family: "Gilmer Bold";
    line-height: 1em;
    color: #2e2e2e;
}
.grid-prodcards .category-item p {
    font-size: 12.5px;
    font-family: "Gilmer Regular";
    line-height: 1.3em;
    color: #2e2e2e;
}
.grid-prodcards .category-item p.promo-code {
    background-color: #f5f5f5;
    padding: 1em;
    max-width: 90%;
    margin: 0 auto;
}
.section-disclaimers {
    min-height: 150px;
    max-width: 1000px;
    margin: 3em auto 0;
}
.section-disclaimers li {
    margin-bottom: .35em;
}
.section-disclaimers {
    p, a, p a, span, td, ul, ol, li, em, strong, sup, sub {
    font-size: 12px !important;
    line-height: 1.2em;
    text-align: left;
    color: #666;
        }
}
.section-disclaimers p a {
    border-bottom: 1px solid #dddddd;
}
.section-disclaimers p.dshea {
    padding: 1em;
    border: 1px solid #CCC;
    display: table-cell;
    position: relative;
    top: -1em;
}

.shk-callout {
    padding: 20px 30px;
    background-color: #f8f8f8;
    margin-bottom: 30px;
    border-top: 2px solid #9fada6;
}
.shk-callout.callout-sage {
  background-color: #eff4ef;
}
.shk-callout h4 {
    text-transform: uppercase;
    font-family: 'Gilmer Bold';
    font-size: 14px;
}
.shk-callout p {
    font-size: 15px;
}

.shk-stats-row {
  margin: 30px 0;
  display: flex;
  align-items: center;
  position: relative;
  left: -15px;
}
.shk-stats-row .stats-item {
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 5px solid #173E35;
    background-color: #fff;
    align-items: center;
}

.shk-banner-reset.shk-banner .shk-banner-content,
.shk-banner-reset.shk-banner .shk-banner-content .shk-banner-sub-heading,
.shk-banner-reset.shk-banner .shk-banner-content .shk-banner-sub-component,
.shk-banner:has(.shk-banner-reset) .shk-banner-content, 
.shk-banner:has(.shk-banner-reset) .shk-banner-content .shk-banner-sub-heading,
.shk-banner:has(.shk-banner-reset) .shk-banner-content .shk-banner-sub-component
{
    padding: 0;
}


.page-content.container .category-layout .carouselexpando:has(#shakCarousel) {
    margin-left: -20px;
    width: calc(100% + 20px);
}
.page-content.container #shakCarousel {
    background-color: #FFF;
    background-image: none;
    border-radius: 4em;
}
.page-content.container #shakCarousel .carousel-inner > div.item {
    height: 500px;
    margin: 0;
}
.page-content.container #shakCarousel .colbox {
    display: flex;
    justify-content: space-evenly;
    margin: 0 3vw;
}
.page-content.container #shakCarousel .colbox .col {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 450px;
    text-align: left;
}
.page-content.container #shakCarousel .colbox .col h3 {
    font-size: 24px;
    font-family: "Gilmer Bold", "Montserrat", "Open Sans", Helvetica, Arial, sans-serif;
    margin-bottom: 1em;
    line-height: 1.025em;
}
.page-content.container #shakCarousel .colbox .col p, .yCmsComponent #shakCarousel .colbox .col li {
    font-size: clamp(calc(( 16px * 0.67) + 4.27px), calc( 18vw / 12),  18px);
}
.page-content.container #shakCarousel .colbox .col01 {
    width: 30%;
    align-items: flex-end;
}
.page-content.container #shakCarousel .colbox .col02 {
    display: flex;
    align-items: flex-start;
    width: 60%;
    font-size: 18px;
}
.page-content.container #shakCarousel .colbox .col img {
    width: 100%;
}
.page-content.container #shakCarousel .carousel-control {
    opacity: 1;
    text-shadow: none;
    margin: 0;
    transform: unset;
    width: 12%;
}
.page-content.container #shakCarousel .carousel-indicators {
    display: flex;
    justify-content: center;
    gap: 2vw;
}
.page-content.container #shakCarousel .carousel-indicators li {
    width: clamp(calc(( 15px * 0.67) + 4.27px), calc( 20vw / 12),  20px);
    height: clamp(calc(( 15px * 0.67) + 4.27px), calc( 20vw / 12),  20px);
    border: none;
    background-color: #a9c6b7;
    border-radius: 50%;
    aspect-ratio: 1/1;
}
.page-content.container #shakCarousel .carousel-indicators .active {
    width: clamp(calc(( 15px * 0.67) + 4.27px), calc( 20vw / 12),  20px);
    height: clamp(calc(( 15px * 0.67) + 4.27px), calc( 20vw / 12),  20px);
    background-color: #173e35;
}
.page-content.container #shakCarousel .glyphicon:before {
    font-family: 'FontAwesome';
    color: #333;
}
.page-content.container #shakCarousel .glyphicon-chevron-left:before {
    content: "\f053";
}
.page-content.container #shakCarousel .glyphicon-chevron-right:before {
    content: "\f054";
}
.page-content.container #shakCarousel .carousel-control .glyphicon-chevron-left {
    margin-left: -50px;
}
.page-content.container #shakCarousel .carousel-control .glyphicon-chevron-right {
    margin-right: -50px;
}

















/**** RESPONSIVE MEDIA QUERIES BELOW ****/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/



/*** HYBRIS MOBIILE BREAKPOINT **********************************************/
/****************************************************************************/

@media(max-width:480px) {

    .desktoponly {
        display: none;
    }    
    .mobileonly {
        display: unset;
    }    
    
  .mobilecenter {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }  

.page-content.container #shakCarousel .carousel-inner > div.item {
    height: 800px;
}
.page-content.container #shakCarousel .colbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-content.container #shakCarousel .colbox .col {
    height: auto;
    align-items: center;
    text-align: center;
}
.page-content.container #shakCarousel .colbox .col01 {
    width: 60%;
}  
.page-content.container #shakCarousel .colbox .col02 {
    width: 80%;
}  
.page-content.container #shakCarousel .carousel-control .glyphicon-chevron-left {
    margin-left: -12px;
}  
.page-content.container #shakCarousel .carousel-control .glyphicon-chevron-right {
    margin-right: -12px;
}  
.page-content.container #shakCarousel .carousel-indicators {
    width: 100%;
    left: unset;
    margin-left: unset;
}  
.page-content.container #shakCarousel .carousel-inner > div.item.active, 
.page-content.container #shakCarousel .carousel-inner > div.item.next, 
.yCmsComponent #shakCarousel .carousel-inner > div.item.prev    
{
    display: flex;
}  






























} /***** END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/*** ^^^ END END END HYBRIS MOBIILE BREAKPOINT ******************************/
/****************************************************************************/