.ccl-widget.core-callout-tiles.callout-tiles-3-across {
	padding-top: 0;
	padding-bottom: 0;
	max-width: 1140px;
	margin-inline: auto;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across::before,
.ccl-widget.core-callout-tiles.callout-tiles-3-across::after {
	content: '';
	position: absolute;
	height: min(calc(22px + (32 - 22) * ((100vw - 375px) / (640 - 375))), 32px);
	width: calc(100% - 38px);
	z-index: 1;
	background: url(/includes/public/assets/shared/white-edge2.svg);
	left: 50%;
	background-repeat: no-repeat;
	background-size: 230%;
	transform: translateX(-50%);
	max-width: 1100px;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across::before {
	top: 0;
	transform: translateX(-50%) rotate(180deg);
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across::after {
	bottom: 0;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slides {
	gap: 5px;
	grid-template-columns: 1fr 1fr;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .content-section {
	padding: 10px var(--space-5);
	justify-content: flex-end;
	flex-direction: column;
}

.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 {
	line-height: var(--leading-none);
	text-transform: lowercase;
	font-weight: 400;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(5) .content-section,
.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(6) .content-section {
	padding: min(calc(15px + (30 - 15) * ((100vw - 375px) / (640 - 375))), 30px) var(--space-5);
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .read-more {
	display: none;
}

@media (min-width: 40em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slides {
		gap: 10px;
		grid-template-columns: 1fr 1fr 1fr;
		max-width: unset;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .content-section {
		padding: var(--space-6);
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(4) .content-section,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(5) .content-section,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(6) .content-section {
		padding: var(--space-8) var(--space-5);
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across::before, .ccl-widget.core-callout-tiles.callout-tiles-3-across::after {
		background-size: cover;
	}

	.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: var(--text-2xl);
	}
}

@media (min-width: 64em) {
	.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: var(--text-3xl-1);
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(4) .content-section,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(5) .content-section,
	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:nth-child(6) .content-section {
		padding: var(--space-8) var(--space-5) var(--space-10);
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .read-more {
		display: inline-block;
		padding: 11px 20px 9px;
		font-weight: 700;
		color: var(--dark-teal);
		background-color: var(--light-gold);
		opacity: 0;
		transition: opacity ease-out .3s;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .content-section {
		gap: var(--space-4);
		z-index: 1;
		transform: translateY(51px);
		transition: transform ease-out .3s;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		background: var(--teal);
		transition: opacity ease-out .3s;
		pointer-events: none;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide .content-section .content-logo {
		height: 100%;
		width: 100%;
		max-height: 175px;
		max-width: 111px;
		display: flex;
		background: url(https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_webp,w_316,h_500/v1/clients/lascrucesnm/white_plant_3f33eafc-fd53-4f3c-8d1e-593405c9c789.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		opacity: 0;
		transition: opacity ease-out .3s;
	}

	@media (hover: hover) {
		.ccl-widget.core-callout-tiles.callout-tiles-3-across:not(.background) .slide:hover .content-section .content-logo {
			opacity: .4;
		}

		.ccl-widget.core-callout-tiles.callout-tiles-3-across:not(.background) .slide:hover .read-more {
			opacity: 1;
		}

		.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:hover .read-more {
			pointer-events: all;
		}

		.ccl-widget.core-callout-tiles.callout-tiles-3-across:not(.background) .slide:hover:after {
			opacity: .9;
		}

		.ccl-widget.core-callout-tiles.callout-tiles-3-across .slide:hover .img-cont img {
			transform: unset;
		}

		.ccl-widget.core-callout-tiles.callout-tiles-3-across:not(.background) .slide:hover .content-section {
			transform: translateY(0);
		}

		.ccl-widget.core-callout-tiles.callout-tiles-3-across.rm-button:not(.background) .slide a.read-more:hover:not(p *) {
			background-color: var(--gold-hover);
			color: var(--dark-teal);
		}
	}
}

/* With Background */
.ccl-widget.core-callout-tiles.callout-tiles-3-across.background {
	max-width: unset;
	padding-top: 67px;
	padding-bottom: 45px;
	overflow: hidden;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across.background::before {
	content: '';
	position: absolute;
	top: -160px;
	left: 50%;
	height: 140%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 0;
	background: url(https://assets.simpleviewinc.com/simpleview/image/upload/c_fill,f_webp,w_364,h_650/v1/clients/lascrucesnm/ocotillo_white_6acaf945-c08c-4ea4-b2ee-c0e2cd728403.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across.background::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: url(https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/lascrucesnm/Image_698_b8c18a16-f591-4a98-a4ec-5c0bae0c9d82.png);
	background-size: cover;
	transform: unset;
	max-width: unset;
	z-index: -1;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across.background .slides {
	max-width: 1140px;
	grid-template-columns: 1fr;
	gap: 10px;
}

.ccl-widget.core-callout-tiles.callout-tiles-3-across.background .slide .content-section .content-logo,
.ccl-widget.core-callout-tiles.callout-tiles-3-across.background .slide .read-more {
	display: none;
}

@media (min-width: 40em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across.background .slides {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across.background::before {
		top: 15px;
		left: -110px;
		height: 100%;
		transform: unset;
		width: 364px;
		background-size: unset;
	}

	.ccl-widget.core-callout-tiles.callout-tiles-3-across.background .slide .content-section {
		transform: unset;
		padding-bottom: 30px;
	}
}

@media (min-width: 64em) {
	.ccl-widget.core-callout-tiles.callout-tiles-3-across.background {
		padding-top: 95px;
		padding-bottom: 84px;
	}
}