.oab-spotlight, .oab-spotlight * { box-sizing: border-box !important; }
	
.oab-spotlight .section {
	width: 100%;
	max-width: 1280px;
	/*padding: 0 20px; */
	margin: 0 auto 40px;
}

.oab-spotlight .title {
	max-width: 1024px !important;
	margin: 0 auto 30px;
	font-family: 'Roboto Slab', sans-serif;
	font-size: calc(1.325rem + 0.9vw);
	font-weight: 400;
	color: #fff;

}

.oab-spotlight .poster {
	width: 100% !important;
	max-width: 1024px !important;
	height: auto !important;
	display: block;
	margin: auto;
}

.oab-spotlight .gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	background: #fff;
	padding: 20px;
}

.oab-spotlight .gallery a {
	display: block;
	position: relative;
	cursor: pointer;
}
.oab-spotlight .gallery a:not(:hover)::after { opacity: 0; }
.oab-spotlight .gallery a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: opacity .2s ease-in-out;
}
.oab-spotlight .gallery img { border-radius: 0; }

.oab-spotlight .modal {
	display: block;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	transition: opacity .2s ease-in-out;
}
.oab-spotlight .modal:not(.open) {
	pointer-events: none;
	opacity: 0;
}

.oab-spotlight .modal > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 1280px;
	width: 100%;
	padding: 20px;
}

.oab-spotlight .modal img {
	max-width: 100%;
	max-height: 800px;
	height: auto;
	width: auto;
	border-radius: 0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 1);
	display: block;
	margin: auto;
}

.oab-spotlight .modal .close:not(:hover) { opacity: .65; }
.oab-spotlight .modal .close {
	color: #fff;
	transition: opacity .2s ease-in-out;
	font-size: 28px;
	font-family: Arial, sans-serif;
	line-height: 40px;
	width: 40px;
	margin: 0 37px 0 auto;
	background: transparent;
	border: 0;
	display: block;
}
.oab-spotlight .modal .close::after { content: '×'; }

  .oab-spotlight .modal .prev
, .oab-spotlight .modal .next {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
	transition: opacity .2s ease-in-out;
	position: absolute;
	opacity: .65;
	top: 50%;
	margin: -55px 0 0;
	padding: 0;
	width: 90px;
	height: 110px;
}

.oab-spotlight .modal .prev { left: 0; }
.oab-spotlight .modal .next { right: 0; }

  .oab-spotlight .modal .prev:hover
, .oab-spotlight .modal .next:hover { opacity: 1; }

  .oab-spotlight .modal .prev::after
, .oab-spotlight .modal .prev::before
, .oab-spotlight .modal .next::after
, .oab-spotlight .modal .next::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: inset transparent;

	border-top-width: medium;
	border-right-width: medium;
	border-right-style: inset;
	border-right-color: transparent;
	border-bottom-width: medium;
}

  .oab-spotlight .modal .prev::before
, .oab-spotlight .modal .next::before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: .7;
}

  .oab-spotlight .modal .prev::after
, .oab-spotlight .modal .next::after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}

.oab-spotlight .modal .prev::before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.oab-spotlight .modal .prev::after {
	border-right: 17px solid #fff;
	margin-left: 31px;
}

.oab-spotlight .modal .next::before {
	border-left: 27px solid #3f3f3f;
}

.oab-spotlight .modal .next::after {
	border-left: 17px solid #fff;
	margin-left: 39px;
}

@media (max-width: 1024px) {
	.oab-spotlight .gallery { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.oab-spotlight .gallery { grid-template-columns: repeat(1, 1fr); }
}
.oab-spotlight .gallery>a>img{display:block;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important}.oab-spotlight .gallery>a{height:auto!important;overflow:visible!important}.oab-spotlight .poster{height:auto!important;max-height:none!important;object-fit:contain!important}.oab-spotlight .modal img{max-height:80vh}.oab-spotlight .modal[aria-hidden="true"]{visibility:hidden}

/* Original-image viewer fits desktop and touch screens without thumbnail-sized limits. */
.oab-spotlight .modal>div{max-width:none;width:100%;height:100%;padding:64px 60px 24px;display:flex;align-items:center;justify-content:center}.oab-spotlight .modal img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.oab-spotlight .modal .close{position:absolute;top:12px;right:16px;margin:0;width:44px;height:44px;opacity:1}.oab-spotlight .modal .prev,.oab-spotlight .modal .next{width:54px;height:80px;margin-top:-40px}.oab-spotlight .modal .prev::before,.oab-spotlight .modal .prev::after,.oab-spotlight .modal .next::before,.oab-spotlight .modal .next::after{margin-left:12px;margin-top:20px}.oab-spotlight .modal .prev::after,.oab-spotlight .modal .next::after{margin-left:16px}@media(max-width:600px){.oab-spotlight .modal>div{padding:64px 12px 70px}.oab-spotlight .modal .prev,.oab-spotlight .modal .next{top:auto;bottom:4px;margin:0}.oab-spotlight .modal .prev{left:calc(50% - 64px)}.oab-spotlight .modal .next{right:calc(50% - 64px)}}