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

/*===================================*/
/*====----- STANDARD SLIDER -----====*/
/*===================================*/

.core-slider:not([data-width="full"]) {
	padding-left: var(--space-4);
	padding-right: var(--space-4);
}

.core-slider .mini-date-section,
.core-slider .arrow-cont .button::before,
.core-slider .slide .details {
	display: none;
}

.core-slider .img-cont {
	position: relative;
}

.core-slider .slide .slide-title > a {
	color: inherit !important;
	text-decoration: none !important;
}

.core-slider .simple-header {
	margin-bottom: var(--space-4);
}

.core-slider .arrow-cont {
	top: 30vw;
	left: -10px;
	right: -10px;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	height: auto;
	width: auto;
}

.core-slider .slide .slide-top,
.core-slider .slide .content-section {
	display: block;
}

.core-slider .slide .content-section {
	padding: var(--space-4) 0;
	color: var(--black);
}

.core-slider .slide .content-section > .inner {
	gap: 10px;
}

.core-slider .slide .slide-title,
.core-slider .slide .description,
.core-slider .details li {
	color: inherit;
}

.core-slider .slide .slide-title {
	font-weight: var(--font-weight-bold);
	font-size: var(--text-lg);
	line-height: 1.11;
	text-transform: uppercase;
}

.core-slider .slide .description {
	font-weight: var(--font-weight-book);
	font-size: var(--text-base);
	line-height: var(--leading-snug);
}

.core-slider .details li,
.core-slider .details li a {
	font-weight: var(--font-weight-regular);
	font-size: var(--text-base);
	line-height: var(--leading-snug);
	color: var(--black);
	text-decoration: none;
}

.core-slider .details li .icon {
	color: var(--redder);
	font-size: 1.1em;
}

.core-slider > .button-wrapper {
	padding-top: 6px;
}

@media (min-width: 40em) {
	.core-slider[data-multi-slides="true"] .simple-header {
		padding: 0 var(--space-3);
	}

	.core-slider .arrow-cont {
		top: 16vw;
	}
}

@media (min-width: 64em) {
	.core-slider .arrow-cont {
		top: 12vw;
	}

	.core-slider .details li,
	.core-slider .details li a {
		font-size: 1.0625rem;
		line-height: 1.294;
	}
}

@media (min-width: 1200px) {
	.core-slider .arrow-cont {
		top: 136px;
	}
}

@media (min-width: 90em) {
	.core-slider .simple-header {
		margin-bottom: var(--space-10);
	}

	.core-slider .arrow-cont {
		left: -40px;
		right: -40px;
	}

	.core-slider > .button-wrapper {
		padding-top: var(--space-8);
	}

	.core-slider .slide .content-section {
		padding: var(--space-3) 0;
	}

	.core-slider .slide .content-section > .inner {
		gap: var(--space-2);
	}

	.core-slider .slide .description {
		font-size: 1.0625rem;
		line-height: 1.294;
	}
}

/*================================*/
/*====----- DATE SLIDER -----====*/
/*================================*/

.date-slider {
    --slide-padding: 6px;
}

.date-slider,
.date-slider:not([data-width="full"]) {
    padding-top: var(--space-3);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
    margin-bottom: var(--space-3);
}

.date-slider .simple-header,
.date-slider[data-multi-slides="true"] .simple-header {
    margin-bottom: var(--space-5);
    padding: 0 var(--slide-padding);
}

.date-slider .simple-header .widget-title {
    font-size: 2.5rem;
    line-height: .875;
    letter-spacing: .02rem;
}

.date-slider .arrow-cont {
    top: 32vw;
    left: -2px;
    right: -2px;
}

.date-slider .slide,
.date-slider[data-multi-slides="true"] .slide {
	padding: 0 var(--slide-padding);
}

.date-slider .mini-date-section {
    display: flex;
}

.date-slider .slide .content-section > .inner {
    display: block;
}

.date-slider .slide .content-section {
    padding: 10px 0;
}

.date-slider .slide .slide-title {
    text-transform: none;
    font-size: var(--text-lg);
    line-height: 1.22;
}

.date-slider .slide .details {
    display: grid;
    margin-top: var(--space-2);
}

.date-slider .slide .description {
    display: none;
}

@media (min-width: 40em) {
    .date-slider .arrow-cont {
        top: 16vw;
    }
}

@media (min-width: 64em) {
    .date-slider .arrow-cont {
        top: 12vw;
    }

    .date-slider,
    .date-slider:not([data-width="full"]) {
        padding-top: 30px;
        margin-bottom: 36px;
    }
}

@media (min-width: 1200px) {
    .date-slider .arrow-cont {
        top: 136px;
    }
}

@media (min-width: 90em) {
    .date-slider .simple-header {
        margin-bottom: 46px;
    }

    .date-slider .simple-header .widget-title {
        font-size: 3.125rem;
    }

    .date-slider .arrow-cont {
        left: -40px;
        right: -40px;
    }
}

/* Meeting & Groups Theme - Shared */
.meetings .core-slider,
.groups .core-slider {
	padding-top: 40px;
	padding-bottom: 45px;
}

.meetings .core-slider .simple-header .widget-title,
.groups .core-slider .simple-header .widget-title {
	color: var(--white);
}

.meetings .core-slider .slide .slide-title,
.meetings .core-slider .slide p,
.groups .core-slider .slide .slide-title,
.groups .core-slider .slide p {
	color: var(--white);
}

.meetings .core-slider .arrow-cont button,
.groups .core-slider .arrow-cont button {
	background-color: var(--black);
}

.meetings .core-slider .button.solid-red::before,
.groups .core-slider .button.solid-red::before {
	background-color: var(--black);
}

.meetings .core-slider .button.solid-red:hover,
.groups .core-slider .button.solid-red:hover {
	color: var(--black);
}

@media (min-width: 64em) {
	.meetings .core-slider,
	.groups .core-slider {
		padding-bottom: 60px;
	}

	.meetings .core-slider[data-multi-slides="true"] .slide,
	.groups .core-slider[data-multi-slides="true"] .slide {
		padding: 0 5px;
	}

	.meetings .core-slider > .button-wrapper,
	.groups .core-slider > .button-wrapper {
		padding-top: 20px;
	}
}

@media (max-width: 640px) {
	.meetings .core-slider,
	.groups .core-slider {
		padding-top: 25px;
		padding-bottom: 25px;
	}	
}

/* Meetings Theme */
.meetings .contentRender_name_plugins_collections_template_custom_core_slider_3_across {
	background-color: var(--meetings-seaweed);
}

@media (min-width: 64em) {
	.meetings .core-slider {
		padding-top: 80px;
	}
}	

/* Groups Theme */
.groups .contentRender_name_plugins_collections_template_custom_core_slider_3_across {
	background-color: var(--seaweed);
}

@media (min-width: 64em) {
	.groups .core-slider {
		padding-top: 50px;
	}
}