html{scroll-behavior:smooth;scroll-padding-top:100px}
.container.responsivegrid{min-height:6rem}
.has-alert .hub-navigation-cmp{top:7rem}
.has-alert .hub-navigation-cmp.active .mega{height:calc(100% - 5rem)}
.has-alert .hub-navigation-cmp.active .mega .promo{bottom:0}
@media screen and (min-width:992px){.has-alert .hub-navigation-cmp.active .mega{height:calc(100% - 7.2rem)}
.has-alert .hub-navigation-cmp.active .mega .promo{bottom:7.2rem}
}
.hub-navigation{min-height:6rem}
@media screen and (min-width:992px){.hub-navigation{min-height:8rem}
.hub-navigation.alertIsActivated{min-height:auto !important}
}
.hub-navigation-cmp .mega{visibility:hidden}
.hub-navigation-cmp{width:100%;position:absolute;height:100%;z-index:1000}
.hub-navigation-cmp.reset-height{height:auto}
.hub-navigation-cmp .nav-header{position:relative;background:#fff;padding:0 1.5rem;box-shadow:0 0 7.52px .48px rgba(0,0,0,0.3);min-height:6rem;display:grid;grid-template-columns:2rem 1fr 2rem;grid-template-rows:1fr;gap:1px 1px;align-items:center}
.hub-navigation-cmp .nav-header .menu-buttons{grid-area:1 / 1 / 2 / 2}
.hub-navigation-cmp .nav-header .menu-logo{grid-area:1 / 2 / 2 / 3;width:80%;margin:auto;text-align:center}
@media screen and (min-width:992px){.hub-navigation-cmp .nav-header .menu-logo{width:50%}
}
.hub-navigation-cmp .nav-header .search-button{grid-area:1 / 3 / 2 / 4}
.hub-navigation-cmp .nav-header a{border:0}
.hub-navigation-cmp .nav-header a img{max-height:3.6em}
.hub-navigation-cmp .nav-header button{width:2rem;height:2rem}
.hub-navigation-cmp .nav-header button.menu:hover svg rect,.hub-navigation-cmp .nav-header button.menu:active svg rect{fill:#333}
.active.hub-navigation-cmp .nav-header button.menu{display:none}
.hub-navigation-cmp .nav-header button.menu-close{display:none}
.hub-navigation-cmp .nav-header button.menu-close:hover svg rect,.hub-navigation-cmp .nav-header button.menu-close:active svg rect{fill:#8a7177}
.active.hub-navigation-cmp .nav-header button.menu-close{display:inline-block}
@media screen and (min-width:992px){.active.hub-navigation-cmp .nav-header button.menu-close{display:inline-flex}
}
.hub-navigation-cmp .nav-header button .nav-text{position:absolute;z-index:0;width:1px;height:1px;padding:0;clip:rect(0,0,0,0);overflow:hidden;border:0;white-space:nowrap}
.hub-navigation-cmp .nav-header .search-button button{margin-right:0;color:#003594}
.hub-navigation-cmp .nav-header .search-button button:hover svg path,.hub-navigation-cmp .nav-header .search-button button:active svg path{fill:#333}
.active.hub-navigation-cmp .nav-header .search-button button svg path{fill:#fff}
.active.hub-navigation-cmp .nav-header .search-button button:hover svg path,.active.hub-navigation-cmp .nav-header .search-button button:active svg path{fill:#8a7177}
.hub-navigation-cmp .light-logo{display:none}
.hub-navigation-cmp .mega{z-index:1000}
.hub-navigation-cmp ul{position:relative}
.hub-navigation-cmp ul.menu-list{height:100%}
@media screen and (max-width:991.9px){.hub-navigation-cmp ul.menu-list.over-six-items{height:85%}
}
.hub-navigation-cmp ul li{text-align:center;width:calc(49.5% - .1rem);display:inline-block}
.hub-navigation-cmp ul li button.tier-one{width:100%;font-weight:500}
.hub-navigation-cmp ul li a,.hub-navigation-cmp ul li button{border:0;display:block;font-size:1.6rem;color:#333;font-family:'TT Norms Pro',sans-serif}
.hub-navigation-cmp ul li a:hover .nav-text,.hub-navigation-cmp ul li button:hover .nav-text,.hub-navigation-cmp ul li a:active .nav-text,.hub-navigation-cmp ul li button:active .nav-text{border-bottom:solid 1px #333}
@media screen and (min-width:992px){.hub-navigation-cmp ul li a:focus .nav-text span,.hub-navigation-cmp ul li button:focus .nav-text span{outline:2px solid black}
}
.hub-navigation-cmp ul li a .nav-icon,.hub-navigation-cmp ul li button .nav-icon{display:block;background-repeat:no-repeat;margin:0 auto;margin-bottom:.5rem;background-size:cover;background-position:center left;width:3.7rem;height:4.7rem}
.hub-navigation-cmp ul li a .nav-img,.hub-navigation-cmp ul li button .nav-img{display:none;width:4rem;height:4rem;background-size:cover;background-position:center;background-repeat:no-repeat}
.hub-navigation-cmp ul li a.tier-one,.hub-navigation-cmp ul li button.tier-one{padding:2rem 0;min-height:6rem;border-bottom:solid 2px #cfcfcf;margin-right:-0.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media screen and (min-width:319px) and (max-width:410px){.hub-navigation-cmp ul li a.tier-one,.hub-navigation-cmp ul li button.tier-one{padding:0}
}
.hub-navigation-cmp ul li ul li:before{display:none}
@media screen and (max-width:991.9px){.hub-navigation-cmp ul.subnav-closed li:nth-child(2n+1) a,.hub-navigation-cmp ul.subnav-closed li:nth-child(2n+1) button{border-right:.2rem solid #cfcfcf}
.hub-navigation-cmp ul.subnav-closed li:nth-child(2n+2) a,.hub-navigation-cmp ul.subnav-closed li:nth-child(2n+1) a,.hub-navigation-cmp ul.subnav-closed li:nth-child(2n+2) button,.hub-navigation-cmp ul.subnav-closed li:nth-child(2n+1) button{border-bottom:.2rem solid #cfcfcf}
.hub-navigation-cmp ul.subnav-closed li:last-child a,.hub-navigation-cmp ul.subnav-closed li:last-child button{border-bottom:0}
.hub-navigation-cmp ul.subnav-closed li:nth-last-child(-n+2):nth-child(2n+1) a,.hub-navigation-cmp ul.subnav-closed li:nth-last-child(-n+2):nth-child(2n+1) button{border-bottom:0}
.hub-navigation-cmp ul.subnav-closed li button.tier-one{margin:0 .3rem}
}
.hub-navigation-cmp .tier-two{position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;padding:1rem;background:#f3f3f3 url(../../../../content/dam/hershey/navigation/menu-bg-pink-mobile.png) no-repeat;background-position:bottom right;height:calc(100% - 6rem)}
.hub-navigation-cmp .tier-two.active{display:block}
.hub-navigation-cmp .tier-two .submenu{height:100%}
.hub-navigation-cmp .tier-two .submenu ul{width:100%}
@media screen and (max-width:991.9px){.hub-navigation-cmp .tier-two .submenu ul{padding-left:1rem}
}
.hub-navigation-cmp .tier-two .submenu ul.one-column li{width:100%}
.hub-navigation-cmp .tier-two .submenu .h6{text-align:center;margin:0;padding:1.5rem 0 1.3rem}
.hub-navigation-cmp .tier-two .show-on-desktop{display:none}
.hub-navigation-cmp .tier-two .nav-back{font-family:'TT Norms Pro',sans-serif;font-size:1.4rem;line-height:1.5rem;padding-bottom:5px}
.hub-navigation-cmp .tier-two .nav-back span{border-bottom:solid 1px #333;font-weight:bold}
.hub-navigation-cmp .tier-two .nav-back i{color:#003594;margin-right:.8rem}
.hub-navigation-cmp .tier-two .nav-back:hover span,.hub-navigation-cmp .tier-two .nav-back:active span{border:0}
.hub-navigation-cmp .tier-two .nav-back:hover i,.hub-navigation-cmp .tier-two .nav-back:active i{color:#8a7177}
.hub-navigation-cmp .tier-two .nav-back+a{font-family:'TT Norms Pro',sans-serif;font-size:2.2rem;text-align:center;border:0;margin-top:1.3rem}
.hub-navigation-cmp .tier-two .nav-back+a span{border-bottom:solid 2px #333}
.hub-navigation-cmp .tier-two .nav-back+a:hover span{border:0}
.hub-navigation-cmp .tier-two .nav-back+a i{margin-left:.5rem;font-size:1.7rem}
.hub-navigation-cmp .tier-two .nav-container{background:white;margin-right:-1rem;margin-top:1.5rem;text-align:center;padding:1rem .5rem 0}
@media screen and (max-width:991.9px){.hub-navigation-cmp .tier-two .nav-container{height:calc(100% - 12rem);background:#fff url(../../../../content/dam/hershey/navigation/menu-bg-pink-mobile.png) no-repeat;background-position:bottom right}
}
.hub-navigation-cmp .tier-two.brands{background:#f3f3f3}
.hub-navigation-cmp .tier-two.brands .nav-container{padding:0}
.hub-navigation-cmp .tier-two.brands .submenu ul{width:100%}
.hub-navigation-cmp .tier-two.brands li a span.nav-img{display:table-cell}
.hub-navigation-cmp .tier-two ul li{margin:.25rem 1.3rem .25rem .5rem;width:calc(49.5% - 1.9rem)}
.hub-navigation-cmp .tier-two ul li a{text-align:left;display:table;box-shadow:0 0 5.52px .48px rgba(0,0,0,0.3);width:100%;min-height:4rem;height:100%}
.hub-navigation-cmp .tier-two ul li a span{display:table-cell;vertical-align:middle}
.hub-navigation-cmp .tier-two ul li a span.nav-text{padding-left:1rem}
@media screen and (max-width:991.9px){.hub-navigation-cmp .tier-two ul li a span.nav-text{height:2em}
.hub-navigation-cmp .tier-two ul li a span.nav-text>span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
.hub-navigation-cmp .tier-two ul li a span.nav-img{display:none}
.hub-navigation-cmp .tier-two ul li a span.nav-icon{width:3.4rem;height:4.3rem;background-position:center left;display:none}
.hub-navigation-cmp .tier-two ul li a:hover,.hub-navigation-cmp .tier-two ul li a:active{box-shadow:0 0 22.14px 4.86px rgba(0,0,0,0.3);text-shadow:0 0 22.14px rgba(0,0,0,0.3)}
.hub-navigation-cmp .tier-two ul li a:hover .nav-text,.hub-navigation-cmp .tier-two ul li a:active .nav-text{border:0;text-shadow:none}
.hub-navigation-cmp .tier-two ul li a:hover .nav-text span,.hub-navigation-cmp .tier-two ul li a:active .nav-text span{border-bottom:solid .1rem #333}
.hub-navigation-cmp .tier-two ul.show-icons li a span.nav-icon{display:table-cell}
.hub-navigation-cmp .tier-two ul.one-column li:last-of-type{margin-bottom:0}
.hub-navigation-cmp .tier-two a.tertiary{border-bottom:solid 1px #007bbd;color:#007bbd;display:inline-block;line-height:1.8rem;margin-top:1.2rem;margin-bottom:2.2rem}
.hub-navigation-cmp .tier-two a.tertiary:hover,.hub-navigation-cmp .tier-two a.tertiary:active{color:#333;border:0}
.hub-navigation-cmp .promo{grid-template-columns:10.5rem 1fr;grid-template-rows:1fr;gap:1px 30px;align-items:center;background-color:#f3f3f3;padding:1rem 1rem .5rem;background:#f3f3f3 url(../../../../content/dam/hershey/navigation/menu-bg-white-mobile.png) no-repeat;background-position:bottom right;position:absolute;bottom:0;width:100%}
.hub-navigation-cmp .promo .promo-image{grid-area:1 / 1 / 2 / 2;text-align:right}
.hub-navigation-cmp .promo .promo-image .h6{display:none}
.hub-navigation-cmp .promo .promo-content{grid-area:1 / 2 / 2 / 3;vertical-align:middle;padding-right:2rem}
.hub-navigation-cmp .promo .promo-content .h6{display:block}
.hub-navigation-cmp .promo img{width:9.5rem;height:auto}
.hub-navigation-cmp.active{height:100%;z-index:1002}
.hub-navigation-cmp.active .mega{height:100%}
.hub-navigation-cmp.active .nav-header{background:#3c131c;box-shadow:none}
.hub-navigation-cmp.active .light-logo{display:inline-block}
.hub-navigation-cmp.active .logo{display:none}
.hub-navigation-cmp.active ul{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}
.hub-navigation-cmp.active .promo{display:grid}
@media screen and (min-width:992px){.hub-navigation-cmp.active .promo{bottom:7.2rem}
}
.hub-navigation-cmp.active .promo.inactive{display:none}
.hub-navigation-cmp.active .promo a{color:#333;border-color:#333}
.hub-navigation-cmp.active .promo a:hover .hub-navigation-cmp.active .promo a:active{color:#003594}
html[class=""] .hub-navigation-cmp{position:fixed}
@media screen and (max-width:992px){.hub-navigation-cmp .nav-header a img{max-width:14rem}
.hub-navigation-cmp .promo{height:0;padding:0;overflow:hidden}
.hub-navigation-cmp ul.menu-list>li{height:calc(33% - 7rem)}
.hub-navigation-cmp ul.menu-list>li a.tier-one,.hub-navigation-cmp ul.menu-list>li button.tier-one{height:100%}
.hub-navigation-cmp ul.menu-list>li button.tier-one{font-weight:700}
.hub-navigation-cmp ul.menu-list>li.active .tier-two{height:100%;padding:1rem;overflow:auto}
.hub-navigation-cmp ul.menu-list>li .tier-two,.hub-navigation-cmp ul.menu-list.subnav-closed>li.active .tier-two{height:0;padding:0;overflow:hidden}
.hub-navigation-cmp ul.menu-list:not(.subnav-closed)>li:not(.active){display:none}
.hub-navigation-cmp .mega{height:0;overflow:hidden;opacity:0;transition:opacity .5s;background:#fff}
.hub-navigation-cmp.active .promo{padding:4rem 0;height:auto}
.hub-navigation-cmp.active .mega{opacity:1;transition:opacity .5s}
}
@media screen and (min-width:992px) and (max-width:1259px){.hub-navigation-cmp .nav-header{padding:0 2.5rem}
.hub-navigation-cmp ul.menu-list li.active .tier-two{padding-right:2rem}
.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active ul.menu-list,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active ul.menu-list,.hub-navigation-cmp.active ul.menu-list,.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active ul.menu-list.subnav-closed,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active ul.menu-list.subnav-closed,.hub-navigation-cmp.active ul.menu-list.subnav-closed{padding:4rem 2.5rem}
.hub-navigation-cmp.active div.promo{padding-left:2.5rem}
}
@media screen and (min-width:1260px){.hub-navigation-cmp .nav-header{padding:0 calc((100% - 1210px)/2)}
.hub-navigation-cmp ul.menu-list li.active .tier-two{padding-right:calc((100% - 1210px)/2)}
.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active ul.menu-list,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active ul.menu-list,.hub-navigation-cmp.active ul.menu-list,.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active ul.menu-list.subnav-closed,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active ul.menu-list.subnav-closed,.hub-navigation-cmp.active ul.menu-list.subnav-closed{padding-left:calc((100% - 1210px)/2)}
.hub-navigation-cmp.active div.promo{padding-left:calc((100% - 1210px)/2)}
}
@media screen and (min-width:1600px){div.hub-navigation-cmp ul.menu-list{width:35%}
div.hub-navigation-cmp.active ul .tier-two{width:65%}
div.hub-navigation-cmp.active .promo{width:35%}
}
@media screen and (min-width:992px){body.oldnavbarActivated.alertIsActivated .recipe-craft-overview{padding-top:8rem}
body.oldnavbarActivated.alertIsActivated .cmp-generic-hero-container{padding-top:5rem}
body.oldnavbarActivated.alertIsActivated .product-overview{padding-top:4rem}
body.oldnavbarActivated.alertIsActivated .hub-hero-comp{padding-top:5rem}
body.oldnavbarActivated .d-p-t-large{padding-top:0}
body.oldnavbarActivated.alertIsActivated .call-out-card{padding-top:5rem}
.oldnavbarActivated .hero-instant-search-box{margin-top:0rem;padding-top:6rem}
.container.responsivegrid{min-height:8rem}
.hub-navigation-cmp{background:transparent}
.hub-navigation-cmp .mega{position:absolute;height:100%;width:100%;left:-100%;transition:left .7s;background:rgba(0,0,0,0.8)}
.hub-navigation-cmp .nav-header{grid-template-columns:8rem 1fr 8rem;min-height:8rem}
.hub-navigation-cmp .nav-header button{width:auto;height:2rem;margin-right:0;display:inline-flex;flex-direction:row}
.hub-navigation-cmp .nav-header button .nav-text{position:static;width:auto;height:auto;clip:auto;overflow:auto;white-space:normal;text-transform:uppercase;font-size:1.3rem;display:inline-block;color:#333;font-weight:bold;padding-left:.5rem;line-height:1.6}
.hub-navigation-cmp .nav-header button.menu-close{width:11rem}
.hub-navigation-cmp .nav-header .menu-buttons svg{width:1.8rem;height:1.8rem}
.hub-navigation-cmp .nav-header .search-button{text-align:right}
.hub-navigation-cmp .nav-header .search-button svg{height:1.8rem;width:1.4rem;margin-right:5px}
.hub-navigation-cmp .nav-header a{text-align:center}
.hub-navigation-cmp .nav-header a img{max-height:4.6rem}
.hub-navigation-cmp ul li{width:100%}
.hub-navigation-cmp ul li a.tier-one,.hub-navigation-cmp ul li button.tier-one{display:table;vertical-align:middle;width:100%;padding:1rem 0;min-height:1rem;border:0;font-weight:500}
.hub-navigation-cmp ul li a.tier-one:hover,.hub-navigation-cmp ul li button.tier-one:hover,.hub-navigation-cmp ul li a.tier-one:active,.hub-navigation-cmp ul li button.tier-one:active{font-weight:700}
.hub-navigation-cmp ul li a.tier-one:hover .nav-text,.hub-navigation-cmp ul li button.tier-one:hover .nav-text,.hub-navigation-cmp ul li a.tier-one:active .nav-text,.hub-navigation-cmp ul li button.tier-one:active .nav-text{border:0}
.hub-navigation-cmp ul li a .nav-icon,.hub-navigation-cmp ul li button .nav-icon{display:table-cell;width:2.5rem;height:3rem;background-position:center center}
.hub-navigation-cmp ul li a:hover .nav-icon,.hub-navigation-cmp ul li button:hover .nav-icon,.hub-navigation-cmp ul li a:active .nav-icon,.hub-navigation-cmp ul li button:active .nav-icon{background-position:center left}
.hub-navigation-cmp ul li button.tier-one{align-items:inherit}
.hub-navigation-cmp ul li.active a.tier-one,.hub-navigation-cmp ul li.active button.tier-one{font-weight:700}
.hub-navigation-cmp ul li.active a.tier-one:hover,.hub-navigation-cmp ul li.active button.tier-one:hover,.hub-navigation-cmp ul li.active a.tier-one:active,.hub-navigation-cmp ul li.active button.tier-one:active{font-weight:700}
.hub-navigation-cmp ul li.active a.tier-one .nav-icon,.hub-navigation-cmp ul li.active button.tier-one .nav-icon{background-position:center left}
.hub-navigation-cmp ul li.active a.tier-one:hover,.hub-navigation-cmp ul li.active button.tier-one:hover,.hub-navigation-cmp ul li.active a.tier-one:active,.hub-navigation-cmp ul li.active button.tier-one:active{background-position:center center}
.hub-navigation-cmp ul.subnav-closed li:nth-of-type(2n) a,.hub-navigation-cmp ul.subnav-closed li:nth-of-type(2n) a.tier-one{border:0}
.hub-navigation-cmp ul.menu-list{width:26%;background:#f3f3f3;position:static}
.hub-navigation-cmp ul.menu-list>li{display:block;overflow:hidden}
.hub-navigation-cmp ul.menu-list>li:first-of-type a.tier-one,.hub-navigation-cmp ul.menu-list>li:first-of-type button.tier-one{padding-top:0}
.hub-navigation-cmp ul.menu-list li .tier-two{height:0;padding:0;overflow:hidden;display:none}
.hub-navigation-cmp ul.menu-list li .tier-two ul li:nth-of-type(odd){margin-left:-0.9rem}
.hub-navigation-cmp ul.menu-list li .tier-two ul li:nth-of-type(even){margin-right:0}
.hub-navigation-cmp ul.menu-list li.active .tier-one{position:relative}
.hub-navigation-cmp ul.menu-list li.active .tier-one .nav-text:after{content:'';height:.2rem;width:100%;position:absolute;top:2.3rem;background:#cfcfcf;z-index:0}
.hub-navigation-cmp ul.menu-list li.active .tier-one .nav-text.no-children:after{background:transparent}
.hub-navigation-cmp ul.menu-list li.active .tier-one .nav-text span{background:#f3f3f3;padding-right:1.5rem}
.hub-navigation-cmp ul.menu-list li.active .tier-one .nav-text span:after{content:'';height:.2rem}
.hub-navigation-cmp ul.menu-list li.active .tier-one a,.hub-navigation-cmp ul.menu-list li.active .tier-one button{position:relative}
.hub-navigation-cmp ul.menu-list li.active .tier-two{padding-left:5rem;padding-top:3.4rem;padding-bottom:2.5rem;height:100%;overflow-y:auto;display:block}
.hub-navigation-cmp ul.menu-list li:first-of-type.active .tier-one .nav-text:after{top:1.3rem}
.hub-navigation-cmp ul .tier-two.active,.hub-navigation-cmp ul.subnav-closed .tier-two.active{display:grid;grid-template-columns:70% 30%;grid-template-rows:1fr;gap:0;overflow-y:auto}
.hub-navigation-cmp .tier-one .nav-text{display:table-cell;text-align:left;vertical-align:middle;padding-left:1rem;font-size:1.8rem}
.hub-navigation-cmp .tier-one:hover .hub-navigation-cmp .tier-one:active .nav-text{border:0}
.hub-navigation-cmp .tier-two{padding:3.4rem 11.5rem 2.5rem 5rem;left:auto;right:0;width:74%;background:#fff url(../../../../content/dam/hershey/navigation/menu-bg-pink.png) no-repeat bottom right}
.hub-navigation-cmp .tier-two.brands{background:#fff url(../../../../content/dam/hershey/navigation/menu-bg-pink.png) no-repeat bottom right}
.hub-navigation-cmp .tier-two .nav-back{display:none}
.hub-navigation-cmp .tier-two .nav-back+a{text-align:left;font-size:2.8rem;margin-top:0}
.hub-navigation-cmp .tier-two .nav-back+a i{margin-left:1rem;font-size:2.4rem}
.hub-navigation-cmp .tier-two .nav-container{margin-top:2.2rem;padding:0}
.hub-navigation-cmp .tier-two .nav-container .h6{display:none}
.hub-navigation-cmp .tier-two ul li{margin:.25rem;width:calc(49.5% - .6rem)}
.hub-navigation-cmp .tier-two ul li a span.nav-img{display:table-cell;width:10.4rem;height:10.4rem}
.hub-navigation-cmp .tier-two ul li a span.nav-icon{display:none}
.hub-navigation-cmp .tier-two ul li a span.nav-text{padding-left:2rem}
.hub-navigation-cmp .tier-two ul.show-icons li a span.nav-img{display:table-cell}
.hub-navigation-cmp .tier-two ul.show-icons li a span.nav-icon{display:none}
.hub-navigation-cmp .tier-two a.tertiary{border-bottom:0}
.hub-navigation-cmp .tier-two a.tertiary i{color:#003594;margin-right:.5rem;font-size:1.3rem}
.hub-navigation-cmp .tier-two a.tertiary span{border-bottom:solid 1px}
.hub-navigation-cmp .tier-two a.tertiary:hover span,.hub-navigation-cmp .tier-two a.tertiary:active span{border-bottom:0}
.hub-navigation-cmp .tier-two .show-on-desktop{display:inline-block;grid-area:1 / 2 / 2 / 3}
.hub-navigation-cmp .tier-two .submenu{display:inline-block;width:calc(100% - 5rem);grid-area:1 / 1 / 2 / 2}
.hub-navigation-cmp .tier-two .submenu ul.one-column{width:100%}
.hub-navigation-cmp .tier-two .submenu ul.one-column li{margin:.25rem;width:calc(49.5% - .6rem)}
.hub-navigation-cmp .subpromo{margin-top:8.1rem}
.hub-navigation-cmp .subpromo a{font-size:1.8rem;border-bottom:solid .1rem #333;display:inline}
.hub-navigation-cmp .subpromo a:hover,.hub-navigation-cmp .subpromo a:active{border-bottom:0}
.hub-navigation-cmp .subpromo img{display:block;margin-bottom:.5rem;width:100%}
.hub-navigation-cmp .subpromo p{margin-top:.8rem}
.hub-navigation-cmp .subpromo .h6{display:block}
.hub-navigation-cmp .subpromo .promo-image,.hub-navigation-cmp .subpromo .promo-content{max-width:50%;margin:0 auto;width:17rem}
.hub-navigation-cmp.active .nav-header{grid-template-columns:10rem 1fr 8rem}
.hub-navigation-cmp.active .nav-header .menu-logo{position:relative;left:-1rem}
.hub-navigation-cmp.active .nav-header button .nav-text{color:#fff;width:100%}
.hub-navigation-cmp.active .nav-header button:hover .nav-text,.hub-navigation-cmp.active .nav-header button:active .nav-text{opacity:.3}
.hub-navigation-cmp.active .mega{left:0;visibility:visible !important;transition:left .7s}
.hub-navigation-cmp.active ul.menu-list{position:static;padding-top:4rem;padding-right:2rem;padding-bottom:4rem}
.hub-navigation-cmp.active ul.menu-list.subnav-closed li.active .tier-two{display:grid;grid-template-columns:65% 35%;grid-template-columns:70% 30%;grid-template-rows:1fr;gap:0;overflow-y:auto}
.hub-navigation-cmp.active ul.menu-list>li{width:100%}
.hub-navigation-cmp.active ul .tier-two{left:auto;right:0;width:74%;background:#fff url(../../../../content/dam/hershey/navigation/menu-bg-pink.png) no-repeat bottom right}
.hub-navigation-cmp.active ul .tier-two.brands{background:#fff url(../../../../content/dam/hershey/navigation/menu-bg-pink.png) no-repeat bottom right}
.hub-navigation-cmp.active .promo{display:block;width:26%;padding:0 0 5.8rem;background:#f3f3f3 url(../../../../content/dam/hershey/navigation/menu-bg-white.png) no-repeat bottom left}
.hub-navigation-cmp.active .promo.inactive{display:block}
.hub-navigation-cmp.active .promo img{width:100%}
.hub-navigation-cmp.active .promo .promo-image .h6{display:block;text-align:left}
.hub-navigation-cmp.active .promo .promo-content{padding-right:0}
.hub-navigation-cmp.active .promo .promo-content .h6{display:none}
.hub-navigation-cmp.active .promo .promo-image,.hub-navigation-cmp.active .promo .promo-content{width:calc(100% - 8rem)}
.hub-navigation-cmp.active .promo .promo-image img,.hub-navigation-cmp.active .promo .promo-content img{width:100%}
}
.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp{left:-100%;position:fixed;top:0;z-index:1001;transition:left .6s}
.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp .nav-header,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp .nav-header{background:#3c131c;box-shadow:none}
.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active{left:0;z-index:1002}
@media screen and (min-width:1128px){.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active .promo .promo-image,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active .promo .promo-image,.hub-navigation-cmp.active .promo .promo-image,.cmp-experiencefragment--big-brands-navigations .hub-navigation-cmp.active .promo .promo-content,.cmp-experiencefragment--xf-big-brand-navigation .hub-navigation-cmp.active .promo .promo-content,.hub-navigation-cmp.active .promo .promo-content{width:60%;margin-left:0}
}
.aem-AuthorLayer-Edit .hub-navigation-cmp{position:static}
@media print{.hub-navigation-cmp{display:none}
}
.left-side-nav .main-menu .menu .item a.decoration-menu2,.left-side-nav .main-menu .menu .item a.decoration-menu1,.left-side-nav .main-menu .menu .item a.decoration-menu4,.left-side-nav .main-menu .menu .item a.decoration-menu5,.left-side-nav .main-menu .menu .item a.decoration-menu3{font-family:'TT Norms Pro',sans-serif}