.spotlights .spotlight-img-cont {
	text-align: center;
	margin-bottom: -35px;
}
.spotlights .spotlight-header {
	margin-bottom: 45px;
	text-align: center;
	position: relative;
}
.spotlights .spotlight-header.show-img {
	background-image: url(/includes/public/assets/images/spotlight-title-city.png);
	background-repeat: no-repeat;
	background-position: 50% -28px;
	height: 127px;
}
@media(max-width:1024px){
	.spotlights .spotlight-header.show-img {
		height: 112px;
	}
}
@media(max-width:640px){
	.spotlights .spotlight-header {
		margin-bottom: 0;
	}
	.spotlights .spotlight-header.show-img {
		background-position: 50% 10px;
		background-size: 175px;
		height: 96px;
	}
}

.spotlights .spotlight-header.show-img .title-wrapper {
    padding-top: 32px;
}

/* .spotlights .spotlight-header .title,
.spotlights .spotlight-header .subtitle,
.spotlights .spotlight-header .view-all-link {
	text-transform: uppercase;
} */
.spotlights .spotlight-header .title {
	margin-bottom: -25px;
}
.spotlights .spotlight-header .title h3 {
	font-size: 24px;
}
.spotlights .spotlight-header .subtitle {
	margin-bottom: -15px;
}
.spotlights .spotlight-header .view-all-link {
	font-family: var(--font-primary);
}
.spotlights {
    margin: 0 auto;
    max-width: 1180px;
}
.spotlights .spotlights-grid {
    display: flex;
    flex-wrap: wrap;
}
.spotlights .spotlights-grid .spotlight {
    position: relative;
    cursor: pointer;
    margin: 0 15px 45px;
    flex: 0 0 25%;
    flex-basis: calc(25% - 30px);
}
.spotlights .spotlights-grid .spotlight .bg-image,
.spotlights .spotlights-grid .spotlight .bg-image img {
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    width: 100%;
}
.spotlights .spotlights-grid .spotlight:hover .bg-image {
    transform: scale(0.96);

}
.spotlights .spotlights-grid .spotlight:hover .bg-image img {
    transform: scale(1.15);
}
.spotlights .spotlights-grid .spotlight .text {
	color: white;
	background-color: var(--color-background-primary);
	opacity:.9;
	position: absolute;
	bottom: -5px;
	left: -10px;
	transition: all 0.5s ease-in-out;
	transform-origin: top left;
	width: 100%;
	padding: 15px;
}
.spotlights .spotlights-grid .spotlight .text h2 {
	margin-bottom: 0;
}
.spotlights .spotlights-grid .spotlight:nth-child(5n+1) .text{
	background-color: var(--fields-of-gold);
}
.spotlights .spotlights-grid .spotlight:nth-child(5n+2) .text{
	background-color: var(--prairie-berry);
}
.spotlights .spotlights-grid .spotlight:nth-child(5n+3) .text{
	background-color: var(--secondary-purple);
}
.spotlights .spotlights-grid .spotlight:nth-child(5n+4) .text{
	background-color: var(--color-background-primary);
}
.spotlights .spotlights-grid .spotlight:nth-child(5n+5) .text{
	background-color: var(--secondary-light-blue);
}

.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+1) .text{
	background-color: #76c244;
}
.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+2) .text{
	background-color: #efb82a;
}
.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+3) .text{
	background-color: #938c60;
}
.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+4) .text{
	background-color: #0071ad;
}
.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+5) .text{
	background-color: #eb702d;
}
.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+6) .text{
	background-color: #4d9e42;
}
.green-stem .spotlights .spotlights-grid .spotlight:nth-child(7n+7) .text{
	background-color: #236130;
}

.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+1) .text{
	background-color: #00BDF9;
}
.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+2) .text{
	background-color: #EF0A04;
}
.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+3) .text{
	background-color: #FF6A2D;
}
.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+4) .text{
	background-color: #FFDA37;
}
.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+5) .text{
	background-color: #009648;
}
.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+6) .text{
	background-color: #9639CD;
}
.rainbow .spotlights .spotlights-grid .spotlight:nth-child(7n+7) .text{
	background-color: #E4008D;
}

.legacy-project .spotlights .spotlights-grid .spotlight .text{
	background-color: var(--color-legacy-teal);
}

.spotlights .spotlights-grid .spotlight .text .title {
	color: white;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
}
.spotlights .spotlights-grid .spotlight:hover .text {
    transform: rotateZ(1deg);
}
@media (max-width: 1024px) {
	.spotlights .spotlights-grid .spotlight {
		flex: 0 0 50%;
    flex-basis: calc(50% - 30px);
	}
}
@media (max-width: 640px){
	.spotlights .spotlight-header .title {
		margin-bottom: -22px;
	}
	.spotlights .spotlight-header .title h3 {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.spotlights .spotlight-header .subtitle {
		margin-bottom: 10px;
	}
	.spotlights .spotlight-header .subtitle h2 {
		font-size: 23px;
	}
	.spotlights .spotlights-grid .spotlight:hover .bg-image {
		transform: none;
	}
	.spotlights .spotlights-grid .spotlight:hover .bg-image img {
		transform: none;
	}
	.spotlights .spotlights-grid .spotlight:hover .text {
		transform: none;
	}
	.spotlights .spotlights-grid .spotlight {
		margin-bottom: 40px;
		flex: 0 0 100%;
		flex-basis: calc(100% - 15px);
		margin-right: auto;
		margin-left: auto;
	}
	.spotlights .spotlights-grid .spotlight .text h2 {
		text-transform: none;
	}
}