/* Keep Helix navigation in normal flow, even when its scroll handler runs. */
body.site #sp-header,
body.site #sp-header.menu-fixed,
body.site #sp-header.menu-fixed-out {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  box-shadow: none !important;
  z-index: 35 !important;
}

body.site .body-innerwrapper > .nav-placeholder {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
}

body.site #sp-header .sp-megamenu-parent > li > a,
body.site #sp-header .sp-megamenu-parent > li > span,
body.site #sp-header #offcanvas-toggler > i {
  color: var(--eaf-ink, #07111f) !important;
}

body.site #sp-header .sp-megamenu-parent > li.active > a,
body.site #sp-header .sp-megamenu-parent > li.current-item > a,
body.site #sp-header .sp-megamenu-parent > li:hover > a,
body.site #sp-header .sp-megamenu-parent > li > a:focus-visible {
  color: var(--eaf-red, #d71920) !important;
}

body.site #sp-header .sp-megamenu-parent > li > a::before {
  background: var(--eaf-red, #d71920) !important;
}

/* These colors also override the template's later preset and inline styles. */
body.site #sp-top-bar {
  background: #07111f !important;
  color: #ffffff !important;
}

body.site #sp-top-bar .eaf-stage-topbar,
body.site #sp-top-bar .eaf-stage-topbar__links,
body.site #sp-top-bar .eaf-stage-topbar__links > span,
body.site #sp-top-bar .eaf-stage-topbar__meta {
  color: #ffffff !important;
}

body.site #sp-top-bar a,
body.site #sp-top-bar a:visited {
  color: #ffffff !important;
  text-decoration: none;
}

body.site #sp-top-bar a.eaf-stage-topbar__handle,
body.site #sp-top-bar a:hover,
body.site #sp-top-bar a:focus {
  color: #ffd23f !important;
}

body.site #sp-top-bar a:hover,
body.site #sp-top-bar a:focus {
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.site #sp-top-bar a:focus-visible {
  outline: 2px solid #ffd23f;
  outline-offset: 3px;
}

body.site #sp-logo-wrapper {
  background: #ffffff !important;
  color: #07111f !important;
}

body.site #sp-logo-wrapper #sp-logo .logo {
  display: flex !important;
  align-items: center;
  height: auto !important;
  min-width: 0;
}

body.site #sp-logo-wrapper #sp-logo .logo a {
  display: inline-flex !important;
  align-items: center;
  gap: 14px;
  max-width: 100%;
  color: #07111f !important;
}

body.site #sp-logo-wrapper #sp-logo .logo a::after {
  color: #07111f !important;
  min-width: 0;
  white-space: pre-line;
}

body.site #sp-logo-wrapper #sp-logo .logo img {
  flex: 0 0 auto;
}
