/* Header: transparent at top of page, solid once scrolled */
#site-header {
  transition: background-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}
#site-header.is-top {
  background-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#site-header nav a,
#site-header [data-header-tint] {
  transition: color .3s ease, background-color .3s ease;
}

/* Pages with a dark hero image behind the header: white text while transparent */
body.hero-dark #site-header.is-top nav a,
body.hero-dark #site-header.is-top [data-header-tint] {
  color: #ffffff !important;
}
body.hero-dark #site-header.is-top nav a:not([aria-current]) {
  opacity: .85;
}
body.hero-dark #site-header.is-top nav a:hover {
  opacity: 1;
}
body.hero-dark #site-header.is-top [data-header-tint="pill"] {
  background-color: rgba(255, 255, 255, .15) !important;
}
body.hero-dark #site-header.is-top button[data-header-tint]:hover {
  background-color: rgba(255, 255, 255, .15) !important;
}