.page-header.is-transparent-light .menu-item:hover > a,
.page-header.is-transparent-light .menu-item a:active,
.page-header.is-transparent-light .menu-item a:focus,
.page-header.is-transparent-light .menu-item:focus-within > a {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}

.page-header.is-transparent-light .page-nav--main .current-menu-item > a,
.page-header.is-transparent-light .page-nav--main .current-menu-ancestor > a,
.page-header.is-transparent-light .page-nav--main .current-menu-parent > a {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);

  &:hover,
  &:active,
  &:focus {
    background-color: var(--wp--preset--color--grey-lighter);
    color: var(--wp--preset--color--black);
  }
}

.page-header.is-transparent-light .menu-item:focus-within > a {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
}

.page-header.is-transparent-light .sub-menu {
  background-color: var(--wp--preset--color--grey-lighter);
  color: var(--wp--preset--color--black);
}

.page-header.is-transparent-light .sub-menu .menu-item {
  background-color: var(--wp--preset--color--grey-darker);
  color: var(--wp--preset--color--white);
}

.page-header.is-transparent-light .sub-menu .menu-item a:hover,
.page-header.is-transparent-light .sub-menu .menu-item a:focus {
  background-color: var(--wp--preset--color--grey-dark);
  color: var(--wp--preset--color--white);
}

.page-header.is-transparent-light .sub-menu .menu-item a:active {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
}

.page-header.is-transparent-light .site-separator {
  display: none;
}
