// Hide only visually, but have it available for screen readers.
// Warning: elements containing focusable elements (e.g. links, buttons, etc.)
// should not be hidden in this way, because sighted keyboard users will not be
// able to see the focused element.
// http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
