/* 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%;
	padding-bottom: 20px;
	min-height: 570px; /* APRIL2023 - FIXED SLIDE HEIGHT CUT OFF BUG */
	overflow: hidden; 
	/* NOV2025TODO: might need to make the above hidden or visible! Old orig value was hidden. Issue is we ideally need suburb search drop down to overlap outside slides! */
}
#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;
		}
		/* DEC2025 new mini-form slide only: */
		#mainWrapper ul#slides li.special-slide-2025 .slide-background
		{
			height: 570px !important;
		}
}
@media screen and (max-width:900px)
{
		/* DEC2025 new mini-form slide only: */
		#mainWrapper ul#slides li.special-slide-2025 .slide-background
		{
			height: 620px !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:600px)
{
		/* DEC2025 new mini-form slide only: */
		#mainWrapper ul#slides li.special-slide-2025 .slide-background
		{
			height: 680px !important;
		}
}
@media screen and (max-width:550px)
{
	/* DEC2024 fix: */
	#mainWrapper ul#slides li.local-slide .slide-background
	{
		height: 450px !important;
	}
}
@media screen and (max-width:500px)
{
		/* DEC2025 new mini-form slide only: */
		#mainWrapper ul#slides li.special-slide-2025 .slide-background
		{
			height: 620px !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;
	}
}


#mainWrapper .slide-text p /* FONTY2025 added #mainWrapper to prevent override */
{
	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;
	}
}


/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/* NOV2025.special-slide-2025-heading: */
.special-slide-2025-heading
{
	width: 100% !important;
	background: rgba(255,255,255,0.6);
	position: absolute;
	top: 0;
	left: 0;
	padding: 12px 0;
	line-height: 1;
	text-align: center;
	font-weight: 400;
	font-size: 80px;
}
.mini-form-heading-br
{
	display: none;
}
@media screen and (max-width:1240px)
{
	.special-slide-2025-heading
	{
		font-size: 6.3vw;
		padding: 9px 0;
	}
}
@media screen and (max-width:900px)
{
	.mini-form-heading-br
	{
		display: inline;
	}
	.special-slide-2025-heading
	{
		font-size: 9vw;
		line-height: 0.9;
	}
}
@media screen and (max-width:700px)
{
	.special-slide-2025-heading
	{
		font-size: 10vw;
	}
}
@media screen and (max-width:620px)
{
	.special-slide-2025-heading
	{
		font-size: 11vw;
	}
}

/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/* VIDEO PLAY BUTTON icon (in slide above mini-form) */
a.click-play-2025
{
	margin: 150px 0 40px 0;
	display: block;
}
	a.click-play-2025:hover
	{
		filter: brightness(130%);
	}
a.click-play-2025 img
{
	width: 300px;
	height: auto;
	margin: 0 0 0 140px;
}
@media screen and (max-width:1400px)
{
	a.click-play-2025
	{
		margin: 134px 0 34px 0;
		display: block;
	}
	a.click-play-2025 img
	{
		width: 280px;
		margin: 0 0 0 160px;
	}
}
@media screen and (max-width:1010px)
{
	a.click-play-2025
	{
		margin-top: 100px !important;
	}	
}
@media screen and (max-width:900px)
{
	a.click-play-2025
	{
		margin-top: 180px !important;
	}	
}
@media screen and (max-width:700px)
{
	a.click-play-2025
	{
		width: 280px !important;
		margin: 170px auto 22px auto !important;
	}
	a.click-play-2025 img
	{
		width: 100%;
		margin: 0 auto !important;
		max-width: none !important;
	}
}
@media screen and (max-width:500px)
{
	a.click-play-2025
	{
		margin: 135px auto 15px auto !important;
	}
}
@media screen and (max-width:380px)
{
	a.click-play-2025
	{
		margin: 115px auto 10px auto !important;
	}
	a.click-play-2025 img
	{
		width: 90%;
	}
}

/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/* .slide-content overrides for new special slide: */
li.special-slide-2025 .slide-content
{
	width: 500px !important;
}
@media screen and (max-width:1500px)
{
	li.special-slide-2025 .slide-content
	{
		width: 500px !important;
	}
}
@media screen and (max-width:700px)
{
	li.special-slide-2025 .slide-content
	{
		width: 100% !important;
		right: 0 !important;
	}
}