/*
	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-slider .img-cont::before {
	display: block;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.core-v2-slider .slide-title {
	font-size: var(--text-2xl);
}

.core-v2-slider .slide-desc {
	line-height: var(--leading-normal);
}

.core-v2-slider {
	.img-cont,
	.slide-img{
		border-radius: var(--space-3);
	}
	.content-section {
		padding-bottom: var(--space-1);
		gap: var(--space-5);
		.slide-title {
			font-weight: var(--font-weight-extrabold);
		}

		.info-item {
			line-height: var(--leading-normal);
			color: var(--gray-700);
		}
	}

	.slide-footer {
		.qv-btn {
			color: var(--purple);
			font-weight: var(--font-weight-semibold);
			font-family: var(--font-display);
			transform: translateX(0) scale(1);
			transition: transform 0.3s ease-in-out;

			&:hover {
				transform: translateX(10%) scale(1.05);
				color: var(--primary-color-800);

				i {
					color: var(--orange);
				}
			}
		}
	}

	.mini-date-section {
		border-radius: 12px 0;

		.date-month {
			font-family: var(--font-family-body);
			font-size: var(--text-sm);
			font-weight: var(--font-weight-semibold);
			line-height: var(--leading-none);
			text-transform: uppercase;
		}

		.date-day {
			font-family: var(--font-family-body);
			font-size: var(--text-3xl);
			font-weight: var(--font-weight-semibold);
			line-height: var(--leading-none);
		} 
	}
}