/**
 * accessibility.css
 * 
 * Styles the "Skip Content" link which appears when the user tabs through the content.
 * 
 */

/*-----------------------------------------------------------------------
# Accessibility: Skip Content Link
------------------------------------------------------------------------*/

.screen-reader-text {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal;
  text-transform: uppercase;
  color: #454545;
  -webkit-box-shadow: 0 1px 8 0 rgba(0,0,0,0.33);
  -moz-box-shadow: 0 1px 8 0 rgba(0,0,0,0.33);
  box-shadow: 0 1px 8px 0 rgba(0,0,0,0.33);
  font-weight: 500;
}

.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 4px;
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
  display: block;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}