/*
	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.
*/

.core-v2-hero-image .img-cont::before {
	display: block;
}

.core-v2-hero-image.hide-content .img-cont::before {
	display: none;
}

.core-v2-hero-image .slide-top .img-cont {
	border-radius: 0 0 35px 35px;
}

.core-v2-hero-image .content-section {
	background: var(--white);
	border-radius: 25px 25px 0 0;

	.content-upper {
		.slide-title {
			font-size: var(--text-xl);
			line-height: var(--leading-tight);
			color: var(--black);
	
			> a {
				display: flex;
				flex-wrap: wrap;
				flex-direction: row-reverse;
				justify-content: flex-end;
				align-items: center;
				gap: var(--space-5);
				
				.info-flag {
					margin: 0;
					font-size: var(--text-xl);
					line-height: var(--leading-tight);
					color: var(--black);
				}
			}
		}
	
		.slide-desc {
			font-weight: normal;
			font-size: var(--text-base);
		}
	}

	@media (width >= 40em) {
		.content-upper {
			.slide-title {
				font-size: var(--text-2xl);

				> a .info-flag {
					font-size: var(--text-2xl);
				}
			}
		}
	}
}

.core-v2-hero-image .read-more {
	font-weight: var(--font-weight-bold, 700);
	color: var(--sw-collections-text-color-light);
}

@media (hover: hover) {
	.core-v2-hero-image.animation-expand .slide:hover .slide-img {
		scale: 1.02;
	}
}
.core-v2-hero-image .shared-play-button {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}