.utility-navigation{min-height:4.4rem}
.utility-navigation__bar{position:fixed;top:0;left:0;width:100%;height:4.4rem;z-index:10000000;background:#3f000b;overflow:hidden;transform:translateY(0);transition:transform .35s ease}
.utility-navigation__scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.utility-navigation__scroll-container::-webkit-scrollbar{display:none}
.utility-navigation__list{display:flex;align-items:center;justify-content:center;width:max-content;min-width:100%;height:100%;margin:0;padding:1.2rem 1.6rem;gap:2.4rem;list-style:none;white-space:nowrap}
.utility-navigation__item{flex:0 0 auto;margin:0;padding:0}
.utility-navigation__item::before{display:none}
.utility-navigation__link{position:relative;color:#fff !important;border-bottom:.1rem solid transparent;font-family:'TT Norms Pro',sans-serif;font-size:1.4rem;font-weight:500;text-decoration:none;white-space:nowrap}
.utility-navigation__link:visited{color:#fff}
.utility-navigation__link:hover{color:#fff;cursor:pointer;text-decoration:underline solid;text-decoration-thickness:5%;text-underline-offset:24%;text-decoration-skip-ink:auto}
.utility-navigation__link:focus{outline:0}
.utility-navigation__link:focus .utility-navigation__link-text{outline-color:initial;outline-style:auto;outline-width:initial;outline-offset:1px}
.utility-navigation__link--active{font-weight:700;cursor:default;text-decoration:none !important}
.utility-navigation__link--active:hover{cursor:default}
.utility-navigation__link--active::after{position:absolute;top:2rem;left:50%;width:1.6rem;height:1.6rem;background:url('../../../../content/dam/hersheyland/en-us/navigation/icons/Indicator-Kisses-Active_white.svg') center / contain no-repeat;content:'';transform:translateX(-50%);pointer-events:none}
@media screen and (max-width:575.9px),screen and (min-width:576px) and (max-width:767.9px){.utility-navigation__list{justify-content:center;width:max-content;min-width:100%;padding:1.2rem 1.6rem;gap:2.4rem}
}
@media screen and (min-width:768px) and (max-width:991.9px){.utility-navigation__list{justify-content:flex-start;width:100%;padding:1.2rem 2.4rem;gap:3.2rem}
}
@media screen and (min-width:992px){.utility-navigation{min-height:5.6rem}
.utility-navigation__bar{height:5.6rem}
.utility-navigation__list{justify-content:flex-start;width:max-content;min-width:100%;padding:1.8rem 4rem;gap:4rem}
.utility-navigation__link{font-size:1.6rem}
.utility-navigation__link--active::after{top:2.5rem;width:2.2rem;height:2.2rem}
}
body.utility-navigation-hidden .utility-navigation__bar{transform:translateY(-100%)}
body.utilityNavigationActivated .mob-side-bar{top:4.4rem !important;transition:top .35s ease}
body.utilityNavigationActivated.utility-navigation-hidden .mob-side-bar{top:0 !important}
@media screen and (min-width:992px){body.utilityNavigationActivated .navbar-container{top:5.6rem !important;transition:top .35s ease}
body.utilityNavigationActivated.utility-navigation-hidden .navbar-container{top:0 !important}
}
@media screen and (max-width:991.9px){body.utilityNavigationActivated nav.top-nav.cw-topnav{top:4.4rem !important;margin-top:0 !important;transition:top .35s ease}
body.utilityNavigationActivated nav.top-nav.cw-topnav .nav-wrap{top:12.9rem !important;transition:top .35s ease}
body.utilityNavigationActivated.utility-navigation-hidden nav.top-nav.cw-topnav{top:0 !important}
body.utilityNavigationActivated.utility-navigation-hidden nav.top-nav.cw-topnav .nav-wrap{top:8.5rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated .todayHours{top:4.4rem !important;margin-top:0 !important;transition:top .35s ease}
body.utilityNavigationActivated.cwTodayHoursActivated nav.top-nav.cw-topnav{top:9.4rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated nav.top-nav.cw-topnav .nav-wrap{top:17.9rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden .todayHours{top:0 !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden nav.top-nav.cw-topnav{top:5rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden nav.top-nav.cw-topnav .nav-wrap{top:13.5rem !important}
}
@media screen and (min-width:992px) and (max-width:1023px){body.utilityNavigationActivated nav.top-nav.cw-topnav{top:5.6rem !important;margin-top:0 !important;transition:top .35s ease}
body.utilityNavigationActivated nav.top-nav.cw-topnav .nav-wrap{top:14.1rem !important;transition:top .35s ease}
body.utilityNavigationActivated.utility-navigation-hidden nav.top-nav.cw-topnav{top:0 !important}
body.utilityNavigationActivated.utility-navigation-hidden nav.top-nav.cw-topnav .nav-wrap{top:8.5rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated .todayHours{top:5.6rem !important;margin-top:0 !important}
body.utilityNavigationActivated.cwTodayHoursActivated nav.top-nav.cw-topnav{top:10.6rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated nav.top-nav.cw-topnav .nav-wrap{top:19.1rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden .todayHours{top:0 !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden nav.top-nav.cw-topnav{top:5rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden nav.top-nav.cw-topnav .nav-wrap{top:13.5rem !important}
}
@media screen and (min-width:1024px){body.utilityNavigationActivated nav.top-nav.cw-topnav{top:5.6rem !important;margin-top:0 !important;transition:top .35s ease}
body.utilityNavigationActivated.utility-navigation-hidden nav.top-nav.cw-topnav{top:0 !important}
body.utilityNavigationActivated.cwTodayHoursActivated .todayHours{top:7.6rem !important;transition:top .35s ease}
body.utilityNavigationActivated.cwTodayHoursActivated nav.top-nav.cw-topnav{top:5.6rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden .todayHours{top:2rem !important}
body.utilityNavigationActivated.cwTodayHoursActivated.utility-navigation-hidden nav.top-nav.cw-topnav{top:0 !important}
}
.aem-AuthorLayer-Edit .utility-navigation__bar,.aem-AuthorLayer-Preview .utility-navigation__bar{position:static;transform:none}
@media print{.utility-navigation{display:none}
}