.big-brand-nav{position:relative;top:auto;height:auto}
.has-alert .big-brand-nav{top:7rem}
.has-alert .big-brand-nav .callout-container{bottom:0}
@media screen and (min-width:992px){.has-alert .big-brand-nav .callout-container{bottom:5rem}
}
.big-brand-nav{z-index:1000;width:100%;top:7rem;padding-bottom:.6rem;position:absolute;height:100%}
.big-brand-nav.reset-height{height:auto}
.big-brand-nav + *{margin-top:6rem}
.big-brand-nav .nav-header{position:relative;background:white;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:4.4rem 1fr 2rem;grid-template-rows:1fr;gap:1px 1px;align-items:center}
.big-brand-nav .nav-header .menu-buttons{grid-area:1 / 1 / 2 / 2}
.big-brand-nav .nav-header .menu-logo{grid-area:1 / 2 / 2 / 3;width:80%;margin:auto;text-align:left;margin-left:0}
@media screen and (min-width:992px){.big-brand-nav .nav-header .menu-logo{width:50%;text-align:center;margin-left:auto}
}
.big-brand-nav .nav-header .search-button{grid-area:1 / 3 / 2 / 4}
.big-brand-nav .nav-header a{border:0}
.big-brand-nav .nav-header a img{max-height:4.4rem}
.big-brand-nav .nav-header button{width:2rem;height:2rem}
.big-brand-nav .nav-header button.menu:hover svg rect,.big-brand-nav .nav-header button.menu:active svg rect{fill:#3f000b}
.active.big-brand-nav .nav-header button.menu{display:none}
.big-brand-nav .nav-header button.menu-close{display:none}
.big-brand-nav .nav-header button.menu-close:hover svg rect,.big-brand-nav .nav-header button.menu-close:active svg rect{fill:#8a7177}
.active.big-brand-nav .nav-header button.menu-close{display:inline-block}
@media screen and (min-width:992px){.active.big-brand-nav .nav-header button.menu-close{display:inline-flex}
}
.big-brand-nav .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}
.big-brand-nav .nav-header .search-button button{margin-right:0;color:#003594}
.big-brand-nav .nav-header .search-button button:hover svg path,.big-brand-nav .nav-header .search-button button:active svg path{fill:#3f000b}
.active.big-brand-nav .nav-header .search-button button svg path{fill:#fff}
.active.big-brand-nav .nav-header .search-button button:hover svg path,.active.big-brand-nav .nav-header .search-button button:active svg path{fill:#8a7177}
.big-brand-nav .light-logo{display:none}
.big-brand-nav .mega{z-index:1000;background-color:#f6f6f6}
.big-brand-nav ul{position:relative;padding:0 1rem}
@media screen and (min-width:992px){.big-brand-nav ul{padding:4rem 1rem}
}
.big-brand-nav ul.menu-list{height:100%}
.big-brand-nav ul li{text-align:center;display:block;width:100%;border-bottom:solid 2px #cfcfcf}
.big-brand-nav ul li:first-child{border-top:solid 2px #cfcfcf;margin-top:2rem}
.big-brand-nav ul li a{border:0;display:table;font-size:1.8rem;color:#3f000b;font-family:'TT Norms Pro',sans-serif;font-weight:600;vertical-align:middle;width:100%;padding:1rem 0;min-height:1rem}
.big-brand-nav ul li a span{vertical-align:middle}
.big-brand-nav ul li a .nav-icon{display:table-cell;height:3.8rem;width:2.8rem;background-repeat:no-repeat;margin:0 auto;margin-bottom:.5rem;background-size:cover;background-position:center left}
.big-brand-nav ul li a .nav-text{text-align:left;display:table-cell;padding-left:1rem}
.big-brand-nav ul li a:hover .nav-icon,.big-brand-nav ul li a:active .nav-icon{background-position:center center}
.big-brand-nav ul li ul li:before{display:none}
.big-brand-nav .promo{display:grid;grid-template-columns:9.5rem 1fr;grid-template-rows:1fr;gap:1px 30px;align-items:center;padding:1rem 1rem .5rem;position:relative}
.big-brand-nav .promo .promo-image{grid-area:1 / 1 / 2 / 2;text-align:right}
.big-brand-nav .promo .promo-image .h6{display:none}
.big-brand-nav .promo .promo-content{grid-area:1 / 2 / 2 / 3;vertical-align:middle;padding-right:2rem}
.big-brand-nav .promo .promo-content .h6{display:block}
.big-brand-nav .promo .promo-content a{font-weight:700}
.big-brand-nav .promo img{width:9.5rem;height:auto}
.big-brand-nav .callout-container{position:absolute;left:0;bottom:0;z-index:2;overflow:hidden;height:0;padding:0;width:100%}
.big-brand-nav .hub-nav-access{padding:1rem 1rem .5rem;background:#3f000b url(../../../../content/dam/hershey/navigation/menu-bg-brown-mobile.png) no-repeat;background-position:bottom left;width:100%;text-align:center;padding:3.2rem 0 1.2rem;position:relative;cursor:pointer}
.big-brand-nav .hub-nav-access:before{width:0;height:0;border-style:solid;border-width:0 325px 34px 0;border-color:transparent #462325 transparent transparent;position:absolute;top:0;right:0;content:'';z-index:0}
.big-brand-nav .hub-nav-access button{color:#fff;font-weight:bold;font-size:1.8rem;text-decoration:underline}
.big-brand-nav .hub-nav-access img{display:block;margin:0 auto 1rem;max-height:3.6rem;position:relative;z-index:1}
@media screen and (min-width:992px){.big-brand-nav .hub-nav-access img{max-height:4.6rem}
}
.big-brand-nav.active{z-index:1000;height:100%;transition:height 1s}
.big-brand-nav.active .mega{height:100%}
.big-brand-nav.active .nav-header{background:#3f000b;box-shadow:none}
.big-brand-nav.active .light-logo{display:inline-block}
.big-brand-nav.active .logo{display:none}
.big-brand-nav.active .promo.inactive{display:none}
.big-brand-nav.active .promo a{color:#3f000b;border-color:#3f000b}
.big-brand-nav.active .promo a:hover .big-brand-nav.active .promo a:active{color:#003594}
.big-brand-nav.active .callout-container{height:auto}
@media screen and (min-width:768px) and (max-width:991.9px){.big-brand-nav .hub-nav-access{overflow:hidden}
.big-brand-nav .hub-nav-access:before{top:-1rem}
}
@media screen and (max-width:992px){.big-brand-nav.active .promo{padding:4rem 0}
.big-brand-nav .mega{height:0;overflow:hidden;opacity:0;transition:opacity .5s;background:#fff}
.big-brand-nav.active .mega{opacity:1;transition:opacity .5s}
.big-brand-nav .promo{height:0;overflow:hidden;padding:0}
.big-brand-nav.active .promo{height:auto;padding:1rem 1rem 3rem}
.big-brand-nav .nav-header a img{max-width:14rem}
}
@media screen and (min-width:992px) and (max-width:1259px){.big-brand-nav.active .nav-header,.big-brand-nav .nav-header{padding:0 2.5rem}
.big-brand-nav.active ul.menu-list{padding:4rem 2.5rem}
.big-brand-nav.active .callout-container{padding-left:2.5rem}
.big-brand-nav .promo{padding-left:0}
}
@media screen and (min-width:1260px){.big-brand-nav.active .nav-header,.big-brand-nav .nav-header{padding:0 calc((100% - 1210px)/2)}
.big-brand-nav.active ul.menu-list{padding-left:calc((100% - 1210px)/2);padding-right:5rem}
.big-brand-nav.active .promo{padding-right:5rem}
.big-brand-nav.active .callout-container{padding-left:calc((100% - 1210px)/2)}
}
@media screen and (min-width:992px) and (max-height:768px){.big-brand-nav div.callout-container{min-height:25rem}
}
@media screen and (min-width:992px){.container.responsivegrid{min-height:8rem}
.has-alert .big-brand-nav{top:6rem}
.big-brand-nav .mega{position:absolute;height:100%;width:100%;left:-100%;transition:left .8s;background:rgba(0,0,0,0.8)}
.big-brand-nav .nav-header{grid-template-columns:8.5rem 1fr 8.5rem;min-height:8rem}
.big-brand-nav .nav-header button{width:auto;height:2rem;display:inline-flex;margin-right:0}
.big-brand-nav .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:#3f000b;font-weight:bold;padding-left:.5rem;line-height:1.6}
.big-brand-nav .nav-header button.menu-close{width:11rem}
.big-brand-nav .nav-header .menu-buttons svg{width:1.8rem;height:1.8rem}
.big-brand-nav .nav-header .search-button{text-align:right}
.big-brand-nav .nav-header .search-button svg{height:1.8rem;width:1.4rem;margin-right:5px}
.big-brand-nav .nav-header a{text-align:center;display:flex;justify-content:center;align-items:center}
.big-brand-nav .nav-header a img{max-height:4.6rem}
.big-brand-nav ul li:first-child{margin-top:0}
.big-brand-nav ul li a.tier-one{display:table;vertical-align:middle;width:100%;padding:1rem 0;min-height:1rem;border:0}
.big-brand-nav ul li a .nav-icon{display:table-cell;width:2.5rem;height:3rem;background-position:center left}
.big-brand-nav ul li a:hover .nav-text,.big-brand-nav ul li a:active .nav-text{border:0;font-weight:700}
.big-brand-nav ul li a:hover .nav-icon,.big-brand-nav ul li a:active .nav-icon{background-position:center center}
.big-brand-nav ul.menu-list{width:calc(1210px * 26/100 + (100% - 1210px)/2);background:#f3f3f3}
.big-brand-nav ul.menu-list>li{display:block;overflow:hidden}
.big-brand-nav ul.menu-list li.active .tier-one{position:relative}
.big-brand-nav 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}
.big-brand-nav ul.menu-list li.active .tier-one .nav-text span{background:#f3f3f3;padding-right:1.5rem}
.big-brand-nav ul.menu-list li.active .tier-one .nav-text span:after{content:'';height:.2rem}
.big-brand-nav ul.menu-list li.active .tier-one a{position:relative}
.big-brand-nav ul.menu-list li:first-of-type.active .tier-one .nav-text:after{top:1.3rem}
.big-brand-nav .hub-nav-access{padding:3.2rem 2.5rem 1.2rem;height:14.5rem;position:absolute;left:0;right:0;bottom:8rem}
.big-brand-nav .hub-nav-access:before{border-width:0 498px 48px 0}
.big-brand-nav .promo{width:0;overflow:hidden;transition:width .5s}
.big-brand-nav .callout-container{width:calc(1210px * 26/100 + (100% - 1210px)/2);padding:0 0 5.8rem;min-height:49rem}
.big-brand-nav .tier-one{padding:.8rem 0 1.2rem}
.big-brand-nav .tier-one .nav-text{display:table-cell;text-align:left;vertical-align:middle;padding-left:1rem;font-size:1.8rem;font-weight:500;font-size:2.2rem}
.big-brand-nav .tier-one:hover .big-brand-nav .tier-one:active .nav-text{border:0;font-weight:700}
.big-brand-nav.active .nav-header{grid-template-columns:10rem 1fr 8rem}
.big-brand-nav.active .nav-header .menu-logo{position:relative;left:-1rem}
.big-brand-nav.active .nav-header button .nav-text{color:#fff;width:100%}
.big-brand-nav.active .nav-header button:hover .nav-text,.big-brand-nav.active .nav-header button:active .nav-text{opacity:.3}
.big-brand-nav.active .mega{left:0;transition:left .8s}
.big-brand-nav.active ul.menu-list>li{width:100%}
.big-brand-nav.active .promo{width:100%;display:block;padding-bottom:20rem}
.big-brand-nav.active .promo img{width:100%}
.big-brand-nav.active .promo .promo-image .h6{display:block;text-align:left;margin-bottom:.5rem}
.big-brand-nav.active .promo .promo-content{padding-right:0}
.big-brand-nav.active .promo .promo-content .h6{display:none}
.big-brand-nav.active .promo .promo-image,.big-brand-nav.active .promo .promo-content{width:100%;margin:0;text-align:left;font-size:1.8rem;line-height:1.5}
.big-brand-nav.active .promo .promo-image img,.big-brand-nav.active .promo .promo-content img{max-width:100%;width:13.8rem}
}
.aem-AuthorLayer-Edit .big-brand-nav{position:static}
@media print{.big-brand-nav{display:none}
}
@media screen and (min-width:992px){.big-brand-nav .hub-nav-access{padding:1.2rem 2.5rem 1.2rem;height:14.5rem;position:absolute;left:0;right:0;bottom:3rem}
body.oldnavbarActivated .cmp-big-brand-hero-container .cmp-big-brand-hero__image{background-position:top center !important}
body.oldnavbarActivated.alertIsActivated .cmp-big-brand-hero-container{margin-top:4rem}
.big-brand-nav.active .menu-list li a:focus-visible{ouline:auto;outline-style:solid;outline-color:#333;border:1px solid #333;width:100%}
}