.highlights_mosaic {
	margin-bottom: var(--space-12);
}

.highlights_mosaic .mosaic-content-container {
	padding: 0 var(--space-5);
	max-width: 1188px;
	margin: 0 auto;
}

.highlights_mosaic .cols {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 1fr);
	gap: 15px;
}

.highlights_mosaic .inner {
	position: relative;
	height: 100%;
}

.highlights_mosaic .content-section {
	position: absolute;
	top: 50%;
	width: 100%;
	max-width: 85%;
	margin: 0 auto;
	text-align: center;
	left: 50%;
	transform: translate(-50%, -50%);
}

.highlights_mosaic .slide.promoted {
	grid-column: 1 / 3;
	grid-row: 3;
}

.highlights_mosaic .widget-title {
	font-size: 2.8125rem;
	line-height: var(--leading-tight);
	color: var(--blue-00);
}

.highlights_mosaic .widget-header {
	margin-bottom: 15px;
}

.highlights_mosaic .slide .content-section h4,
.highlights_mosaic .slide .content-section .no-link, 
.highlights_mosaic .slide .content-section h4 a {
	background-color: white;
	display: inline-block;
	color: var(--blue-00);
	border-radius: var(--rounded-full);
	font-size: var(--text-sm);
	letter-spacing: -.07em;
	line-height: var(--leading-tight);
}

.highlights_mosaic .slide .content-section h4 a {
	padding: 10px 22px;
	transition: color var(--transition-appendix), text-decoration var(--transition-appendix), background-color var(--transition-appendix);
}

.highlights_mosaic .slide .content-section .no-link {
	padding: 10px var(--space-5);
}

.highlights_mosaic .img-cont,
.highlights_mosaic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 40em) {
	.highlights_mosaic .slide .content-section h4, 
	.highlights_mosaic .slide .content-section h4 a,
	.highlights_mosaic .slide .content-section .no-link  {
		font-size: var(--text-xl);
		letter-spacing: var(--tracking-tight);
	}

	.highlights_mosaic .slide .content-section h4 a,
	.highlights_mosaic .slide .content-section .no-link {
		padding: 11px 34px;
	}

	.highlights_mosaic .slide.promoted .content-section h4 a,
	.highlights_mosaic .slide.promoted .content-section .no-link {
		font-size: var(--text-2xl);
		padding: 14px 51px;
	}

	.highlights_mosaic .widget-title {
		font-size: 4.375rem;
	}
}

@media (min-width: 64em) {
	.highlights_mosaic {
		margin-bottom: var(--space-16);
	}

	.highlights_mosaic .cols {
		display: grid;
		grid-template-columns: 0.7201fr 0.495fr 0.72fr 1fr;
		grid-template-rows: repeat(2, 260px);
		gap: 30px;
	}

	.highlights_mosaic .slide.promoted {
		grid-column: 4;
		grid-row: 1 / 3;
	}

	.highlights_mosaic .slide:nth-child(2) {
		grid-column: 2 / 4;
		grid-row: 1
	}
	.highlights_mosaic .slide:nth-child(3) {
		grid-column: 1 / 2;
		grid-row: 1
	}
	.highlights_mosaic .slide:nth-child(4) {
		grid-column: 3 / 4;
		grid-row: 2
	}
	.highlights_mosaic .slide:nth-child(5) {
		grid-column: 1 / 3;
		grid-row: 2
	}

	.highlights_mosaic .slide .content-section h4 a:hover {
		color: var(--white);
		background-color: var(--orange-cf);
		text-decoration: underline;
		text-underline-offset: 3px;
		text-decoration-thickness: 2px;
	}
}

/* Alternative Layout */
.highlights_mosaic.alt-layout {
	position: relative;
	isolation: isolate;
	padding: 34px 0 100px;
}

.highlights_mosaic.alt-layout .widget-header {
	margin-bottom: 30px;
}

.highlights_mosaic.alt-layout .cols {
	padding: 15px;
	background-color: var(--white);
}

.highlights_mosaic.alt-layout .slide.promoted {
	grid-row: 1;
}

.highlights_mosaic.alt-layout::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('/includes/public/assets/shared/highlight_mosaic_background.png');
	background-size: cover;
	z-index: -1;
	background-position: center left 35%;
}

.highlights_mosaic.alt-layout .widget-title {
	color: var(--white);
}

@media (min-width: 64em) {
	.highlights_mosaic.alt-layout .mosaic-content-container {
		max-width: 1248px;
	}

	.highlights_mosaic.alt-layout::before {
		background-position: center bottom 20%;
	}

	.highlights_mosaic.alt-layout {
		padding: 64px 0 117px;
	}

	.highlights_mosaic.alt-layout .widget-header {
		margin-bottom: 15px;
	}

	.highlights_mosaic.alt-layout .cols {
		padding: 30px;
		grid-template-columns: 1fr 0.7201fr 0.495fr 0.72fr;
	}
	
	.highlights_mosaic.alt-layout .slide.promoted {
		grid-column: 1;
		grid-row: 1 / 3;
	}
	
	.highlights_mosaic.alt-layout .slide:nth-child(2) {
		grid-column: 2 / 4;
		grid-row: 1;
	}
	
	.highlights_mosaic.alt-layout .slide:nth-child(3) {
		grid-column: 4 / 5;
		grid-row: 1;
	}
	
	.highlights_mosaic.alt-layout .slide:nth-child(4) {
		grid-column: 2 / 3;
		grid-row: 2;
	}
	
	.highlights_mosaic.alt-layout .slide:nth-child(5) {
		grid-column: 3 / 5;
		grid-row: 2;
	}
}