/* Floating pill menu: border + white strip so page text never shows around or behind it */
.header,
.scrolled .header{
	padding:10px 16px;
	background-color:#fff;
	z-index:1000;
}
.header > .grid-container{
	background:#fff;
	border:2.4px solid #0056b9;
	border-radius:60px;
	padding:6px 32px;
	box-shadow:0 2px 10px rgba(0,40,100,.12);
}
.header .grid-x{align-items:center;flex-wrap:nowrap}
.header nav{padding:0}
.header .logo,
.scrolled .header .logo{width:auto;height:60px;max-width:none;display:block}
.footer .logo{width:auto;height:60px;background:transparent;max-width:none;margin-bottom:20px}
@media only screen and (max-width:1100px){
	.header > .grid-container{padding:6px 24px}
	.header .logo,.scrolled .header .logo{height:48px;max-width:none}
}
@media only screen and (max-width:63.9375em){
	.header,.scrolled .header{padding:8px 10px}
	.header > .grid-container{padding:6px 18px}
}
@media only screen and (max-width:39.9375em){
	.header .logo,.scrolled .header .logo{height:42px}
}

/* Footer: slate grey to match the logo artwork, with a vertical menu */
.footer{background-color:#e8ebef;color:#27303a}
.footer hr{border-bottom-color:rgba(39,48,58,.25)}
.footer,.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer p,.footer span,.footer li,.footer div{color:#27303a}
.footer a:not(.button){color:#27303a}
.footer a:not(.button):hover{color:#ef8d22}
.footer #footer-menu{list-style:none;margin:6px 0 0;padding:0}
.footer #footer-menu li{margin:0 0 10px}
.footer nav ul#footer-menu li a{color:#27303a;text-decoration:none;font-weight:600;font-size:16px;padding:0}
.footer nav ul#footer-menu li a:hover{color:#ef8d22;text-decoration:underline}
.footer .menu li a,.footer ul.menu a,.footer .menu.align-right a{color:#27303a !important}
.footer .menu li a:hover{color:#ef8d22 !important}
/* footer vertical menu with sideways fly-outs */
.footer .footer-flyout,.footer .footer-flyout ul{list-style:none;margin:6px 0 0;padding:0}
.footer .footer-flyout>li{position:relative;margin:0 0 10px}
.footer .footer-flyout li>a{display:block;color:#27303a;font-weight:600;font-size:16px;text-decoration:none;padding:0}
.footer .footer-flyout>li.menu-item-has-children>a:after{content:"\203A";margin-left:8px;font-weight:700}
.footer .footer-flyout .sub-menu{display:none;position:absolute;left:100%;top:-10px;min-width:260px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(39,48,58,.22);padding:10px 0;margin:0;z-index:50;opacity:0;transform:translateX(-12px);transition:opacity .2s ease,transform .2s ease}
.footer .footer-flyout li:hover>.sub-menu,.footer .footer-flyout li:focus-within>.sub-menu{display:block;opacity:1;transform:translateX(0)}
.footer .footer-flyout .sub-menu li{margin:0}
.footer .footer-flyout .sub-menu a{padding:6px 18px;font-weight:500;font-size:15px;white-space:nowrap}
.footer .footer-flyout li>a:hover,.footer .footer-flyout li.current-menu-item>a{color:#ef8d22 !important;text-decoration:none}
@media (max-width:640px){.footer .footer-flyout .sub-menu{position:static;display:none;box-shadow:none;background:transparent;opacity:1;transform:none;padding:4px 0 0 14px}.footer .footer-flyout li:hover>.sub-menu,.footer .footer-flyout li:focus-within>.sub-menu{display:block}}
.footer .footer-flyout .sub-menu{top:auto !important;bottom:-8px;left:calc(100% + 14px);min-width:280px}
.footer .footer-flyout>li.menu-item-has-children:after{content:"";position:absolute;left:100%;top:0;width:18px;height:100%}
.footer .footer-flyout .sub-menu li>a{padding:7px 20px !important}
.footer .footer-flyout .sub-menu li>a:hover{background:#eef1f5}
.footer .footer-flyout .sub-menu li>a{padding:5px 20px !important}
.footer .footer-flyout .sub-menu:has(li:nth-child(9)){column-count:2;column-gap:0;min-width:540px}
.footer .footer-flyout .sub-menu li{break-inside:avoid}
/* menu sits right of Contact Us: fly-outs open to the left so they stay on screen */
.footer .footer-menu-cell{padding-top:0}
@media (min-width:641px){
.footer .footer-flyout .sub-menu{left:auto !important;right:calc(100% + 14px);transform:translateX(12px)}
.footer .footer-flyout li:hover>.sub-menu,.footer .footer-flyout li:focus-within>.sub-menu{transform:translateX(0)}
.footer .footer-flyout>li.menu-item-has-children:after{left:auto;right:100%}
.footer .footer-flyout>li.menu-item-has-children>a:after{content:"\2039";margin:0 8px 0 0;order:-1}
.footer .footer-flyout>li.menu-item-has-children>a:before{content:"";}
}
@media (min-width:641px){
.footer .footer-flyout .sub-menu{top:-8px !important;bottom:auto !important}
.footer .footer-flyout>li.menu-item-has-children>a:after{margin:0 0 0 8px;order:0}
}
.footer .footer-legal{list-style:none;margin:6px 0 0;padding:0}
.footer .footer-legal li{margin:0 0 10px}
.footer .footer-legal li a{color:#27303a !important;font-weight:600;font-size:16px;text-decoration:none;padding:0}
.footer .footer-legal li a:hover{color:#ef8d22 !important}
.footer .footer-bottom{text-align:center;padding:18px 0 22px}
.footer .footer-bottom p{margin:0 0 4px;font-size:14px;color:#27303a}
.footer .footer-bottom a{color:#27303a;font-weight:600;text-decoration:underline}
.footer .footer-bottom a:hover{color:#ef8d22}
.footer .footer-legal-cell{text-align:left}
.footer .footer-legal{display:block !important;text-align:left}
.footer .footer-legal li{display:block;float:none;text-align:left}
.footer #site-info.footer-bottom{padding:16px 0 20px;min-height:0;height:auto}
.footer #site-info.footer-bottom p{margin:0 0 2px !important;line-height:1.5;padding:0;min-height:0 !important;height:auto !important}
/* tighter spacing between top-menu drop-down items */
.header .sf-menu .sub-menu li a{padding-top:4px !important;padding-bottom:4px !important;line-height:1.4}
