/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Date List 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-date-list {
	background: #32363f url(//res.cloudinary.com/simpleview/image/upload/v1621198557/clients/whitemountainsnh/bg-eventlist-mobile.jpg) bottom left no-repeat;
	height: 100%;
	min-height: 553px;
	background-size: cover;
	margin-bottom: var(--space-1);
    padding-top: var(--space-3);
	padding-bottom: var(--space-12);
	--color-display: var(--white);
	--color-accent: var(--white);
}
.core-date-list .widget-header-inner {
    flex-direction: column;
	padding-bottom: 0;
}
.core-date-list .widget-title {
	font-size: var(--text-6xl);
	color: var(--white);
	margin-right: 0;
}
.core-date-list .widget-view-all {
	background: none;
	color: var(--white);
	font-size: var(--text-smish);
	font-weight: bold;
	text-decoration: underline;
	line-height: var(--leading-snug);
	padding: 0;
}
.core-date-list .widget-view-all .fas { vertical-align: middle;}
.core-date-list .slides { margin-bottom: var(--space-5);}
.core-date-list .slides > * {
	flex: 1 1 280px;
    margin-bottom: var(--space-4);
}
.core-date-list .date {
	background-color: var(--primary-color-900);
	border-radius: var(--rounded-md);
	padding: var(--space-3);
}
.core-date-list .date .month { font-size: var(--text-xxs);}

.core-date-list .date .day {
	font-size: 3.3125rem;
	font-family: var(--font-contrast);
	line-height: var(--leading-none);
	margin-top: -7px;
	font-weight: 400;
}

.core-date-list .slide .content-section {
    display: grid;
    gap: var(--space-2);
    padding: var(--space-2);
	place-self: center;
}
.core-date-list .slide .content-section > .inner { gap: 0;}
.core-date-list .slide .slide-title {
	font-size: var(--text-lg);
	line-height: var(--leading-none);
}
.core-date-list .slide .details {
	color: var(--white);
	font-size: var(--text-smish);
	gap: 0;
}
.core-date-list .slide .slide-footer { display: none;}

.core-date-list .details li:not(.has-link),
.core-date-list .details li.has-link > a { gap: var(--space-1);}

.core-date-list .details li a {
	color: inherit;
	line-height: inherit;
}

.core-date-list .details li.has-dates {
	font-family: var(--font-contrast);
}

@media (min-width: 1182px) {
	.core-date-list {
		background-image: url(//res.cloudinary.com/simpleview/image/upload/v1621198557/clients/whitemountainsnh/bg-eventlist-desk.jpg);
		min-height: 502px;
		max-width: var(--width-fullscreen);
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 1fr;
		gap: 0px 0px;
		margin-bottom: var(--space-12);
	}
	.core-date-list .widget-header {
		grid-area: 1 / 1 / 2 / 2;
		place-self: center;
	}
	.core-date-list .widget-header-inner {
		justify-content: center;
		align-items: flex-start;
	}
	.core-date-list .slides {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: var(--space-10) 0;
		grid-area: 1 / 2 / 2 / 4;
		place-content: center start;
		margin-top: var(--space-24);
	}
	.core-date-list .widget-title { font-size: var(--text-8xl);}
	.core-date-list .widget-view-all { font-size: var(--text-base);}
	.core-date-list .slides > * { flex: 1 1 390px;}
	.core-date-list .date { padding: var(--space-6);}
	.core-date-list .date .month { font-size: var(--text-xs);}

	.core-date-list .date .day {
		font-size: 5.4375rem;
		margin-top: -12px;
	}

	.core-date-list .slide .content-section {
		gap: var(--space-2);
		padding: var(--space-5);
	}
	.core-date-list .slide .content-section > .inner { gap: var(--space-1);}
	.core-date-list .slide .slide-title { font-size: var(--text-2xl);}
	.core-date-list .slide .details {
		font-size: var(--text-base);
		gap: 2px;
	}
}