/* Header colour follows the section under it:
   white text over the hero, dark text once the hero is scrolled past (from "Our Services" on). */
.site-header .header-inner,
.site-header .nav-list a,
.site-header .mobile-toggle span { transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease; }

.site-header.is-light .header-inner {
  background: rgba(255, 255, 255, .88);
  border-color: rgba(31, 61, 133, .12);
  box-shadow: 0 10px 30px rgba(20, 40, 60, .10);
}
.site-header.is-light .nav-list a { color: #1c2735; }
.site-header.is-light .nav-list a:hover { background: rgba(18, 196, 234, .14); color: #0a7f99; }
.site-header.is-light .mobile-toggle span { background: #1c2735; }