/*INSTRUCTIONS FOR ADDING FEATURED*/
/*Add 'Featured' Block to the Block Layout (select domain and '<front>').
Activate this Stylesheet on the Domain Below.
DO NOT MAKE CHANGES TO THIS STYLE SHEET. OVERWRITE ALL CHANGES ON SITE SPECIFIC CSS*/

.FeaturedTitle h2 {
	text-align: center;
}

.Featured .blackoverlay .FeaturedBody p {
	text-align: center;
}


.Featured img {
	width: 100%;
	height: 17em;
	object-fit: cover;
	border-radius: 1em;
	/*linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/
}


.FeaturedBody {
	position: relative !important;
	top: -11em !important;
	color: white !important;
	margin-bottom: 0em !important;
	left: 0em !important;
	right: 0em !important;
	text-align: left !important;
	padding: 0em 1em !important;
	text-shadow: #000000 1px 0 10px;
	min-height: 0em;
	max-height: 0em;
}

.FeaturedBody a {
	color: white !important;
}

.block.block-views.block-views-blockfeatured-block-1 .view-content #views-bootstrap-featured-block-1 .field-content a {
	text-decoration: none !important;
}

a .Featured .blackoverlay .FeaturedBody,
a .Featured .blackoverlay .Featured:hover,
a .Featured .blackoverlay .Featured:active,
a .Featured .blackoverlay .FeaturedBody:visited {
	text-decoration: none !important;
	color: white;
}


.Featured .blackoverlay p {
	margin-bottom: 0em !important;
}

.Featured .FeaturedBody p {
	position: relative;
	left: 0px;
	opacity: 0;
	top: .2em;
	transition: all 1s ease-out !important;
	margin-bottom: 0em;
}

.Featured .blackoverlay {
	background-color: black;
	border-radius: 1em;
}
.view-featured a:focus .Featured img,
.Featured:hover img {
	opacity: .3 !important;
	transition: all 1s ease-in !important;
}

.view-featured a:focus .Featured p,
.Featured:hover p {
	opacity: 1;
	transition: all 1s ease-in !important;
}

@media screen and (max-width: 992px) {
	.view-featured .Featured {
		margin-bottom: 1em;
	}
}