/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * SKIP LINKS ............................
 * HEADINGS ..............................
 * FOCUS-VISIBLE..........................

*/

/* ------------------------------------ *\
  ==SKIP LINKS
\* ------------------------------------ */
.skip-link {
  background-color: #d1d1d1;
}

.page__skiplinks {
  list-style: square;
  display: inline-block;
}

.page__skiplinks li,
.skip-link--label {
  display: inline-block;
  line-height: 1.5rem;
  font-size: 1rem;
  padding: 0.5rem;
}

.page__skiplinks li a {
  text-decoration: none;
}

.skip-link--label {
  font-weight: bold;
}

/* ------------------------------------ *\
  ==FOCUS-VISIBLE
\* ------------------------------------ */
.nav-link:focus-visible {
  outline-color: #000;
  outline-width: 1px;
  outline-style: auto;
  outline-offset: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.top-bar .top-bar--middle *:focus-visible {
  background-color: #fff;
  color: #000;
}

header .menu--shortcut .nav-link:focus-visible,
header .dropbutton-action a.language-link:focus-visible,
header .block-menu.menu--main .nav-item .nav-link:where(:focus-visible),
main .breadcrumb li a:focus-visible {
  outline-offset: 1px;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  outline-width: 1px;
  outline-style: auto;
}

.top-bar .navbar-nav .nav-item a:focus-visible {
  text-decoration: none;
}

.paragraph.paragraph--type--card-expand
  .card__link.stretched-link:focus-visible
  .card__title {
  padding: 0.35rem;
}

.paragraph--type--card-square .card__title a:focus-visible,
.paragraph--type--card .card__title a:focus-visible {
  display: inline-block;
  padding: 0.35rem;
}

footer .back-to-top:focus-visible .top-button {
  background-color: #fff;
  color: #000;
  border-color: #000;
  border-width: 4px;
  border-style: double;
}

/* ------------------------------------ *\
  ==HEADINGS
\* ------------------------------------ */
h1.a11y-nl2span > span,
h2.a11y-nl2span > span,
h3.a11y-nl2span > span,
h4.a11y-nl2span > span,
h5.a11y-nl2span > span,
h2.a11y-nl2span a > span,
h3.a11y-nl2span a > span,
h4.a11y-nl2span a > span,
h5.a11y-nl2span a > span {
  display: block;
}