////////// Tester Header //////////

.header.tester {
  background-color: $navigation-tester-bg;
}

.header.tester .header-logo::before {
  content: url("@images/logo-testio/testio_horizontal_purpleteal_white.svg");
}

.header.tester .navlink.active {
  color: $white;
  background-color: $navlink-tester-active-bg;
  & .icon {
    color: $white;
  }
}

.header.tester .navlink,
.header.tester .navlink.active,
.header.tester .dropdown-link,
.header.tester .header-dropdown .dropdown-link {
  &:hover, &:focus {
    color: $navlink-tester-hover-color;
    background-color: $navlink-tester-hover-bg;
    & .icon {
      color: $navlink-tester-hover-color;
    }
  }
}

.header.tester .header-dropdown summary:hover:after, 
.header.tester .header-dropdown summary:focus:after {
  background-color: $navlink-tester-hover-color;
}