/*INSTRUCTIONS FOR ADDING ARTICLE HORIZONTAL (3+ ITEMS) HOVER*/
/*Add 'Article Horizontal (3+ Items) Desktop' Block to Content Center in the Block Layout (select domain and '<front>').
Add 'Article Horizontal (3+ Items) Mobile' Block to Content Bottom in the Block Layout.
Activate this Stylesheet on the Domain Below.
DO NOT MAKE CHANGES TO THIS STYLE SHEET. OVERWRITE ALL CHANGES ON SITE SPECIFIC CSS*/


/*REMOVE MOBILE CAROUSEL FROM DESKTOP VIEW*/

.contentbottom .carousel.slide {
	display: none;
}

/*DESKTOP STYLES*/

.contentcenter .carousel.slide .carousel-inner .NewsThreePlus.carousel-item.row .col-sm-4 {
	float: left !important;
	background-size: auto 100%;
	padding: 0px;
	margin: 1%;
	width: 31.33%;

}


.contentcenter .carousel-item {
	width: 100% !important;
}


.contentcenter .carousel.slide .carousel-inner .NewsThreePlus {
	padding-bottom: 3rem;
	min-height: 16em;
	max-height: 16em;
}

.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .col-sm-4 .carousel-caption p {
	position: relative;
	left: 0px;
	opacity: 0;
	top: .2em;
	transition: all 1s ease-out !important;
}

.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .blackoverlay {
	background-color: black;
}

.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .col-sm-4:hover .blackoverlay img {
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}

.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .col-sm-4:hover .carousel-caption p {
	opacity: 1;
	transition: all 1s ease-in !important;
}


.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption {
	top: 0;
}


.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption p,
.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption a,
.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption p a,
.carousel.slide .carousel-inner .NewsThreePlus.carousel-item h2 {
	color: white !important;
	text-shadow: #000000 1px 0 10px;
}


.contentcenter .carousel.slide .carousel-inner {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}


.contentcenter .carousel.slide a.carousel-control-prev .carousel-control-prev-icon::before {
	color: black;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	content: '\f104';
}


.contentcenter .carousel.slide a.carousel-control-next .carousel-control-next-icon:before {
	color: black;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	content: '\f105';
}


.contentcenter .carousel-control-prev-icon,
.contentcenter .carousel-control-next-icon {
	background: none;
}


.contentcenter .carousel-control-prev,
.contentcenter .carousel-control-next {
	width: 5%;
}


.contentcenter .carousel.slide .carousel-inner .NewsThreePlus a img,
.contentcenter .carousel.slide .carousel-inner .NewsThreePlus img {
	width: 100% !important;
	height: 15em;
	object-fit: cover;
}


.contentcenter .carousel.slide .carousel-indicators {
	display: none;
}


/*MOBILE STYLES*/

.contentbottom .carousel.slide .carousel-indicators {
	display: none;
}


.contentbottom .carousel-item {
	width: 100% !important;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12,
.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12 {
	background-size: auto 100%;
	padding: 0px;
	margin: 1%;
	width: 98%;

}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile {
	width: 100%;
	min-height: 15em;
	max-height: 15em;
}


.contentbottom .carousel.slide .carousel-inner {
	margin-bottom: 3em;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12 p {
	position: relative;
	left: 0px;
	opacity: 0;
	top: .2em;
	transition: all 1s ease-out !important;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12 .blackoverlay {
	background-color: black;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12:hover img {
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12:hover p {
	opacity: 1;
	transition: all 1s ease-in !important;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12 .carousel-caption h3 a {
	color: white !important;
	text-shadow: #000000 1px 0 10px;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12 .carousel-caption a {
	color: white !important;
}


.contentbottom .carousel.slide .carousel-inner {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}


.contentbottom .carousel.slide a.carousel-control-prev .carousel-control-prev-icon:before {
	color: black;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	content: '\f104';
	right: 1em;
	position: relative;
}


.contentbottom .carousel.slide a.carousel-control-next .carousel-control-next-icon:before {
	color: black;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	content: '\f105';
	left: 1em;
	position: relative;
}


.contentbottom .carousel-control-prev-icon,
.contentbottom .carousel-control-next-icon {
	background: none;
}


.contentbottom .carousel-control-next,
.contentbottom .carousel-control-prev {
	width: 5%;
}


.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile a img.img-fluid,
.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile img.img-fluid {
	width: 100% !important;
}

.contentcenter .NewsThreePlus .carousel-item .row,
.contentcenter .NewsThreePlus .carousel-item,
.contentbottom .NewsThreePlus .carousel-item {
	margin-left: 0px !important;
}

@media screen and (max-width: 1500px) {

	.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption h3 {
		font-size: 1.4em;
	}

}


@media screen and (max-width: 1300px) {


	.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption h3 {
		font-size: 1em;
	}

	.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption {
		left: 10%;
		right: 10%;
	}

}


@media screen and (max-width: 992px) {

	/*REMOVE DESKTOP CAROUSEL FROM MOBILE VIEW*/

	.contentcenter .carousel.slide {
		display: none;
	}

	/*SHOW MOBILE CAROUSEL*/

	.contentbottom .carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item.row .col-md-12 .carousel-caption {
		display: block !important;
	}


	.contentbottom .carousel.slide {
		display: block;
	}

	.NewsThreePlusMobile .carousel-caption h3 {
		color: white;
	}


	.carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item .carousel-caption {
		top: 0;
	}

	.carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item .carousel-caption a {
		color: white !important;
	}


	.carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item .col-md-12 .blackoverlay {
		background-color: black;
	}


	.carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item .carousel-caption p a {
		color: white !important;
	}

	.carousel.slide .carousel-inner .NewsThreePlusMobile.carousel-item .col-md-12 .blackoverlay img.img-fluid,
	.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .blackoverlay img {
		opacity: .3 !important;

	}


}


@media screen and (max-width: 792px) {


	.carousel.slide .carousel-inner .NewsThreePlus.carousel-item .carousel-caption h3 {
		font-size: 1.1em;
	}


}


@media screen and (max-width: 592px) {


	.carousel.slide .carouselmobilebody {
		display: none;
	}

	.contentbottom .carousel-item {
		width: 100% !important;
	}


	.contentbottom .carousel.slide .carousel-inner {
		width: 100%;
		margin-left: 0%;
		margin-right: 0%;
	}

}