/* Move accessibly hidden elements off screen.
 * As backup, they are also 1px by 1px and overflow:hidden.
 */
.access-hidden, .access-hidden-always {
    position: absolute;
    left: -9000px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/*
 * Move accessibly hidden elements back on-screen
 * on :focus (and :active) and do not restrict their size.
 */
.access-hidden:active, .access-hidden:focus {
    position: static;
    height: auto;
    width: auto;
    overflow: auto;
}

/*
 * Placeholder for styling to the skip link
 */
#skip-link:active, #skip-link:focus {
    /* skip link styling here */
}

/*
 * Adds dotted border to links on focus (themes often remove this, which makes keyboard navigation difficult)
 */
a:focus, :focus, div a:focus, div :focus {
    outline-style: dotted !important;
    outline-width: thin !important;
}