/* slides NEW JAN2022
------------------------------------------------------------------------------------ */
#mainWrapper #slidesWrapper
{
	clear: both;
	position: relative;
	overflow: visible;
	padding: 0;
	max-width: 2300px; /* FONTY was 1600px */
	/*min-width: 960px; FEB2022 no longer needed probably */
	margin: 0 auto;
}
#mainWrapper ul#slides,
#mainWrapper ul#slides li
{
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
#mainWrapper ul#slides
{
	display: block; 
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
	min-height: 570px; /* APRIL2023 - FIXED SLIDE HEIGHT CUT OFF BUG */
}
#mainWrapper ul#slides li
{
	display: block;
	clear: both;
	margin: 0;
	background: #fff; /* AMBER FIX was black */
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
@media screen and (max-width:1010px)
{
	#mainWrapper #slidesWrapper
	{
		width: 100%;
		margin: 0;
		/*min-width: inherit; FEB2022 no longer needed probably */
	}
	#mainWrapper ul#slides,
	#mainWrapper ul#slides li
	{
		margin: 0;
	}
}


/* ----------------------------------------------------------------------------------------------------------------
img.slide - background <img> and <video>
------------------------------------------------------------------------------------------------------------------- */
#mainWrapper ul#slides li .slide-background
{
	display: block !important;
	padding: 0 !important;
	max-width: inherit !important;
	
	width: 100% !important;
	height: 550px !important;
	
	object-fit: cover;
	object-position: top left;
	/* JAN2022TODO for fade in animation: visibility: hidden; */
}


@media screen and (max-width:1400px)
{
	#mainWrapper ul#slides li .slide-background
	{
		height: 515px !important;
	}
	
	/* APRIL2023 - FIXED SLIDE HEIGHT CUT OFF BUG */
	#mainWrapper ul#slides
	{
		min-height: 525px;
	}
}
@media screen and (max-width:1010px)
{
	#mainWrapper ul#slides li .slide-background
	{
		height: 495px !important;
	}
		/* DEC2024 fix: */
		#mainWrapper ul#slides li.local-slide .slide-background
		{
			height: 523px !important;
		}
}
@media screen and (max-width:800px)
{
	#mainWrapper ul#slides li .slide-background
	{
		height: 380px !important;
	}
	/* APRIL2023 - FIXED SLIDE HEIGHT CUT OFF BUG */
	#mainWrapper ul#slides
	{
		min-height: 390px !important;
	}

		/* DEC2024 fix: */
		#mainWrapper ul#slides li.local-slide .slide-background
		{
			height: 412px !important;
		}
}
@media screen and (max-width:550px)
{
	/* DEC2024 fix: */
	#mainWrapper ul#slides li.local-slide .slide-background
	{
		height: 450px !important;
	}
}

/* ----------------------------------------------------------------------------------------------------------------
.slide - content
------------------------------------------------------------------------------------------------------------------- */
.slide-content
{
	position: relative;
	width: 375px !important; /* eyeballed this as 400px */
	height: 100% !important;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	right: 13%;
}
	.slide-content.local-alt-left /* JULY2023 */
	{
		right: auto;
		left: 13%;
		bottom: 105px;
		width: 100% !important;
	}
	.slide-content.local-alt-right /* JULY2023 */
	{
		width: 41% !important;
	}
/* JULY2023 new: */
@media screen and (max-width:1600px)
{
	.slide-content.local-alt-left
	{
		left: 6%;
	}
	.slide-content.local-alt-right
	{
		right: 6%;
		width: 45% !important;
	}	
}
@media screen and (max-width:1010px)
{
	.slide-content
	{
		right: 12%;
	}
		/* JULY2023 */
		.slide-content.local-alt-left,
		.slide-content.local-alt-right
		{
			width: 70% !important;
			left: 15%;
			right: auto;
		}
}
@media screen and (max-width:800px)
{
	.slide-content
	{
		width: 300px !important;
		right: 10%;
	}
}
@media screen and (max-width:680px)
{
	.slide-content
	{
		width: 250px !important;
		right: 15%;
	}
}
@media screen and (max-width:630px)
{
	/* DEC2024 fix: */
	.slide-content.local-alt-left,
	.slide-content.local-alt-right
	{
		width: 94% !important;
		left: 3%;
		right: auto;
	}
}

/* ----------------------------------------------------------------------------------------------------------------
.slide - text
------------------------------------------------------------------------------------------------------------------- */
.slide-text
{
	float: left;
	clear: both;
	box-sizing: border-box;
	padding: 13px 12px 13px 15px;
	margin: 130px 0 8px 0;
	background: transparent url(images/faded-white-2022.png) repeat 0 0;	
}
	.slide-content.local-alt-left .slide-text /* JULY2023 */
	{
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 10px 30px;
		width: 30%
	}
/* JULY2023 new: */
@media screen and (max-width:1600px)
{
	.slide-content.local-alt-left .slide-text
	{
		width: 38%
	}
}

/* APRIL2022 added: */
@media screen and (max-width:1400px)
{
	.slide-text
	{
		margin-top: 94px;
	}
}
@media screen and (max-width:1010px)
{
	.slide-text
	{
		margin-top: 80px;
	}
	.slide-content.local-alt-left .slide-text /* JULY2023 */
	{
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		margin: 130px 0 0 0 !important;
		float: none !important;
		width: 100% !important;
		clear: both !important;
	}
}
@media screen and (max-width:800px)
{
	.slide-text br
	{
		display: none;
	}
}
@media screen and (max-width:680px)
{
	.slide-text
	{
		margin-top: 60px;
	}
}
@media screen and (max-width:430px)
{
	.slide-content.local-alt-left .slide-text /* JULY2023 */
	{
		margin: 140px 0 0 0 !important;
	}
}

/* ----------------------------------------------------------------------------------------------------------------
.slide - text h3 and p
------------------------------------------------------------------------------------------------------------------- */
.slide-text h3
{
	font-size: 27px; /* FONTYTRIED 44px */
	color: #000 !important;
	font-weight: 400; /* ANNA was bold */
	margin-bottom: 7px;
	/* line-height: 44px; FONTYTRIED added this rule */
}
	.slide-content.local-alt-left .slide-text h3 /* JULY2023 */
	{
		font-size: 46px;
		font-weight: 400 !important;
		padding: 0 !important;
		margin: 0 !important;
		line-height: normal !important;
	}
@media screen and (max-width:1010px)
{
	.slide-content.local-alt-left .slide-text h3
	{
		font-size: 37px;
		text-align: center;
	}
}
@media screen and (max-width:800px)
{
	.slide-content.local-alt-left .slide-text h3
	{
		font-size: 32px;
	}
}
@media screen and (max-width:630px)
{
	/* DEC2024 fix: */
	.slide-content.local-alt-left .slide-text h3
	{
		font-size: 7.6vw;
		line-height: 1 !important;
	}
}
@media screen and (max-width:550px)
{
	/* DEC2024 fix: */
	.slide-content.local-alt-left .slide-text h3
	{
		font-size: 9.2vw;
	}
}
@media screen and (max-width:360px)
{
	/* DEC2024 fix: */
	.slide-content.local-alt-left .slide-text h3
	{
		font-size: 10.9vw;
	}
}
@media screen and (max-width:285px)
{
	/* DEC2024 fix: */
	.slide-content.local-alt-left .slide-text h3
	{
		font-size: 12.9vw;
	}
}


.slide-text p
{
	font-weight: 300; /* FONTY was 400 */
	font-size: 16px !important; /* FONTYTRIED 26px */
	color: #111 !important;
	line-height: normal !important;
	margin-bottom: 0 !important;
}


/* ----------------------------------------------------------------------------------------------------------------
next and previous slideshow buttons
------------------------------------------------------------------------------------------------------------------- */#previous-slide,
#next-slide
{
	display: block;
	background: transparent url(images/new-2022/nav/prev2022.png) no-repeat 50% 50%;
	width: 75px;
	height: 115px;
	text-indent: -9999px;
	opacity: 1;
	z-index: 9990; /* was 9997 */
	position: absolute; 
	bottom: 0;
	left: 0;
	background-size: 23px 39px;
}
#next-slide
{
	right: 0;
	left: auto;
	background-image: url(images/new-2022/nav/next2022.png);
}
#previous-slide:hover,
#next-slide:hover
{
	opacity: 0.8;
}
@media screen and (max-width:900px)
{
	#previous-slide,
	#next-slide
	{
		width: 60px;
	}
}
@media screen and (max-width:500px)
{
	#previous-slide,
	#next-slide
	{
		width: 45px;
	}
}


/* ----------------------------------------------------------------------------------------------------------------
slide pager
------------------------------------------------------------------------------------------------------------------- */
/* TODO: make entire pager dot clickable by adding inner span to template, to make dot smaller but have large hotspot */
.cycle-pager 
{
	width: auto;
	height: auto;
	position: absolute;
	bottom: 53px;
	left: 84px;
	z-index: 9990;
	color: #000;
	cursor: pointer;
}
.cycle-pager span 
{
	background: #fff;
	opacity: 0.6;
	font-size: 0;
	line-height: normal;
	display: block;
	float: left;
	padding: 0;
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	margin: 0 12px 0 0;
	border-radius: 100%;
}
.cycle-pager span:hover 
{
	opacity: 0.9;
}
.cycle-pager span.cycle-pager-active 
{
	opacity: 1;
}
@media screen and (max-width:680px)
{
	.cycle-pager 
	{
		display: none;
	}
}


/* MARCH2023 - moved .video-launcher CSS into different CSS file to allow it to also be used by local pages */


/* JULY2023 new for local slide design only: */
img.local-image-overlay
{
	width: 100%;
	height: 390px;
	object-fit: cover;
	border: 8px solid #fff;
	box-sizing: border-box;
	position: absolute;
	bottom: 105px;
	right: 0;
	padding: 0 !important;
	max-width: none !important;
	display: block;
}
@media screen and (max-width:1400px)
{
	/* JULY2023 */
	img.local-image-overlay
	{
		height: 356px;
	}
}
@media screen and (max-width:1010px)
{
	img.local-image-overlay
	{
		width: 510px;
		height: 275px !important;
		bottom: 90px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}
@media screen and (max-width:800px)
{
	img.local-image-overlay
	{
		width: 370px;
		height: 201px !important;
		bottom: 65px;
	}
}
@media screen and (max-width:550px)
{
	/* DEC2024 tweaked */
	img.local-image-overlay
	{
		width: 75%;
		height: 202px !important;
		bottom: 35px
	}
}
@media screen and (max-width:430px)
{
	/* DEC2024 fix */
	img.local-image-overlay
	{
		width: 80%;
		height: 200px !important;
		bottom: 42px
	}
}
@media screen and (max-width:360px)
{
	/* DEC2024 fix */
	img.local-image-overlay
	{
		width: 100%;
		height: 184px !important;
	}
}