.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
}

.screen-reader-text:focus,
.skip-link:focus {
  background: var(--atc-white);
  clip: auto;
  clip-path: none;
  color: var(--atc-navy);
  display: block;
  font-size: 0.9rem;
  font-weight: 800;
  height: auto;
  left: 1rem;
  padding: 0.8rem 1rem;
  position: fixed;
  top: 1rem;
  width: auto;
  z-index: 1000;
}

.skip-link {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

[hidden] { display: none; }

.alignwide { margin-left: max(-12vw, -180px); margin-right: max(-12vw, -180px); max-width: none; width: auto; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }

@media (max-width: 767px) {
  .alignwide { margin-inline: 0; }
  .button-row:not(.button-row--center) .button { width: 100%; }
}