/* =====================================================================
 * Photo lightbox (js/lightbox.js): news photo grids and board photos.
 * ===================================================================== */
html.ps-lb-open { overflow: hidden; }
.ps-lb {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 56px 72px;
	background: rgba(18, 10, 32, .92);
	backdrop-filter: blur(6px);
}
.ps-lb[hidden] { display: none; }
.ps-lb-stage { margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.ps-lb-stage img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); }
.ps-lb-btn {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	min-width: 0;
	padding: 0 !important;
	border-radius: 50% !important;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	background: rgba(255, 255, 255, .1) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #fff !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: background .25s ease, border-color .25s ease;
}
.ps-lb-btn:hover { background: var(--sc-purple) !important; border-color: var(--sc-purple) !important; }
.ps-lb-btn:focus { outline: none; }
.ps-lb-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ps-lb-btn i { font-size: 16px !important; }
.ps-lb-close { position: absolute; top: 18px; right: 18px; }
.ps-lb-prev { left: 16px; top: 50%; transform: translateY(-50%); }
.ps-lb-next { right: 16px; top: 50%; transform: translateY(-50%); }
.ps-lb.is-single .ps-lb-prev,
.ps-lb.is-single .ps-lb-next { display: none; }
.ps-lb-count { position: absolute; bottom: 14px; left: 0; right: 0; margin: 0; text-align: center; font-size: 13.5px !important; font-weight: 600; color: rgba(255, 255, 255, .8); }

@media (max-width: 640px) {
	.ps-lb { padding: 64px 12px; }
	.ps-lb-prev, .ps-lb-next { top: auto; bottom: 10px; transform: none; }
	.ps-lb-prev { left: 12px; }
	.ps-lb-next { right: 12px; }
}