.callout-tiles-4-across-fullwidth {
	margin-bottom: 40px;
}

.callout-tiles-4-across-fullwidth[data-width="full"][data-slides-across="4"] .slide .slide-title,
.callout-tiles-4-across-fullwidth[data-width="full"][data-slides-across="4"] .slide .slide-title a {
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-size: 18px;
	color: white;
	text-decoration: none;
	text-align: left;
}

.callout-tiles-4-across-fullwidth .slides {
	gap: 5px;
	grid-template-columns: 2fr 2fr;
}

.callout-tiles-4-across-fullwidth .slide .img-cont::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at left bottom, rgba(0, 0, 0, 0.55) 20%, transparent 50%);
	pointer-events: none;
}

.callout-tiles-4-across-fullwidth .slide .content-section {
	justify-content: start;
	align-items: flex-end;
	text-align: left;
	padding: 14px 16px;
}

.callout-tiles-4-across-fullwidth .photo-credit {
	bottom: unset;
	top: 0;
	right: 0;
	left: unset;
}

@media screen and (min-width: 64em) {
	.callout-tiles-4-across-fullwidth {
		margin-bottom: 125px;
	}

	.callout-tiles-4-across-fullwidth .slides {
		gap: 10px;
	}

	.callout-tiles-4-across-fullwidth .slide .content-section {
		padding: 18px 20px;
	}

	.callout-tiles-4-across-fullwidth .slide img {
		transition: transform ease-out 1.2s;
	}

	.callout-tiles-4-across-fullwidth .slide .content-section h2 {
		max-width: 300px;
		position: relative;
		text-shadow: 2px 2px 10px black;
	}

	.callout-tiles-4-across-fullwidth .slide .content-section h2 a::after {
		position: absolute;
		left: -20px;
		bottom: 0;
		width: calc(100% + 20px);
		height: 4px;
		transform: scaleX(0);
		transform-origin: left;
		background-color: #f2ca30;
		content: '';
		transition: transform ease 0.6s;
	}

	.callout-tiles-4-across-fullwidth .slide:hover .content-section h2 a::after {
		transform: scaleX(1);
	}
}

@media screen and (min-width: 80em) {
	.callout-tiles-4-across-fullwidth[data-width="full"][data-slides-across="4"] .slide .slide-title,
	.callout-tiles-4-across-fullwidth[data-width="full"][data-slides-across="4"] .slide .slide-title a {
		font-size: 33px;
	}
}