/* Style for the "skip to content" link found at the top of the page */
#skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #fff;
    color: #000;
    padding: 8px;
    z-index: 100;
    height: 0;
}

/* Style to visually show the "skip to content" link when keyboard has focus */
#skip-link:focus {
    top: 0;
    height: auto;
}

/* For elements that should be hidden visually bt NOT from screen readers */
/* Ex. input form labels that are labeled differently visually */
.visually-hidden {
    position: absolute;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}