/**
* @file
* Accessibility styles.
*/

// Scrolling behavior.
[id] {
  scroll-margin-top: 8rem;  // sass-lint:disable-line no-misspelled-properties
}

html {
  scroll-behavior: smooth;
}

// Hidden elements.
.element-hidden,
.visually-hidden {
  @extend .usa-sr-only;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  &.visually-hidden + *,
  &.usa-sr-only + * {
    margin-top: 0;
  }
}

// Button and linking behavior.
button {
  @include hover {
    cursor: pointer;
  }
}

a {
  @include u-text('no-underline');
  @include u-border-bottom('1px', 'solid', 'base-lighter');

  &:focus > img {
    @include focus-outline;
  }
}