// screan reader skip links menu
.skip-menu {
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  background-color: $color-blue-dark;
  z-index: 3;

  &__list {
    list-style: none;
    padding: 0;
    margin: 0;
    color: $color-white;
  }

  &__link {
    position: absolute;
    left: -9999px;
    margin: 0.5rem;
    padding: 0.5rem;
    display: inline-block;
    color: inherit;

    &:hover {
      color: inherit;
    }

    &:focus {
      position: relative;
      left: 0;
    }
  }
}
