.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth { margin-bottom: var(--space-10); }


.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 2;
	background: url(/includes/public/assets/shared/callouts-red-wave-sm-top.svg);
	background-size: 100%;
	background-position: center top;
	pointer-events: none;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	z-index: 2;
	background: url(/includes/public/assets/shared/callouts-white-wave-sm-bottom.svg);
	background-size: 100%;
	background-position: center bottom;
	pointer-events: none;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth.alternate::before {
	background: url(/includes/public/assets/shared/callouts-white-wave-sm-top.svg);
	background-size: 100%;
	background-position: center top;
	pointer-events: none;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth.no-waves::before,
.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth.no-waves::after { content: none; }

.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth .slides {
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-px);
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth .slide .img-cont::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth .slide .slide-title,
.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth .slide .slide-title a {
	max-width: 20ch;
	line-height: var(--leading-tight);
}

@media (min-width: 40em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::before,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::after {
		height: 80px;
	}

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

@media (min-width: 64em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth { margin-bottom: var(--space-24); }

	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::before {
		height: 95px;
		background: url(/includes/public/assets/shared/callouts-red-wave-top.svg);
		background-size: 100%;
		background-position: center top;
	}
	
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::after {
		height: 95px;
		z-index: 1;
		background: url(/includes/public/assets/shared/callouts-white-wave-bottom.svg);
		background-size: 100%;
		background-position: center bottom;
	}
	
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth.alternate::before {
		background: url(/includes/public/assets/shared/callouts-white-wave-top.svg);
		background-size: 100%;
		background-position: center top;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth .slides {
		grid-template-columns: repeat(3, 1fr);
		gap: 2px;
	}
	.contentRender_name_plugins_collections_template_custom_core_callout_tiles_3_across_fullwidth_primary + .contentRender_name_plugins_common_booking_fullwidth {
		margin-top: -150px;
	}
}

@media (min-width: 90em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::before,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across-fullwidth::after { height: 132px; }
}