.dssb-masthead{width:100%;float:left;position:relative;background:#fff;color:#111;box-sizing:border-box}
.dssb-masthead-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) 160px;align-items:center;gap:18px;min-height:150px;padding:18px 24px;box-sizing:border-box}
.dssb-anniversary{display:flex;flex-direction:column;align-items:flex-start;font-family:Arial,sans-serif;line-height:1.1}
.dssb-years{font-size:60px;font-weight:800;color:#ff0054;letter-spacing:-3px;line-height:1}
.dssb-tagline{display:block;max-width:125px;margin-top:5px;font-size:14px;line-height:1.15;overflow-wrap:anywhere}
.dssb-central-logo{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;color:#111;font:700 30px/1.1 Arial,sans-serif;text-align:center}
.dssb-masthead .dssb-central-logo img{display:block;width:100%;max-width:520px;height:110px;margin:0;object-fit:contain}
/* Keep the native navigation nodes, listeners, menu order and dropdowns. */
body.dssb-header-active #mvp-main-nav-small,
body.dssb-header-active #mvp-main-nav-small-cont{background:#000!important}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul li a,
body.dssb-header-active #mvp-main-nav-small .mvp-nav-search-but,
body.dssb-header-active #mvp-main-nav-small .mvp-drop-nav-title h4{color:#fff!important}
body.dssb-header-active #mvp-main-nav-small .mvp-fly-but-wrap span{background:#fff!important}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.sub-menu,
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.mvp-mega-list{background:#111!important}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu li.menu-item-has-children>a:after{border-color:#fff transparent transparent!important}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu a:hover,
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu a:focus-visible{color:#ff6b9c!important}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu a:focus-visible{outline:2px solid #fff;outline-offset:-3px}
/* Branding is above the menu; keep the theme's hidden site title for semantics. */
body.dssb-header-active #mvp-main-nav-small .mvp-nav-small-logo{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-small-logo>a{display:none}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-small-mid-right{max-width:none;width:100%}
/* Ignore Zox's cached scroll classes; keep a flow anchor and pin the same bar. */
body.dssb-header-active #mvp-main-nav-wrap{min-height:var(--dssb-menu-height,50px)}
body.dssb-header-active #mvp-main-nav-small{
 position:relative!important;top:0!important;left:auto!important;
 transform:none!important;-webkit-transform:none!important;
 transition:none!important;opacity:1!important;visibility:visible!important;
}
body.dssb-header-active.dssb-menu-fixed #mvp-main-nav-small{
 position:fixed!important;top:var(--dssb-menu-top,0px)!important;
 left:var(--dssb-menu-left,0px)!important;width:var(--dssb-menu-width,100%)!important;
 z-index:99999;
}
body.dssb-header-active #mvp-main-body-wrap{margin-top:0!important}
body.dssb-header-active #mvp-main-nav-small .mvp-drop-nav-title{display:none!important}
@media(min-width:1004px){body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu{display:block!important}}
@media(max-width:767px){
 .dssb-masthead-inner{display:flex;justify-content:center;min-height:105px;padding:12px 20px}
 .dssb-masthead-inner>div[aria-hidden]{display:none}
 .dssb-masthead .dssb-central-logo img{height:78px;max-width:360px}
 .dssb-central-logo{font-size:18px}
 body.dssb-header-active #mvp-main-nav-small>.dssb-anniversary{
  position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:calc(100% - 104px);max-width:none;height:50px;box-sizing:border-box;
  font-size:clamp(10px,3vw,13px);white-space:nowrap;
  flex-direction:row;align-items:center;justify-content:center;gap:4px;
  pointer-events:none;z-index:2;
 }
 #mvp-main-nav-small>.dssb-anniversary .dssb-years{font-size:inherit;font-weight:600;letter-spacing:normal;line-height:1.2;flex-shrink:0}
 #mvp-main-nav-small>.dssb-anniversary .dssb-tagline{margin:0;max-width:none;min-width:0;font-size:inherit;line-height:1.2;color:#fff;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.dssb-header-active #mvp-main-nav-small .mvp-drop-nav-title{display:none!important}
}

/* Both placements exist in server HTML; CSS selects one before the first paint. */
.dssc-mobile-anniversary{display:none}
@media(max-width:767px){
 .dssb-masthead-inner>.dssb-anniversary{display:none}
 body.dssb-header-active #mvp-main-nav-small>.dssc-mobile-anniversary{display:flex}
}
/* Zox paints each submenu link white independently of the dropdown container. */
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.sub-menu li > a{
 background:#111!important;color:#fff!important;border-top-color:#333!important;
}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.sub-menu li > a:hover,
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.sub-menu li > a:focus-visible{
 background:#292929!important;color:#ff6b9c!important;
}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.sub-menu li.menu-item-has-children > a:after{
 border-color:transparent transparent transparent #fff!important;
}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu div.mvp-mega-dropdown{
 background:#111!important;border-top-color:#333!important;
}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.mvp-mega-list li a p{color:#fff!important}
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.mvp-mega-list li a:hover p,
body.dssb-header-active #mvp-main-nav-small .mvp-nav-menu ul.mvp-mega-list li a:focus-visible p{color:#ff6b9c!important}
