.ccl-widget.core-callout-tiles.callout-tiles-3-across .slides {
	gap: 9px;
	padding: 30px var(--space-5);
	background: url(/includes/public/assets/shared/callout-bg-mobile.webp) no-repeat;
	background-size: cover;
	grid-template-columns: repeat(2, 1fr);
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .widget-header {
	padding: 0 var(--space-3);
	margin-bottom: -18px;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .img-cont {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	transition: all 300ms ease-in-out;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .img-cont::before {
	content: '';
	pointer-events: none;
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	display: block;
	width: 100%;
	height: 100%;
	transition: all 300ms ease-in-out;
	opacity: 0;
	z-index: 1;
	background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.5));
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .img-cont::after {
	transition: all 300ms ease-in-out;
	opacity: 1;
	z-index: 1;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .img-cont:hover::after {
	opacity: 0;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .img-cont:hover::before {
	opacity: 1;
}


.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .content-section {
	padding: var(--space-4);
	z-index: 2;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .slide-title {
	text-align: center;
	text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50);
	font-family: var(--font-body);
	font-size: var(--text-lg);
	font-style: normal;
	font-weight: 500;
	line-height: 1.1;
	text-transform: uppercase;
}

@media (min-width: 64em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across {
		position: relative;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 145px);
		/* background: linear-gradient(258deg, #FAEFDE -43.59%, rgba(250, 239, 222, 0.00) 114.5%), #A8D5ED url(/includes/public/assets/shared/callout-waves-desktop.png) no-repeat; */
		background: linear-gradient(258deg, #FAEFDE -43.59%, rgba(250, 239, 222, 0.00) 114.5%), #A8D5ED url("https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/blockislandri/callout_waves_desktop_c3877708-9664-4ee7-b38c-e23fc7831ba9.png") no-repeat;
		background-size: cover;
		z-index: -1;
		pointer-events: none;
	}


	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slides {
		gap: 34px;
		padding: 60px var(--space-5);
		background: unset;
		background-size: cover;
		grid-template-columns: repeat(3, 1fr);
		max-width: 1360px;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .slide-title,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .slide-title a {
		font-size: 1.75rem;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across.img-cont .credits,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .credits {
		margin-right: var(--space-3);
		margin-bottom: var(--space-2);
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .widget-title {
		font-size: 8.0625rem;
	}
}