/* Hide animation when the user has reduced motion switchd on in their browser */
@media screen and (prefers-reduced-motion: reduce) {
  :root {
    --transition: none;
  }
}
/* Accessibility */
/* Show for :focus */
a:focus,
button:focus,
input:focus,
textarea:focus,
label:focus,
input:focus + label,
select:focus {
  box-shadow:  0 0 2px 5px var(--color-white-hover) !important;
  z-index: 3 !important;
  position: relative;
  outline: 2px solid var(--color-accessibility);
  outline-offset: 2px;
}
/* Hide for :focus if :focus-visible is avaialble in browser */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
label:focus:not(:focus-visible),
input:focus:not(:focus-visible) + label,
select:focus:not(:focus-visible) {
  box-shadow: none !important; /* hide accessibility if focus-visible works */
  outline: none; /* hide accessibility if focus-visible works */
}
/* Show for :focus-visible */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
label:focus-visible,
input:focus-visible + label,
select:focus-visible {
  box-shadow:  0 0 2px 5px var(--color-white-hover) !important;
  z-index: 3 !important;
  position: relative;
  outline: 2px solid var(--color-accessibility);
  outline-offset: 2px;
}
a {
  display: inline-block; /* required for the outline to appear on links that are images */
}
a#main-content {
  display: inline;
}
.paragraph--type-multiple-media .media a,
h2 a,
h3 a,
h4 a
h5 a,
h6 a,
p a,
li a {
  display: inline;
}
/* Show for :focus */
a:focus + ul.dropdown-menu,
ul.dropdown-menu:focus {
  overflow: visible !important;
}
/* Hide for :focus if :focus-visible is available in browser */
a:focus:not(:focus-visible) + ul.dropdown-menu,
ul.dropdown-menu:focus:not(:focus-visible) {
  overflow: hidden !important;
}
/* Show for :focus-visible */
a:focus-visible + ul.dropdown-menu,
ul.dropdown-menu:focus-within {
  overflow: visible !important;
}
.skip-link.visually-hidden.focusable:active,
.skip-link.visually-hidden.focusable:focus {
  background: var(--d-button-bg);
  color: var(--d-button-color);
  font-weight: bolder;
  padding: var(--d-button-padding-tb) var(--d-button-padding-lr);
  margin: var(--d-space-l);
  box-shadow: 0px 0px 0px var(--d-space-l) var(--d-page-content-bg);
  border-radius: 1px;
  position: absolute !important; /* Override Hidden Module */
  top: -1px;
  left: -1px;
  z-index: 1000 !important;
}