/* Theme base: header/footer bars (see config.toml params.background_color_class) */
.bg-gapp-base {
  background-color: #050b21 !important;
}

/* Fallback if any layout still uses bg-black for header/footer */
header .bg-black,
footer.bg-black {
  background-color: #050b21 !important;
}

/* Hero overlay on home (was Tachyons bg-black-60) */
.bg-black-60 {
  background-color: rgba(5, 11, 33, 0.6) !important;
}

header.cover[style*="main-header.png"] {
  background-image: none !important;
  background-color: #050b21 !important;
}

header.cover[style*="main-header.png"] > div {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

header.cover[style*="main-header.png"] h1 {
  display: none;
}

header.cover[style*="main-header.png"] .tc-l {
  display: none !important;
}

header.cover[style*="main-header.png"] .pb3-m.pb6-l {
  padding-bottom: 0 !important;
}

header.cover[style*="main-header.png"] + main {
  display: block;
  min-height: calc(100vh - 110px);
  background-image: url("/images/hero/main-header.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

header.cover[style*="main-header.png"] + main > * {
  display: none;
}

nav[role="navigation"] .justify-between > a.no-underline {
  font-size: 0 !important;
  width: 34px;
  height: 34px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

nav[role="navigation"] .justify-between > a.no-underline::before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: center/contain no-repeat url("/images/icons/home.svg");
}