/* Proposed header/footer design for the next approved production release.
   This file does not change the form or diagram logic. */
:root { --ng-royal:#142BFF; --ng-yellow:#FFF000; --ng-black:#111111; }
.site-header {background:var(--ng-royal)!important;border-bottom:3px solid var(--ng-black)!important;backdrop-filter:none!important;}
.site-header .stage-brand .brand-mark.brand-n2 {background:var(--ng-yellow)!important;color:var(--ng-black)!important;border:3px solid var(--ng-black)!important;box-shadow:4px 4px 0 var(--ng-black)!important;}
.site-header .stage-brand .brand-mark.brand-n2 sub{color:var(--ng-black)!important;}
.site-header .stage-brand .brand-text,.site-header .stage-brand .brand-text small {color:#fff!important;}
.site-header .site-nav > a:not(.nav-rfq), .site-header .site-nav > details > summary {color:#fff!important;}
.site-header .site-nav > a:not(.nav-rfq):hover,.site-header .site-nav > details > summary:hover,.site-header .site-nav > a:not(.nav-rfq):focus-visible,.site-header .site-nav > details > summary:focus-visible {color:var(--ng-yellow)!important;}
.site-header .site-nav > details > summary span{color:var(--ng-yellow)!important;}
.site-header .nav-rfq,.site-header .button--primary {background:var(--ng-yellow)!important;color:var(--ng-black)!important;border:2px solid var(--ng-black)!important;box-shadow:5px 5px 0 var(--ng-black)!important;}
.site-header .nav-rfq:hover,.site-header .nav-rfq:focus-visible{background:#fff!important;color:var(--ng-black)!important;}
.site-header .site-nav-panel{background:var(--ng-royal)!important;border:2px solid var(--ng-black)!important;box-shadow:5px 5px 0 var(--ng-black)!important;}
.site-header .site-nav-panel a{color:#fff!important;border-bottom-color:rgba(255,255,255,.33)!important;}
.site-header .site-nav-panel a:hover,.site-header .site-nav-panel a:focus-visible{background:var(--ng-yellow)!important;color:var(--ng-black)!important;}
.site-header .menu-toggle{background:var(--ng-yellow)!important;color:var(--ng-black)!important;border:2px solid var(--ng-black)!important;box-shadow:4px 4px 0 var(--ng-black)!important;}
.site-header a:focus-visible,.site-header summary:focus-visible,.site-header button:focus-visible,.site-footer a:focus-visible {outline:3px solid var(--ng-yellow)!important;outline-offset:3px;}
.stage-b-bottom-cta,.stage-b-bottom-cta-v2{background:var(--ng-black)!important;color:#fff!important;border-color:var(--ng-black)!important;}
.stage-b-bottom-cta strong,.stage-b-bottom-cta p{color:#fff!important;}
.stage-b-bottom-cta-v2 .button{background:var(--ng-yellow)!important;color:var(--ng-black)!important;border:2px solid var(--ng-black)!important;box-shadow:5px 5px 0 #fff!important;}
.stage-b-bottom-cta-v2 .button:hover,.stage-b-bottom-cta-v2 .button:focus-visible{background:#fff!important;}
.site-footer {background:var(--ng-royal)!important;color:#fff!important;}
.site-footer h3,.site-footer p,.site-footer .footer-text,.site-footer .brand-text,.site-footer .footer-bottom{color:#fff!important;}
.site-footer a,.site-footer .footer-text a,.site-footer .footer-bottom a{color:#fff!important;}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--ng-yellow)!important;}
.site-footer .footer-n2{background:var(--ng-yellow)!important;color:var(--ng-black)!important;border:2px solid var(--ng-black)!important;box-shadow:4px 4px 0 var(--ng-black)!important;}
.site-footer .footer-n2 sub{color:var(--ng-black)!important;}
.site-footer .footer-bottom {border-top-color:rgba(255,255,255,.35)!important;}
@media(max-width:980px){
 .site-header .site-nav{background:var(--ng-royal)!important;box-shadow:0 18px 0 var(--ng-black)!important;border-top:2px solid var(--ng-black)!important;}
 .site-header .site-nav-group{border-color:rgba(255,255,255,.48)!important;}
 .site-header .site-nav-panel{position:static;box-shadow:none!important;border:0!important;border-top:1px solid rgba(255,255,255,.42)!important;}
 .site-header .nav-rfq{display:block;text-align:center;}
}