/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Slider 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.
*/

.ccl-widget.core-hero-image.hero-image { margin-bottom: 0; }


.ccl-widget.core-hero-image.hero-image .slides .slide .img-cont {
	position: relative;
	overflow: hidden;
}

.ccl-widget.core-hero-image.hero-image .slides .slide .img-cont::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: calc(100% + 195px);
	height: 46%;
	background-image: url(/includes/public/assets/shared/contour-texture-left.svg);
	background-repeat: no-repeat;
	background-size: cover;
	transform: scaleX(-1);
	opacity: 0.7;
	pointer-events: none;
}

.ccl-widget.core-hero-image.hero-image .slides .slide .img-cont::after { content: none; }

.ccl-widget.core-hero-image.hero-image .slides .slide .banner-content { padding: 10px 40px 32px 26px }

.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title,
.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title a {
	max-width: 100%;
	font-family: var(--font-display);
	font-size: 28px;
	font-weight: 700;
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-normal);
	color: var(--white);
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
	margin-bottom: var(--space-3);
}


@media (hover:hover) {
	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title,
	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title a { text-decoration: none; }
}

.ccl-widget.core-hero-image.hero-image .slides .slide .banner-description {
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: var(--leading-normal);
	letter-spacing: var(--tracking-normal);
	color: var(--white);
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.25));
}

@media (max-width: 400px) {
	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title,
	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title a {
		font-size: 24px;
	}

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-description {
		font-size: 14px;
	}
}

@media (min-width: 40em) {
	.ccl-widget.core-hero-image.hero-image .slides .slide .img-cont::before {
		bottom: -50px;
		left: -10px;
		width: 71.9%;
		height: 61.9%;
		background-size: initial;
		transform: scaleX(-1);
	}

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title,
	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title a {
		font-size: 36px;
		filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.25));
		margin-bottom: 17px;
	}

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-description {
		font-size: 18px;
		line-height: 1.4;
		letter-spacing: 0.008em;
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
	}

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-content { padding: 10px 30px 35px 30px; }
}

@media (min-width: 64em) {
	.ccl-widget.core-hero-image.hero-image .slides .slide .img-cont::before {
		bottom: -53px;
		left: -33px;
		width: 785px;
		height: 424px;
		transform: scaleX(-1) rotate(-8deg);
	}

	.ccl-widget.core-hero-image.hero-image .slides .slide .img-cont::after {
		content: "";
		position: absolute;
		bottom: -50px;
		left: auto;
		right: -456px;
		z-index: 0;
		width: 708px;
		height: 435px;
		background-image: url(/includes/public/assets/shared/contour-texture-right.svg);
		background-repeat: no-repeat;
		transform: scaleX(-1);
		opacity: 0.7;
		pointer-events: none;
	}

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title,
	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-title a { font-size: 48px; }

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-description { font-size: 20px; }

	.ccl-widget.core-hero-image.hero-image .slides .slide .banner-content { padding: 10px 40px 63px 69px; }
}

.contentRender_name_plugins_common_interactive_map {
	margin-top: -0;
}

.ccl-widget.core-hero-image.hero-image .slides .slide .credits {
	font-style: italic;
	font-size: var(--text-sm);
}