/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Callout Tiles family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.core-callout-tiles { margin-bottom: var(--space-16); }

.core-callout-tiles:not([data-width="full"]) .slides {
	gap: 1px;
	max-width: 1080px;
}

.core-callout-tiles .slide .img-cont::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background:  rgba(0,0,0,0.25);
}

.core-callout-tiles .slide .img-cont .fw-svg-top,
.core-callout-tiles .slide .img-cont .fw-svg-bottom,
.core-callout-tiles .slide .img-cont .waves {
	pointer-events: none;
}

.core-callout-tiles .slide .slide-title,
.core-callout-tiles .slide .slide-title a {
	font-family: var(--font-display);
	font-size: var(--text-sm);
	font-weight: 700;
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-wide);
	color: var(--white);
	text-transform: capitalize;
	text-align: center;
	text-shadow: 0px 0px 29px rgba(35, 34, 34, 0.4);
}

@media (min-width: 40em) {
	.core-callout-tiles .slide .slide-title,
	.core-callout-tiles .slide .slide-title a {
		font-size: 64px;
		font-weight: 700;
		text-transform: capitalize;
		line-height: var(--leading-tight);
		-webkit-line-clamp: 2; 
		width: 650px;
	}
}



@media (min-width: 64em) {
	.core-callout-tiles { margin-bottom: var(--space-32); }

	.core-callout-tiles:not([data-width="full"]) .slides { gap: 2px; }
}