/* Horizontal Image Cards */

.highlight-cards-section.style-1 .field--name-field-spotlight-cards {
	& img {
		height: 200px;
	}
	& > .field__item {
		background-image: none;
		& .field--type-image::before {
			background: #1A1A1A -267.181px 17.059px / 173.345% 77.734% no-repeat;
			opacity: 0.44;
		}
	}
	
	& .field--name-field-spotlight-link {
		font-family: Roboto;
		font-style: normal;
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: -0.24px;
	}
	& .spotlight-text {
		padding: 30px 20px;
	}
	& .spotlight-text .field--name-field-highlight-description {
		color: #1B1B1B;
		padding: 0;
		font-size: 0.9375rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.4;
	}
}

/* Vertical Image Cards */

@media (min-width: 1024px) {
	.field--name-field-highlight-cards .paragraph--type--service-highlights.style-2 {
		max-width: 380px;
	}
}

.highlight-cards-section.style-2 .field--name-field-highlight-cards {
	& .paragraph--type--service-highlights.has-image a {
		display: block;
		position: relative;
		& .highlightImage {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			min-height: auto;
			&::before {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				background-color: #1B1B1B;
				opacity: 0.7;
			}
		}
		& .highlightContent {
			position: relative;
			padding: 50px 30px;
			& h3.title {
				color: #FFFFFF;
			}
			& .highlightText {
				& .field--name-field-highlight-description {
					color: #FFFFFF;
					padding: 0;
				}
			}
			& .highlight-read-more {
				color: #FFF;
			}
		}
	}
}
.node--type-dynamic-page .container-xxl:not(.has-sidebar) .field--name-field-highlight-cards {
	width: auto;
	position: static;
	margin: 0;
	padding: 0;
}

.field--name-field-highlight-cards > .row > .col {
	flex: none;
	min-width: auto;
}