/* ==========================================================================
   Visibility
   ========================================================================== */

/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */

.is--hidden,
.hidden {
  display: none !important;
  visibility: hidden !important;
}

.is--visible {
  display: block !important;
  visibility: visible !important;
}

/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  width: 1px !important;
  border: 0 !important;
  overflow: hidden;
}

body:hover .visually-hidden a,
body:hover .visually-hidden input,
body:hover .visually-hidden button {
  display: none !important;
}

/* for preloading images */
.load {
  display: none;
}

.transparent {
  opacity: 0;
}

/* for screen-readers */
.sr-only {
  @include sr-only();
}

.sr-only-focusable {
  @include sr-only-focusable();
}