/* --------
  Accessibility
  -------- */

// Hide voice-over content
.acc__skip-link,
.acc__header,
.acc__text {
  position: absolute;
  top: -9999px;
}

// Remove visible styling for the accessibility links list
.acc__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.acc-wrapper {
  float: left;
}

// Display accessibility link(s) on focus
.acc__skip-link:focus,
.acc__skip-link:active {
  @include rem(padding, 10px 20px);
  @include rem(top, 11px);
  @include rem(left, 120px);
  @include rem(min-width, 200px);
  background-color: $color__brand--background-grey;
  text-decoration: none;
  border: solid 1px $color__brand--light-grey;
  text-align: left;
  z-index: 9090;
}

.acc__a-highlight a:focus,
.acc__a-highlight:focus {
  text-decoration: underline;
}

.acc--outline:focus {
  outline: 1px dotted $color__brand--black;
}