/* The site header, one look on every page (taken from missions.php). Loaded last in <head>; !important because each page carries its own older nav styles. */
html body .topbar,html body .dbr-topbar{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:1288px!important;margin:0 auto 16px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;clip-path:none!important;position:relative!important;z-index:30!important;box-sizing:border-box!important}
html body .topbar::before,html body .topbar::after,html body .dbr-topbar::before,html body .dbr-topbar::after{display:none!important}
html body .brand-mini,html body .dbr-brand{font:italic 700 21px/1.2 "Saira Condensed","Barlow Semi Condensed",Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;text-decoration:none!important;color:#fff!important;text-shadow:none!important;background:none!important;border:0!important;padding:0!important;white-space:nowrap!important;-webkit-text-fill-color:#fff!important}
html body .topbar .nav,html body .dbr-topbar .dbr-nav{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html body .topbar .nav a,html body .dbr-topbar .dbr-nav a{display:inline-block!important;box-sizing:border-box!important;font:normal 700 14px/normal "Saira Condensed","Barlow Semi Condensed",Arial,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase!important;text-decoration:none!important;text-shadow:none!important;color:#eaf6f7!important;background:#16323c!important;border:1px solid transparent!important;border-radius:0!important;padding:8px 13px!important;margin:0!important;box-shadow:none!important;clip-path:none!important;transform:none!important;animation:none!important;transition:background-color .15s!important;-webkit-text-fill-color:currentColor!important}
html body .topbar .nav a::before,html body .topbar .nav a::after,html body .dbr-topbar .dbr-nav a::before,html body .dbr-topbar .dbr-nav a::after{display:none!important}
html body .topbar .nav a:hover,html body .dbr-topbar .dbr-nav a:hover{background:#1f4552!important;color:#fff!important}
html body .topbar .nav a:focus-visible,html body .dbr-topbar .dbr-nav a:focus-visible{outline:2px solid #ffc600!important;outline-offset:1px!important}
html body .topbar .nav a.active,html body .dbr-topbar .dbr-nav a.active{background:#ffc600!important;border-color:#ffc600!important;color:#10181c!important}
html body .topbar .nav a .nav-vitals-cursor,html body .dbr-topbar .dbr-nav a .nav-vitals-cursor{color:#ff4058!important;text-shadow:none!important;animation:none!important}
html body .topbar .nav a.active .nav-vitals-cursor,html body .dbr-topbar .dbr-nav a.active .nav-vitals-cursor{color:#10181c!important}
@media(max-width:760px){
  html body .topbar,html body .dbr-topbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  html body .topbar .nav,html body .dbr-topbar .dbr-nav{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px!important;padding:2px 16px 6px!important}
  html body .topbar .nav::-webkit-scrollbar,html body .dbr-topbar .dbr-nav::-webkit-scrollbar{display:none}
  html body .topbar .nav a,html body .dbr-topbar .dbr-nav a{flex:0 0 auto!important;white-space:nowrap!important;font-size:13px!important;padding:8px 11px!important}
}
