/*
 * header-layout18's ".sticky-wrapper" is fully transparent (over an
 * ".header-absolute" header) with white nav text, and only gets a dark
 * background from main.js's scroll handler once scrollTop > 500px.
 * That's fine on pages with a dark hero image right behind the header
 * (home, bootcamp), but on every other page the header sits on a
 * white/light section and the white text is invisible until scrolled.
 * Give it the same dark background main.js applies on scroll so the logo,
 * tagline, and nav are always readable, from initial page load.
 */
.header-layout18 .sticky-wrapper {
  background-color: var(--title-color, #141d38);
}