/* for new "transition" index.php */

.splide__slide .card .card-body .card-title a {
	color: inherit;
	text-decoration: none;
}



/* for hero top image */

div.lead-card {
	width:100%;
	position: relative;
	padding: 0.3em;
	background-color: #000;
	}

div.lead-card h4,
div.lead-card h3 {
	margin-left: 0.5em;
}

div.lead-card a {
	color: #fff;
	}

div.lead-card div.overlay-logo,
div.post-top-pic div.overlay-logo {
	position: absolute;
	top: 4%; /* changed this for index page -- might have screwed up single page */
	left: 1%;
	width: 20%;
}

div.lead-card div.overlay-banner {
	position: absolute;
	bottom: 5%;
	right: 0;
	text-align: right;
	background-color: black;
	color: white;
	border-radius: 50px 0 0 50px;
	padding: 2px 15px;
	font-size: 14px;
}

@media (min-width:768px) {
	div.lead-card div.overlay-banner {
		padding: 3px 18px;
		font-size:20px;
	}
}

@media (min-width:992px) {
	div.lead-card div.overlay-banner {
		padding: 5px 20px;
		font-size:25px;
	}
}

@media (min-width:1200px) {
	div.lead-card div.overlay-banner {
		padding: 5px 20px;
		font-size:35px;
	}
}

/* footer stuff */

.footer-container a {
	text-decoration: none;
}