/* Colorbox 1.6.4's core style (as MOLI bundles it in moli-escutcheon css/the.css) and the public website's viewer theme. */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* The website's viewer theme: labeled buttons (not icon sprites), 44px targets, and visible focus. */
#cboxOverlay { background: #0b1220; }
#colorbox { outline: 0; }
#cboxContent { background: #0b1220; border-radius: 8px; }
#cboxLoadedContent { margin-bottom: 4.5rem; background: #0b1220; border-radius: 8px 8px 0 0; }
.cboxPhoto { border-radius: 6px; }
#cboxLoadingGraphic { background: url(../img/colorbox/loading.gif) no-repeat center center; }
#cboxTitle { position: absolute; bottom: 2.9rem; left: 0; width: 100%; margin: 0; text-align: center; color: #fff; font-size: 1rem; line-height: 1.4; }
#cboxCurrent { position: absolute; bottom: 0.6rem; left: 50%; transform: translateX(-50%); color: #d6dde8; font-size: 0.95rem; white-space: nowrap; }
#cboxPrevious, #cboxNext, #cboxClose {
	position: absolute; bottom: 0; min-width: 44px; min-height: 44px; padding: 0.55rem 1rem; margin: 0;
	border: 2px solid #fff; border-radius: 999px; background: #23385D; color: #fff; font: inherit; font-weight: 800; line-height: 1; overflow: visible; width: auto;
}
#cboxPrevious { left: 0; }
#cboxNext { left: 7.5rem; }
#cboxClose { right: 0; }
#cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover { background: #fff; color: #23385D; }
#cboxPrevious:focus-visible, #cboxNext:focus-visible, #cboxClose:focus-visible { outline: 3px solid #EBB700; outline-offset: 2px; }
#cboxSlideshow { display: none !important; }
@media (max-width: 599.98px) { #cboxCurrent { display: none !important; } #cboxNext { left: 6.75rem; } }
