// First Focus
.page-f1 {
  @extend .bg-black;
  @extend .d-block;
  @extend .text-center;
  @extend .navi-sm;
  position: fixed;
  z-index: 99;
  top: 0; left: 50%;
  transform: translateX(-50%);
  padding: .5rem 1.5rem;
  opacity: 0;
  pointer-events: none;
  &:focus {
    opacity: 1;
    pointer-events: auto;
  }
}
// no-as-scroll support
.sr-only.as-focus-to {
  position: fixed;
  top: 0; left: 0;
}

// focus
a, button, .btn, input, select, textarea, h2 {
  &:active {
    box-shadow: none !important;
  }
  &:focus {
    box-shadow: none;
    outline: none;
  }
}
html {
  &.wcag-using-tab {
    a, button, .btn, input, select, textarea, h2 {
      &:focus {
        outline: 4px solid $gray-500 !important;
      }
    }
  }
}