/*
 * Accessibility additions on top of the theme (kossa). Not on live.
 * Loaded at every width; nothing here changes how a page looks to a mouse or
 * touch user.
 */

/* The theme removes the outline from links, buttons and fields. A ring in the
   theme's purple (--color-purple), for keyboard focus only (:focus-visible),
   with a thin dark halo so it reads on the white form fields and on photos. */
:focus-visible {
  outline: 3px solid #b510fa !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #0d0d0d !important;
}

/* The H1 of the home and contact pages, whose visible titles are divs. */
.mm-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}