﻿/* Shared accessibility controls; compatible with the existing Razor views. */
.mk-skip-link { position: fixed; top: 8px; right: 8px; z-index: 2147483647; padding: 12px 20px; color: #fff; background: #241137; border: 3px solid #fff; border-radius: 6px; transform: translateY(-180%); }
.mk-skip-link:focus { transform: translateY(0); color: #fff; }
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 #fff !important; outline-offset: 3px !important; box-shadow: 0 0 0 6px #241137 !important; }
@supports not selector(:focus-visible) {
 body a:focus, body button:focus, body input:focus, body select:focus, body textarea:focus, body [tabindex]:focus { outline: 3px solid #241137 !important; outline-offset: 3px !important; }
}
#site-main-content { scroll-margin-top: 160px; }
#site-main-content:focus { outline: none; }
.cc-window button.cc-dismiss { font: inherit; }
.owl-carousel .owl-nav button:disabled { cursor: default; }

/* Playback must not make the surrounding titles and controls unreadable. */
#more-series-section.dim, #more-chapters-section.dim, #display-video-top.dim,
#recommended-content-under-video.dim { opacity: 1 !important; }

#enable-modal .close-modal { background-color: #b32736 !important; color: #fff !important; }

.cc-banner .cc-compliance { margin-left: 44px; }

/* Larger hit areas without changing the carousel dots themselves. */
.owl-carousel .owl-dots button.owl-dot { min-width: 24px; min-height: 24px; }
.footer-cnt > ul > li > a { display: inline-block; min-height: 24px; }
