/* Header: dark bar, logo left, uppercase nav right (desktop ≥1025px), logo + hamburger + side drawer below.
   Colours come from site.css (the inherited site CSS) and cr-header.php; this file is layout. */
#masthead{position:relative;z-index:100}
.site-header-wrap,.site-main-header-wrap,.site-header-row-container,.site-header-row-container-inner,#masthead{background:#0a0a0a}
.site-header{border-bottom:2px solid #c8102e}
.site-main-header-inner-wrap{display:flex;align-items:center;min-height:80px}
.site-header-section-left{flex:1 1 0;display:flex;justify-content:flex-start;align-items:center}
.site-header-section-right{flex:0 1 auto;display:flex;justify-content:flex-end;align-items:center}
.site-header-item{display:flex;align-items:center}
.site-branding a.brand{display:block;line-height:0}
.site-branding img.custom-logo{max-width:200px;width:200px;height:auto;display:block}
#mobile-header{display:none}
@media (max-width:1024px){#main-header{display:none}#mobile-header{display:block}}
/* desktop nav */
.header-navigation{display:flex;align-items:center}
.header-navigation ul{list-style:none;margin:0;padding:0}
.header-navigation .menu{display:flex;align-items:center;justify-content:center}
.header-navigation .menu>li{position:relative;margin:0;list-style:none;display:list-item}
.header-navigation .menu>li>a{display:block;padding:.6em;color:#fff;font-weight:700;font-size:14.5px;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;line-height:1.6;white-space:nowrap}
.header-navigation .menu>li>a:hover,.header-navigation .menu>li.current-menu-item>a{color:#c8102e}
.header-navigation .nav-drop-title-wrap{display:inline-flex;align-items:center;gap:.35em}
.header-navigation .dropdown-nav-toggle{display:inline-flex;font-size:.9em}
.header-navigation .dropdown-nav-toggle svg{width:1em;height:1em}
.header-navigation ul.sub-menu{position:absolute;top:100%;left:0;min-width:200px;margin:0;padding:0;background:#141414;border-top:2px solid #c8102e;box-shadow:0 2px 13px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:100}
.header-navigation ul.sub-menu li{display:block;margin:0}
.header-navigation ul.sub-menu a{display:block;width:200px;padding:14.5px;color:#e8e8e8;font-weight:700;font-size:14.5px;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;line-height:1.6}
.header-navigation ul.sub-menu a:hover{color:#c8102e;background:#1e1e1e}
.header-navigation ul.sub-menu ul.sub-menu{top:0;left:100%}
.header-navigation li.menu-item-has-children:hover>ul.sub-menu,.header-navigation li.menu-item--toggled-on>ul.sub-menu{opacity:1;visibility:visible;transform:none}
/* mobile toggle */
.mobile-toggle-open-container{display:flex}
#mobile-toggle{background:transparent;border:0;color:#fff;padding:5.6px 8.4px;font-size:14px;line-height:1;display:flex;align-items:center;border-radius:3px;cursor:pointer}
#mobile-toggle svg{width:24px;height:24px;display:block}
#mobile-toggle:hover{color:#c8102e;background:transparent}
/* drawer */
.popup-drawer{position:fixed;inset:0;z-index:100000;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s}
.popup-drawer.show-drawer{visibility:visible;opacity:1}
.popup-drawer .drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.popup-drawer .drawer-inner{position:absolute;top:0;bottom:0;right:0;width:320px;max-width:85vw;background:#0a0a0a;color:#fff;overflow:auto;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column}
.popup-drawer.show-drawer .drawer-inner{transform:none}
.drawer-header{display:flex;justify-content:flex-end;padding:.5em}
.menu-toggle-close{background:transparent;border:0;width:44px;height:44px;position:relative;cursor:pointer;color:#fff;padding:0}
.menu-toggle-close .toggle-close-bar{position:absolute;left:50%;top:50%;width:22px;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.menu-toggle-close .toggle-close-bar+.toggle-close-bar{transform:translate(-50%,-50%) rotate(-45deg)}
.menu-toggle-close:hover{color:#c8102e;background:transparent}
.drawer-content{padding:0 1.5em 1.5em}
.mobile-navigation ul{list-style:none;margin:0;padding:0}
.mobile-navigation .menu>li{border-bottom:1px solid #262626}
.mobile-navigation .menu>li:last-child{border-bottom:0}
.mobile-navigation a{display:block;padding:12px 0;color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:14.5px}
.mobile-navigation a:hover{color:#c8102e}
.mobile-navigation .drawer-nav-drop-wrap{display:flex;align-items:center;justify-content:space-between}
.mobile-navigation .drawer-nav-drop-wrap a{flex:1 1 auto}
.mobile-navigation .drawer-sub-toggle{background:transparent;border:0;border-left:1px solid #262626;color:#fff;padding:8px 10px;cursor:pointer;display:flex;align-items:center;transition:transform .2s}
.mobile-navigation .drawer-sub-toggle svg{width:1em;height:1em}
.mobile-navigation .drawer-sub-toggle[aria-expanded=true]{transform:rotate(180deg)}
.mobile-navigation ul.sub-menu{display:none;padding-left:1em;border-top:1px solid #262626}
.mobile-navigation ul.sub-menu.show-drawer{display:block}
.mobile-navigation ul.sub-menu a{font-size:13px;color:#e8e8e8}
.mobile-navigation .cr-hdr-item>a{display:flex;align-items:center;gap:7px}
body.showing-popup-drawer-from-right{overflow:hidden}
