// Contains any classes used to hide or show elements, these will only be output when used

// Hide text from visually-able users but keep it available for screen readers.
%screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip: rect(1px 1px 1px 1px); // IE6, IE7 (deprecated syntax)
  padding:0 !important;
  border:0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

// Hide elements from visual users but not from screen readers
%visually-hidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 (deprecated syntax) */
  clip: rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

// Hide elements from 'all the people'
%fully-hidden {
  display: none;
  visibility: hidden;
}