Chris@3: /**
Chris@3:  * @file
Chris@3:  * Styles for the skip link.
Chris@3:  */
Chris@3: 
Chris@3: .skip-link {
Chris@3:   left: 50%;
Chris@3:   -webkit-transform: translateX(-50%);
Chris@3:   -ms-transform: translateX(-50%);
Chris@3:   transform: translateX(-50%);
Chris@3:   z-index: 50;
Chris@3:   background: #444;
Chris@3:   background: rgba(0, 0, 0, 0.6);
Chris@3:   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Chris@3:   font-size: 0.94em;
Chris@3:   line-height: 1.7em;
Chris@3:   padding: 1px 10px 2px;
Chris@3:   border-radius: 0 0 10px 10px;
Chris@3:   border-bottom-width: 0;
Chris@3:   outline: 0;
Chris@3: }
Chris@3: .skip-link.visually-hidden.focusable:focus {
Chris@3:   position: absolute !important;
Chris@3:   color: #fff;
Chris@3: }