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