.spotlight-bg { background-color: #fff; }
.spotlight-bg .spotlight-body {
  background: var(--default);
  border-top: 2px solid white;
  padding-bottom: 1rem;
}

.spotlight-img {
	height: 0;
	background-size: cover;
	background-position: center center;
}

.spotlight-body h3 {
	font-size: 1.2rem;
}

.home-container .spotlight-body h3 {
	font-size: 1.4rem;
}

@media (max-width: 992px) {
	.spotlight-body h3 {
		font-size: 1.2rem;
	}
	
	.home-container .spotlight-body h3 {
		font-size: 1.2rem;
	}
}

.sub-content-spotlight .spotlight-body h3 {
	font-size: 1.2rem;	
}

.spotlight-img.img-23 {
	padding-bottom: 23%;
}

.spotlight-img.img-33 {
	padding-bottom: 33%;
}

.spotlight-img.img-100 {
	padding-bottom: 100%;
}

.spotlight-img.img-50 {
	padding-bottom: 50%;
}

.row-double .spotlight-img.img-50 {
	padding-bottom: 52.2%;
}

.row-double .col-md-8 .spotlight-img.img-50 {
	padding-bottom: 50%;
}

.row-img-23 .spotlight-img.img-50 {
	padding-bottom: 23%;
}

.spotlight-img.img-100 {
	padding-bottom: 100%;
}

.row-double .col-md .spotlight-img.img-100 {
	padding-bottom: 104.2%;
}

.row-img-50 .spotlight-img.img-100 {
	padding-bottom: 46%;
}

.spotlight-body { 
	height: 0; 
	overflow: visible;
	text-overflow: clip;
}

.spotlight-img .spotlight-body { 
	height: auto; 
}

.spotlight-body.txt-50 {
	padding-bottom: 50%;
}

.spotlight-body.txt-25 {
	padding-bottom: 25%;
}

.spotlight-img.img-23 + .spotlight-body.txt-50 {
	padding-bottom: 23%;
}

.row-img-23 .spotlight-body.txt-50 {
	padding-bottom: 23%;
}

.spotlight-body.txt-100 {
	height: auto !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.spotlight-body.txt-100-col {
	height: auto !important;
	width: 100%;
}

.spotlight-body.gradient-black {
	background: -webkit-linear-gradient(rgba(0, 0 , 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background: -o-linear-gradient(rgba(0, 0 , 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(rgba(0, 0 , 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.spotlight-body.gradient-white {
	background: -webkit-linear-gradient(rgba(255, 255 , 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(rgba(255, 255 , 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(rgba(255, 255 , 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}

.main-content a:hover .spotlight-article * {
	text-decoration: underline;
}

@media (max-width: 576px) {
	.spotlight-img.img-50 {
		padding-bottom: 25%;
	}	
	
	.row-double .spotlight-img.img-50,
	.row-double .col-md-8 .spotlight-img.img-50 {
		padding-bottom: 25%;
	}
		
	.spotlight-body.txt-50 {
		padding-bottom: 25%;
	}
	
	.row-double .spotlight-body.txt-50 {
		padding-bottom: 25%;
	}
	
	.col-md .spotlight-img.img-100 {
		padding-bottom: 50%;
	}	
	
	.col-md .row .col-6 .spotlight-img.img-100 {
		padding-bottom: 100%;
	}	
	
	.row-double .col-md .spotlight-img.img-100 {
		padding-bottom: 50%;
	}
	
	.row-double .col-md-8 .g-0 .spotlight-img.img-50 {
		padding-bottom: 50%;
	}
}