@import(reference) '/apps/hershey/clientlibs/clientlib-site-revised/css/base/_variables.less';@import(reference) '/apps/hershey/clientlibs/clientlib-site-revised/css/base/_mixins.less';.themed('.algolia-recommend_container .button-section .button-container a.button',background-color,'action');.themed('.algolia-recommend_container .button-section .button-container a.button',color,'action-text-color');.themed('.algolia-recommend_container .button-section .button-container a.button:hover',background-color,'action-hover');.themed('.algolia-recommend_container .button-section .button-container a.button:focus',background-color,'action-hover');article:not(.gutter-included){.algolia-list{@media @mediaLg{padding:0 2.5rem}
}
}
body.recipe-detail{overflow-x:hidden}
.algolia-recommend_container{@media @mediaMobileOnly{padding:0 1rem;&.algolia-list{padding:0 2.5rem}
}
position:relative;.cmp-algolia-set{position:relative;background-color:transparent;padding-top:4rem;@media screen and (min-width:768px) and (max-width:992px){margin-left:-2rem}
@media screen and (min-width:992px){margin-left:0}
a{border-bottom:0}
.header{margin-left:auto;margin-right:auto;margin-bottom:1rem;h2{font-weight:900;a{font-family:@headingFF;color:inherit;font-weight:bold;border-bottom:solid 1px;border-bottom-color:inherit;&:hover,&:focus{border-bottom:transparent}
}
}
h2.light-text{color:@heading-light-color;a{color:@heading-light-color;border-bottom:solid 1px @heading-light-color;&:hover,&:focus{border-bottom:transparent}
}
}
h2.dark-text{color:@heading-dark-color;a{color:@heading-dark-color;border-bottom:solid 1px @heading-dark-color;&:hover,&:focus{border-bottom:transparent}
}
}
@media @mediaLg{margin-bottom:2rem}
}
.card-container{margin:auto;a{text-decoration:none;&:hover,&:focus{.cmp-feature-card{.card-content{.text-underline{border:0}
}
.image-container{&.has-hover-image{.card-image{display:none}
.card-image--hover{display:block}
}
&:not(.has-hover-image){}
}
}
}
}
.row{@media @mediaLg{justify-content:center;&.spotlight{margin-bottom:3.5rem}
}
}
.cmp-feature-card{.image-container{width:100%;height:100%;background:@white;overflow:hidden;.card-image,.card-image--hover{display:block;width:100%;height:100%;.transform(scale(1));.transition(transform .3s ease-in-out)}
.card-image--hover{display:none}
}
.card-content{padding:2rem;background-color:@white;color:@dk-brown;width:100%;@media @mediaXxl{padding:2rem}
@media @mediaMobileOnly{padding:1rem !important}
@media screen and (max-width:992px){padding:1rem !important}
span.h4,h4,.h4{margin-bottom:0;font-weight:700;span{color:@dk-gray}
}
span.h6,h6,.h6{background-color:#fff !important;box-shadow:0 3px 6px 0 #00000029;-webkit-box-shadow:0 3px 6px 0 #00000029;position:absolute;border-radius:20px;padding:.5rem 1rem;font-size:1.2rem;line-height:1;letter-spacing:.05rem;left:10px;top:10px;color:@dk-gray;margin-bottom:0;@media @mediaLg{margin-bottom:0}
@media @mediaXxl{margin-bottom:.8rem}
i{color:@dk-gray;margin-right:.5rem;font-size:1.2rem;@media @mediaLg{font-size:1.4rem}
}
}
.copy-container{font-weight:bolder}
.text-underline{color:@dk-gray;border-bottom:1px solid @dk-gray;>span{text-transform:uppercase}
}
}
&.spotlight-card{transition:all ease-in-out .25s;@media @mediaLg{>div:nth-of-type(2){.card-content{span.h4{color:@dk-gray;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;height:calc(~'1em * 1.5')}
}
}
}
@media @mediaXxl{.card-content{.review-container{margin-top:1rem}
}
}
}
&.additional-card{.image-container{width:50%;@media @mediaXs{height:auto}
transition:all ease-in-out .25s}
.card-content{width:50%;transition:all ease-in-out .25s;.flex(center,flex-start,flex-start,column);.copy-container{width:100%;@media @mediaXs{span.h4{color:@dk-gray;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;height:calc(~'2em * 1.5');-webkit-box-orient:vertical}
}
}
@media @mediaLg{.copy-container{span.h4,h4,.h4{color:@dk-gray;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:auto;max-height:calc(~'2em * 1.5')}
}
}
}
}
&.featured-card{justify-content:center;@media @mediaLg{align-items:inherit;.col-md-12{transition:transform .3s ease-out;width:98%}
}
.cmp-feature-card__box{box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12) !important;border-radius:8px;transition:transform .3s ease-out;&:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);transition:transform .3s ease-out}
}
.image-container{position:relative;padding-top:56.25%;height:0;background:@white;border-radius:8px 8px 0 0;>img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
}
}
}
.review-container{margin-top:1rem;[data-bv-show='inline_rating']{text-align:left !important;.bv_main_container .bv_averageRating_component_container,.bv_main_container .bv_numReviews_component_container{.bv_text{color:@dk-gray !important}
}
span.seperator{color:#e7e7e7 !important;margin-left:1rem !important;margin-right:1rem !important}
span.buy-now-name{color:#007bbd !important;border-bottom:1.5px solid #007bbd !important;font-size:16px !important}
}
}
}
.card-container.spotlight{.image-container{position:relative;padding-top:56.25%;img{position:absolute;top:0}
}
.spotlight-card{box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)}
.additional-spotlight-card{margin-top:1rem}
.additional-card{display:flex;margin-bottom:1rem;box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12);.image-container{padding-top:28.125%}
}
@media @mediaLg{display:flex;position:relative;height:100%;margin-bottom:4rem;.image-container{// padding-top:0}
.spotlight-card{margin-right:2.5rem;display:flex;flex-direction:column;height:100%}
.spotlight{flex:1}
.additional-spotlight-card{flex:1;margin-left:2.5rem;margin-top:0;margin-bottom:0;a:not(:last-child){.additional-card{margin-bottom:1.5rem}
}
}
.additional-card{margin-bottom:0;height:calc(~'(100% - 3rem) / 3');

                    .image-container {
                        width: 40.8%;
                        padding-top: 23%;
                    }

                    .card-content {
                        width: calc(___YUICSSMIN_PRESERVED_TOKEN_4___);
                    }
                }

                .two-feature-items {
                    .additional-card {
                        height: calc(___YUICSSMIN_PRESERVED_TOKEN_5___) / 2')}
}
}
}
.item.col-xs-12{margin-bottom:2rem;@media @mediaLg{margin-bottom:1.5rem}
@media @mediaXxl{margin-bottom:2rem}
}
a.col-md-6:nth-child(even){.cmp-feature-card{&.featured-card{@media @mediaLg{justify-content:flex-start}
@media @mediaXl{justify-content:center}
}
}
}
a.col-md-6:nth-child(odd){.cmp-feature-card{&.featured-card{@media @mediaLg{justify-content:flex-end}
@media @mediaXl{justify-content:center}
}
}
}
}
.button-section{margin-top:1rem;a.button{border-color:transparent}
@media @mediaLg{padding-bottom:5rem}
.button-container{position:relative;z-index:1;top:-1rem;@media @mediaLg{top:0}
a.button{display:inline-block;font-family:@headingFF;width:100%;padding:calc(~'(4.2rem - 1em)/2');
                line-height: 1;
                font-size: 1.6rem;
                background-color: @action;
                color: @action-text-color;
                border: none;
                border-radius: 5rem;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
                .transition(background-color 0.3s ease-in-out);

                @media @mediaLg {
                    padding: calc(___YUICSSMIN_PRESERVED_TOKEN_7___)/2');font-size:1.8rem;width:25%;min-width:38rem}
}
a.button:hover,a.button:focus{background-color:@action-hover}
}
}
@media @mediaMd{.cmp-algolia-set{.card-container{.cmp-feature-card.featured-card{.copy-container{span.h4{color:@dk-gray;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;height:calc(~'2em * 1.5');-webkit-box-orient:vertical}
}
.review-container{margin-top:1rem}
}
}
}
}
@media @mediaLg{.item.margin-b-0.margin-b-0{margin-bottom:0}
}
@media @mediaXl{.cmp-algolia-set{.item.col-lg-4{margin-bottom:5rem}
}
}
}
@media print{.cmp-feature-card{page-break-inside:avoid}
}
#relatedProducts{display:block !important}
.related-content{display:block !important}
.tns-outer{.tns-inner{margin-right:1rem !important}
.tns-ovh .my-slider-ar{margin-left:0rem;@media screen and (min-width:768px) and (max-width:992px){margin-left:1rem}
@media screen and (max-width:767.9px){margin-left:3rem}
.cmp-feature-card.featured-card .cmp-feature-card__box{@media screen and (max-width:767.9px){margin-left:-3.5rem}
}
}
@media screen and (max-width:767.9px){.col-xs-8.col-md-12.col-lg-12{padding:0}
a.item{// padding:0}
.my-slider-ar .tns-item .cmp-feature-card__box .card-content .review-container .bv_main_container{flex-direction:row;justify-content:left}
}
}
.tns-nav{display:none}
}
ul.custom-control_faq{display:flex;justify-content:space-between;@media screen and (max-width:767.9px){position:relative;justify-content:center}
li.prev,li.next{position:absolute;top:calc(52% - 1.5rem);cursor:pointer;font-size:1.6rem;width:3rem;height:3rem;background:#ffffff;color:@icon-primary;z-index:10;box-shadow:0 0 8.1px .9px rgba(1,1,1,0.2);&::before{display:none !important}
@media screen and (max-width:767.9px){position:relative}
@media screen and (min-width:768px) and (max-width:1050px){top:calc(55% - 1.5rem)}
}
li.next{right:2.5rem;@media screen and (min-width:1000px){right:4.5rem}
@media screen and (max-width:767.9px){right:0 !important;margin-left:1rem}
@media screen and (min-width:768px) and (max-width:992px){right:.5rem}
i{top:.5rem;position:relative;left:-0.5rem}
}
li.prev{left:.1rem;margin-top:.8rem;@media screen and (min-width:992px){left:0rem}
@media screen and (max-width:767.9px){left:0 !important;margin-right:1rem}
@media screen and (min-width:768px) and (max-width:992px){left:.2rem}
i{position:relative;top:.5rem;left:-0.7rem}
}
}
.my-slider-ar .item .cmp-feature-card.featured-card .cmp-feature-card__box .card-content,.my-slider-ar .item .cmp-feature-card.featured-card .cmp-feature-card__box .card-content .h6,.my-slider-ar .item .cmp-feature-card.featured-card .cmp-feature-card__box .card-content .copy-container .h4 .text-underline{color:#3f000b}
.my-slider-ar .item .cmp-feature-card.featured-card .cmp-feature-card__box .card-content .copy-container .h4 .text-underline{border-bottom:0}
.my-slider-ar .item .cmp-feature-card.featured-card:hover .cmp-feature-card__box .card-content .copy-container .h4 .text-underline{border-bottom:1px solid}
.my-slider-ar .item .cmp-feature-card.featured-card{height:100%;.cmp-feature-card__box{align-items:flex-end;height:100%;display:flex;flex-direction:column;position:relative;.image-container{flex:1}
.card-content{flex:none;bottom:0;align-items:flex-end}
}
}
.my-slider-ar.itemsSize{justify-content:center}
.card-container.imageRecipePage .my-slider-ar .item .cmp-feature-card.featured-card .cmp-feature-card__box .image-container img{object-fit:cover !important}
.button-section .button-container a.button{display:inline-block;width:100%;padding:calc((4.2rem - 1em) / 2);line-height:1;font-size:1.8rem;background-color:#007bbd;color:#fff;border:0;border-radius:5rem;font-weight:bold;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .3s ease-in-out;@media screen and (min-width:992px){min-width:38rem;width:25%;padding:calc((5.5rem - 1em) / 2)}
}
.high-contrast-mode .button-section a.button{color:#3f000b}
.button-section{margin-top:3rem;margin-bottom:1rem}
.algolia-recommend_container.related-content,.algolia-recommend_container.algolia-list.related-content{display:block !important}
#relatedProducts{display:block !important}
.ais-RelatedProducts h3.ais-RelatedProducts-title,.ais-RelatedProducts-container .ais-RelatedProducts-list .ais-RelatedProducts-item.tns-item::before{display:none}
.ais-RelatedProducts .ais-RelatedProducts-container{margin-right:4.5rem;margin-left:2rem}
@media screen and (min-width:768px){.ais-RelatedProducts-list .ais-RelatedProducts-item{padding-left:3rem;padding-right:3rem}
ul.custom-control_faq{margin-top:0rem}
}
@media screen and (max-width:767.9px){.algolia-recommend_container ul.custom-control_faq{margin-top:2rem !important}
.ais-RelatedProducts-list .ais-RelatedProducts-item.tns-item .row.cmp-feature-card.featured-card{width:130%}
#relatedProducts.my-slider-ar .ais-RelatedProducts .ais-RelatedProducts-container{margin:0 !important}
#relatedProducts.my-slider-ar{max-width:100% !important}
}
.ais-RelatedProducts-container .tns-inner{margin-left:-0.9rem !important}
.algolia-recommend_container .cmp-algolia-set .card-container .ais-RelatedProducts-item[tabindex="-1"] .cmp-feature-card.featured-card .cmp-feature-card__box{box-shadow:none}
@media screen and (min-width:992px){.ais-RelatedProducts-container .ais-RelatedProducts-list{display:flex;.ais-RelatedProducts-item{flex-grow:1;flex-basis:0;&::before{display:none}
}
}
.algolia-recommend_container .cmp-algolia-set .card-container .ais-RelatedProducts-item[tabindex="-1"] .cmp-feature-card.featured-card .cmp-feature-card__box{box-shadow:none}
ais-RelatedProducts-container .ais-RelatedProducts-list:first-child{margin-top:.5rem}
.ais-RelatedProducts-container .ais-RelatedProducts-list.tns-item{margin-top:auto}
.algolia-recommend_container ul.custom-control_faq li.prev{left:-2.4rem}
}
@media screen and (max-width:992px){.algolia-recommend_container .cmp-algolia-set .card-container .cmp-feature-card .card-content{padding:1rem}
}
ul.custom-control_faq{@media screen and (max-width:767.9px){margin-top:2.5px}
}
@media screen and (max-width:380px){.algolia-recommend_container .cmp-algolia-set .card-container .my-slider-ar .item .cmp-feature-card.featured-card .cmp-feature-card__box .card-content .h6{font-size:1rem !important}
}