/* Header background activation */
.header-background.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* Turn logo black */
.header-background.is-visible ~ .header-landing .logo {
  filter: invert(0%);
  transition: filter 0.3s ease;
}

/* Turn desktop nav links black */
.header-background.is-visible ~ .header-landing .nav-desktop a,
.header-background.is-visible ~ .header-landing .nav-desktop a:visited {
  color: #131f1d; /* dark color */
  transition: color 0.3s ease;
}

/* Turn mobile nav links black */
.header-background.is-visible ~ .header-landing .nav-mobile a {
  color: #131f1d;
  transition: color 0.3s ease;
}

/* Hamburger spans turn black */
.header-background.is-visible ~ .header-landing .menu-toggle span {
  background: #131f1d;
  transition: background 0.3s ease;
}