/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Slider Preview 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-preview-slider {
	padding-bottom: var(--space-12);
}

.core-preview-slider .widget-header { margin-bottom: 0;}
.core-preview-slider .widget-header-inner {
	justify-content: center;
	flex-direction: column;
}
.core-preview-slider .widget-title {
	color: var(--gray-rgb);
	font-size: 50px;
	font-weight: 900;
	line-height: var(--leading-none);
	text-align: center;
}
.core-preview-slider .widget-title.subtitle {
	color: var(--gray-600);
	font-family: var(--font-contrast);
	font-size: 20px;
	font-weight: 400;
	margin-bottom: var(--space-4);
	text-align: center;
}
.core-preview-slider a.widget-view-all {
	background: none;
	color: var(--gray-900);
	font-size: var(--text-smish);
	font-weight: bold;
	text-decoration: underline;
	line-height: var(--leading-snug);
}
.core-preview-slider a.widget-view-all .fas {
	vertical-align: middle;
	color: var(--primary-color-900);
}
.core-preview-slider .arrow-cont {
	top: 100%;
	height: 30%;
	width: 100%;
}

.core-preview-slider .arrow-cont > .inner {
	display: flex;
	justify-content: center;
}

.core-preview-slider .arrow-cont .custom-arrow {
	position: relative;
	width: 56px;
	height: 56px;
	font-size: var(--text-base);
	border: none;
	opacity: 100;
	box-shadow: none;
	display: inline-block;
	margin: 0 6px;
	top: unset;
	transform: unset;
}
.core-preview-slider .arrow-cont .custom-arrow.prev { left: unset; }
.core-preview-slider .arrow-cont .custom-arrow.next { right: unset; }
.core-preview-slider .slider-cont { z-index: 2;}
.core-preview-slider .slide {
	padding: 0 var(--space-1);
}
.core-preview-slider .slide .img-cont {
	background-color: var(--gray-400);
	border-radius: var(--rounded-xl);
}
.core-preview-slider .slide .inner img {
	padding: var(--space-1);
	border-radius: var(--rounded-xl)
}
.core-preview-slider .slide .slide-title {
	color: var(--gray-900);
	font-size: var(--text-base);
	text-align: center;
}
.core-preview-slider .slide .details,
.core-preview-slider .slide .description,
.core-preview-slider .slide .slide-footer {display: none;}
.core-preview-slider .mini-date-section {
	top: var(--space-1);
	left: var(--space-1);
	border-radius: var(--rounded-lg) 0 0 0;
}
.core-preview-slider .shared-play-button {
	top: 40%;
}

@media (min-width: 40em) {
	.core-preview-slider { margin-bottom: var(--space-20);}
	.core-preview-slider .slide { padding: 0 var(--space-3);}
	.core-preview-slider .arrow-cont {
		top: 100%;
		height: 30%;
		width: calc(100% - 120px);
	}

	.core-preview-slider .slide .slide-title {
		font-size: var(--text-xl);
		text-align: left;
	}
	.core-preview-slider a.widget-view-all { font-size: var(--text-base);}
}