/* Shared header for homepage, information and disaster pages. */
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader){display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;padding:0 26px!important;gap:18px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e5e8ee!important;box-shadow:0 2px 8px #1c253014!important;position:relative!important;z-index:50!important;grid-template-columns:none!important;grid-template-rows:none!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;text-decoration:none!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand img,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-brand img{width:46px!important;height:48px!important;object-fit:contain!important;flex:none!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand strong,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand h1,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-brand strong{margin:0!important;font-size:20px!important;font-weight:700!important;line-height:1.5!important;color:#532e7c!important;white-space:nowrap!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .portal-top,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-right,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;flex-wrap:nowrap!important;width:auto!important;height:auto!important;min-height:0!important;gap:16px!important;padding:0!important;margin:0!important;background:#fff!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-header-tools{display:flex!important;align-items:center!important;gap:16px!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-clock,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .clock{display:flex!important;align-items:center!important;gap:6px!important;padding:7px 4px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#000!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap!important;cursor:pointer!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .clock svg,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-clock svg{width:19px!important;height:19px!important;flex:none!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .scope-wrap,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-scope-wrap{display:block!important;position:relative!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .scope,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-scope{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:270px!important;min-width:270px!important;max-width:270px!important;min-height:34px!important;padding:8px 16px 8px 42px!important;border:0!important;border-radius:22px!important;background-color:#f2f3f5!important;background-position:15px center!important;background-size:20px 20px!important;background-repeat:no-repeat!important;box-shadow:none!important;color:#777d86!important;font-size:12px!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-actions,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-nav{display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;margin:0!important;flex-wrap:nowrap!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-actions a.main-nav-link,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-nav a,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-actions>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;min-height:34px!important;height:34px!important;padding:4px 14px!important;border:0!important;border-radius:7px!important;background:#e6f4eb!important;color:#17663f!important;font-size:17px!important;font-weight:300!important;line-height:1.5!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-actions a.main-nav-link.nav-active,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-nav a.nav-active,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-actions>a.nav-active{background:#158f63!important;color:#fff!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .nav-tabs{position:absolute!important;top:100%!important;left:0!important}
html body .portal-header{margin-bottom:46px!important}
html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .weather-pop,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-weather-pop{position:absolute!important;top:64px!important;right:26px!important;width:640px!important;max-width:calc(100vw - 24px)!important;padding:18px!important;border:1px solid #e4e5e8!important;border-radius:22px!important;background:#fff!important;box-shadow:0 6px 22px #28323d30!important;z-index:110!important}
@media(max-width:1250px){html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader){height:auto!important;min-height:58px!important;flex-wrap:wrap!important;padding:8px 16px!important;gap:8px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-brand{flex-basis:100%!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .portal-top,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-right,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-actions{width:100%!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:10px!important}}
@media(max-width:700px){html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader){padding:8px 10px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand strong,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand h1,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-brand strong{font-size:15px!important;white-space:normal!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .brand img,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-brand img{width:36px!important;height:42px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-header-tools{width:100%!important;justify-content:space-between!important;gap:6px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .scope,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-scope{width:190px!important;min-width:190px!important;max-width:190px!important;font-size:11px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .clock,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-clock{font-size:11px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-actions a.main-nav-link,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .header-nav a,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .radar-site-actions>a{font-size:16px!important;padding:4px 10px!important}html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .weather-pop,html body header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader) .disaster-weather-pop{position:fixed!important;top:150px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100dvh - 170px)!important;overflow:auto!important}html body .portal-header{margin-bottom:42px!important}}

/* Reserve the full height of the disaster tabs below the header. */
html body header.portal-header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader){margin-bottom:46px!important}
@media(max-width:760px){html body header.portal-header:is(#hubInformationHeader,#ieatPortalHeader):is(#hubInformationHeader,#ieatPortalHeader){margin-bottom:42px!important}}
