.spotlight-bg,
.spotlight-bg .spotlight-body {
  background-color: #fff;
}

.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 (min-width: 576px) {
  .sub-content-spotlight .serv-border-right {
    border-right: 1px solid #ee3124;
  }
  .sub-content-spotlight .stichting-border-right {
    border-right: 1px solid #eb7023;
  }  
}

.sub-content-spotlight .serv-border-top .publication-overview,
.sub-content-spotlight .stichting-border-top .publication-overview {
  position: relative;
}

.sub-content-spotlight .serv-border-top .publication-overview:after {
  position: absolute;
  z-index: 100;
  content: '';
  top: -0.75rem;;
  left: 0;
  width: 100%;
  border-top: 1px solid #ee3124;
}

.sub-content-spotlight .stichting-border-top .publication-overview:after {
  position: absolute;
  z-index: 100;
  content: '';
  top: -0.75rem;;
  left: 0;
  width: 100%;
  border-top: 1px solid #eb7023;
}

@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: auto;
//	height: 0; 
//	overflow: hidden;
//	text-overflow: clip;
}

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

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

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

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

.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%;
	}
}