body.wgbhtl-body {
	background-color:#224471;
}

.tl-slide .tl-slide-scrollable-container {
	margin-top: 2px;
	height: calc(100% - 2px);
}

.tl-slideset .tl-media {
	transition: opacity 2s;
}

.tl-media-content {
	min-height: 3em !important;
}

.tl-media-image {
	min-height: 3em !important;
}

.tl-caption {
	min-width: 15em !important;
}

.tl-credit {
	min-width: 15em !important;
}

video {
	max-height: 100% !important;
}

.tl-timemarker .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-media-container {
	overflow: visible;
}

/* INLINE "ERA (theme) LABEL" */

.tl-storyslider .tl-slide:first-of-type h3.tl-headline-date {
	display:none;
}
.tl-slide.mediatype-slideset .tl-text-content-container .tl-era-label, .tl-slide .tl-text-content-container .tl-era-label  {
	/* padding-top:2em; */
	display:inline;
	border-left:1px solid;
	border-color: rgba(200, 200, 200, .5);
	margin-left: 0.75em;
	padding-left:0.75em;
}

/* COLORS */

/* LIGHTBOX */
/* lightbox close button is on bottom by default */

.lb-data {
	width: inherit;
}

.lb-closeContainer {
	position: absolute;
	width: inherit;
	top: 0;
}

.lb-data .lb-close {
	margin-right: -16px;
	margin-top: -16px;
	background-image: url("icons/close-icon-dark.d9040560d9f3.png");
	opacity: 0.5;
}

/* ABLE PLAYER */

.tl-media-content .able-wrapper {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:90%;
}

.able-seekbar-head {
  position:absolute;
  top: -0.31em;
}

/* no transcript? */
.able-controller button.able-button-handler-transcript {
	display:none;
}

/* ACCESSIBLE VIEW */

.foobar {
	position:absolute;
	top:4000px;
}

.visually-hidden {position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}


#timeline-key {
	padding:.4em .2em .4em 1em;
	line-height:1.15em;
	background-color:#fff;
	margin:0px;
}
#timeline-key p {
	padding:0;
	margin:0px;
	background-color:#fff;
}

/* CAPTION */
.tl-slide .tl-media .tl-caption, .tl-slide .tl-media .tl-caption p {
	text-align:left;
	font-size:0.9rem;
	line-height:1.1rem;
}

/* CREDITS */

.tl-slide .tl-media .tl-credit, .tl-slide .tl-media .tl-credit p {
	text-align:right;
	margin-top:0.4em;
	font-size:0.75rem;
	line-height:0.8rem;
}

#credits {
	background-color:#224471;
	text-align:center;
	padding:.2em;
	color:#fff;
}

#credits a {
	color:#fff;
	text-decoration:underline;
}

#credits #credits-contain {
	display:none;
	background-color:#000;
	opacity:1;

}
#credits #credits-contain #content {
	text-align:left;
	color:#fff;
}

#credit_footer, #credit_footer p {
	font-size: 0.9rem;
}

#credits #key-use-instructions {
	line-height: 1em;
  	margin: .7em .2em .2em .2em;
}

.toggle-credits-button {
	border:0 none;
	background:0 none;
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
	font-size: inherit;
	font-family: inherit;
}
#credits #accessible-version-link {
    font-size: inherit;
    line-height: 1.15;
    margin: 0;
    line-height: 1.15;
    margin-right:6px;

}
#credits #pipe {
	text-align:center;
    line-height: 1.15;
    margin: 0;
    margin-right:auto;
    margin-left:auto;
    line-height: 1.15;
    color:#fff;
    display:inline-block;
    width:1em;
}

#credits #credits-contain.show-modal {
	display:block;
	position: fixed; /* Stay in place */
	z-index: 1000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: #224471; /* Fallback color */
	/*background-color: rgba(0,0,0,0.4);  Black w/ opacity */
	padding:2em;
}

/* Slide Sets */

.tl-icon-slideset:after {
	content:"\e62f"; /* or e605 */
}

.tl-slideset-div {
	overflow: scroll;
	height: auto;
}

.tl-slideset-item-text {
	display: none;
}

/* need to override carousel things */
.owl-carousel .owl-item img {
	display: inherit;
	width: inherit;
	margin: 0 auto;
}

.owl-carousel .owl-nav {
	position: relative;
	margin: 0;
	top: 0;
	line-height: 0;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: -10px;
	z-index: 2;
	height: 1.75em;
	width: 1em;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.owl-carousel .owl-nav span {
	font-size: 1.75em;
	vertical-align: baseline;
}

.owl-nav button.owl-prev.disabled,
.owl-nav button.owl-next.disabled {
	opacity: 0.25;
	background: none;
}

.owl-nav button.owl-prev.disabled:hover,
.owl-nav button.owl-next.disabled:hover {
	background: none;
	color: inherit;
}

.owl-carousel .owl-nav button.owl-next {
	right: 10%;
}

.owl-carousel .owl-nav button.owl-prev {
	left: 10%;
}

.owl-theme .owl-dots {
	position: relative;
	top: 0;
}

.owl-theme .owl-dots .owl-dot span {
	border-width: 1px;
	border-style: solid;
	border-color: #869791;
	background: none;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: #869791;
}

/* DARK MODE */

body.dark_mode {
	background-color: black;
}

.dark_mode .footer {
	background-color: black;
}

.dark_mode #credits {
	background-color: black;
	color: #aaa;
}

.dark_mode #timeline-key, .dark_mode #timeline-key p {
	background-color:#333;
	color: #999;
}