/* Shared accessibility repairs. Keep after the theme and responsive styles. */
/* Two-colour ring remains visible against light headers and dark media. */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible,
body [tabindex]:focus-visible {
    outline: 3px solid #153f63 !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px #fff !important;
}

.skipLink {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10000;
    padding: 12px 16px;
    background: #fff;
    color: #153f63;
    transform: translateY(-200%);
}
.skipLink:focus {
    background: #fff;
    color: #153f63;
    transform: none;
}
/* The main landmark is a programmatic skip-link target, not another Tab stop. */
#pageArea:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Normal-sized text: at least 4.5:1 on the site's #f9f7f3 background. */
a, .detail a, h1, h2 {
    color: #176c9b;
}
a:hover, a:focus, .detail a:hover, .detail a:focus {
    color: #115578;
}
h3, h5, .detail h6,
#footer, #footer a, #footer ul a,
.caption, #imageNav, #imageNav a {
    color: #666;
}
#footer a:hover, #footer a:focus, #imageNav a:hover, #imageNav a:focus {
    color: #454545;
}
.form-control, .form-control:focus {
    color: #595959;
}
.form-control::placeholder {
    color: #666;
    opacity: 1;
}
/* The old half-opacity credit style made even dark text too faint. */
.photo-caption.pull-right {
    color: #666;
    opacity: 1;
}
th {
    color: #454545;
}
/* Keep arrow controls legible when placed over changing artwork images. */
a.jcarousel-control-prev, a.jcarousel-control-next {
    color: #fff;
    background: #4e443c;
}
a.jcarousel-control-prev:hover, a.jcarousel-control-next:hover,
a.jcarousel-control-prev:focus, a.jcarousel-control-next:focus {
    color: #fff;
    background: #302a25;
}
@media (forced-colors: active) {
    body a:focus-visible, body button:focus-visible,
    body input:focus-visible, body select:focus-visible,
    body textarea:focus-visible, body [tabindex]:focus-visible {
        outline-color: Highlight !important;
    }
}