/* 
== == == == == == == == == == == == == == == == == == == ==
TITLE:			SenGallery.css
DATE CREATED:	Thu, 29 Jan 2026 15:34:00 GMT
DATE MODIFIED:	--
DESCRIPTION:	Stylesheet for SenGallery
== == == == == == == == == == == == == == == == == == == ==
*/

div.SenGalleryContainer {
		padding: 0;
		margin: auto;
		/* margin-top: .3em; */
		position: relative;
		text-align: center;
		box-sizing: border-box;
	}

div.SenGalleryContainerAuto {
		padding: 0;
		margin: 0;
		position: relative;
		text-align: center;
		box-sizing: border-box;
		padding-top: 5px;
	}
	
div.SenGalleryContainer:fullscreen {
		padding: 0;
		margin: 0;
		width: 100vw;
		height: 100vh;
		position: relative;
		text-align: center;
		box-sizing: border-box;
	}
	
	div.SenGallery {
		background-color: #000;
		width: 100%;
		border-radius: .3em;
		padding: 1em;
		padding-top: 2em;
		margin: auto;
		text-align: center;
		position: relative;
		box-sizing: border-box;
		height: auto;
		/* max-height: 80rem; */
	}

	div.SenGalleryAuto {
		background-color: #000;
		border-radius: .3em;
		padding: 5px;
		margin: 0;
		text-align: center;
		position: relative;
		box-sizing: border-box;
		height: auto;
		/* max-height: 80rem; */
	}

	div.SenGalleryContainer:fullscreen div.SenGallery {
		height: 90vh;
		max-height: 90vh;
		width: 100%;
		padding: 0;
		margin: 0;
		border: 1px solid #000;
	}

	div.SenGallery img {
		text-align: center;
		margin: auto;
		opacity: 1;
		animation-name: fadeInOpacity;
		animation-iteration-count: 1;
		animation-timing-function: ease-in;
		animation-duration: .3s;
		box-sizing: border-box;
		height: auto;
		width: auto;
		max-width: 100%;
		object-fit: contain;
	}

	div.SenGallery iframe {
		text-align: center;
		margin: auto;
		opacity: 1;
		animation-name: fadeInOpacity;
		animation-iteration-count: 1;
		animation-timing-function: ease-in;
		animation-duration: .3s;
		box-sizing: border-box;
		max-width: 100%;
		object-fit: contain;
	}
	
	@keyframes fadeInOpacity {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	div.SenGallery p.galleryTitle {
		/* styles pulled from old LtGov OwlCarousel 2.x title */
		font-size: 1.4em;
		padding-bottom: 15px;
		position: relative;
		font-weight: bold;
		color: #fff;
		font-family: "Lato", sans-serif;
		text-transform: uppercase;
	}
	
	div.SenGalleryAuto img {
		text-align: center;
		margin: auto;
		opacity: 1;
		animation-name: fadeInOpacity;
		animation-iteration-count: 1;
		animation-timing-function: ease-in;
		animation-duration: .3s;
		box-sizing: border-box;
		height: auto;
		width: 100%;
		object-fit: contain;
	}
	

	div.SenGalleryContainer:fullscreen div.SenGallery img {
		height: 85%;
		max-height: 85vh;
		margin-top: 5vh;
	}


	div.SenGalleryCaptions {
		min-height: 3em;
		background-color: #000;
		width: 100%;
		border-radius: 0em 0em .3em .3em;
		padding: 1em;
		margin: auto;
		margin-top: -.5em;
		color: #fff;
		box-sizing: border-box;
	}
	
	div.SenGalleryContainer:fullscreen div.SenGalleryCaptions {
		width: auto;
		margin: auto;
		font-size: 1.5vh;
		line-height: 150%;
		height: auto;
		position: absolute;
		bottom: 1.5vh;
	}
	
	div.SenGalleryCaptions span {
		font-style: italic;
		font-size: 1em;
		font-weight: normal;
	}
	
	.fullScreen {
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: .1em;
		right: .5em;
		padding: 0;
		font-size: 2em;
		color: rgba(255, 255, 255, 0.5);
		background-color: transparent;
		border-radius: .2em;
		border: none;
		transition: all 125ms ease-in;
		touch-action: manipulation;
	}
	
	.fullScreen:hover {
		color: #fff;
	}
	
	div.SenGalleryContainer:fullscreen div.SenGallery .fullScreen {
		top: 0.1em;
		right: 0.3em;
		padding: 0;
		margin: 0;
	}
	
	.autoadv {
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: .1em;
		left: .5em;
		padding: 0;
		font-size: 2em;
		color: rgba(255, 255, 255, 0.5);
		background-color: transparent;
		border-radius: .2em;
		border: none;
		transition: all 125ms ease-in;
		touch-action: manipulation;
	}
	
	.autoadv:hover, .autoadv:focus, .autoadv:active {
		color: #fff;
	}
	
	.autoadv-hide {
		display: none;
	}
	
	.autoadv-ACT {
		display: block;
		color: #fff !important;
	}
	
	div.SenGalleryContainer:fullscreen div.SenGallery .autoadv {
		top: 0.1em;
		left: 0.3em;
		padding: 0;
		margin: 0;
	}
	
	.next, .prev {
		cursor: pointer;
		position: absolute;
		top: 45%;
		width: auto;
		padding: 1em;
		padding-top: 2em;
		padding-bottom: 2em;
		margin-top: -1.5em;
		color: rgba(255, 255, 255, 0.5);
		font-weight: bolder;
		font-size: 2em;
		border-radius: .2em;
		background-color: transparent;
		border: none;
		transition: all 125ms ease-in;
		touch-action: manipulation;
		z-index: 99;
	}
	
	.next:hover, .prev:hover {
		background-color: rgba(100, 26, 0, 0.8);
		text-decoration: none;
		color: #fff;
		border: none;
		transition: all 125ms ease-in;
	}
	
	.next:focus-visible, .prev:focus-visible {
		background-color: rgba(100, 26, 0, 0.8);
		color: #fff;
	}
	
	.next:active, .prev:active {
		background-color: transparent;
		transition: all 125ms ease-in;
		color: #fff;
	}
	
	.next {
		right: 0;
		padding-right: .1em;
		text-decoration: none;
	}
	
	.prev {
		left: 0;
		padding-left: .1em;
		text-decoration: none;
	}
	
	div.SenGalleryContainer:fullscreen div.SenGallery .next {
		padding-right: .3em;
		margin-right: 0;
	}
	
	div.SenGalleryContainer:fullscreen div.SenGallery .prev {
		padding-left: .3em;
		margin-left: 0;
	}
	
	#slideNums {
		font-weight: bold;
		color: #ddd;
		font-size: .9em;
		font-style: normal;
	}
	
	span.unicode_icon {
		font-weight: normal;
		font-variant-emoji: text !important;
	}
	
	@media (max-width: 740px) {
		.next, .prev {
			font-size: 4vw;
			color: rgba(255, 255, 255, 0.3);
		}
		
		.fullScreen {
			top: -0.3vw;
			right: 1vw;
			font-size: max(1.5em, 5vw);
			display: none; /* hide until iOS supports native JS fullscreen if ever */
		}
		
		.autoadv {
			top: -0.3vw;
			left: 1vw;
			font-size: max(1.5em, 5vw);
		}
		
		div.SenGalleryContainer div {
			width: 100%;
		}
		
		div.SenGalleryContainerAuto {
			margin-bottom: 5px;
		}
		
		div.SenGalleryCaptions span {
			font-size: .9em;
		}
				
		div.SenGallery img {
			max-width: 99%;
			max-height: 80vw;
		}
	}
/* == == EOF == == */