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

.ccl-widget.date-list.core-date-list{
	color: var(--brown);
}

.ccl-widget.date-list.core-date-list .slides .date .month,
.ccl-widget.date-list.core-date-list .slides .date .day,
.ccl-widget.date-list.core-date-list .slides .slide .slide-title  {
	color: inherit;
    font-family: var(--font-heading);
}
.ccl-widget.date-list.core-date-list .slides .date-cont {
	padding-top: 2px
}
.ccl-widget.date-list.core-date-list .slides .date {
    display: flex;
    flex-direction: column;
    justify-content: center;
	width: 70px;
	height: 70px;
    text-align: center;
    background-color: var(--yellow);
    border-radius: 50%;
    padding: 0;
}

.ccl-widget.date-list.core-date-list .slides .date .month {
	font-size: 8.85px;
	font-weight: 900;
}

.ccl-widget.date-list.core-date-list .slides .date .day {
	font-size: 42.97px;
	line-height: 0.75em;
	font-weight: 900;
}

.ccl-widget.date-list.core-date-list .slides .content-section {
	padding: 0 10px;
}

.ccl-widget.date-list.core-date-list .slides .content-section > .inner {
	place-content: center;
}

.ccl-widget.date-list.core-date-list .slides .slide .slide-title,
.ccl-widget.date-list.core-date-list .slides .slide .slide-title a {
	font-size: 19px;
	line-height: 1.2em;
	margin-bottom: 4px;
}
.ccl-widget.date-list.core-date-list .slides .slide .slide-title a:hover  {
	color: inherit;
}

.ccl-widget.date-list.core-date-list .slide .details span,
.ccl-widget.date-list.core-date-list .slide .details a{
	font-weight: 600;
    --text-color: var(--brown);
    font-size: 13px;
}

.ccl-widget.date-list.core-date-list .details li.has-link > a {
	gap: 5px;
}

.ccl-widget.date-list.core-date-list .slide .details i {
	color: var(--orange);
}


@media (min-width: 64em) {
	.ccl-widget.date-list.core-date-list .slides > * {
	    flex: 1 1 33%;
	    margin-bottom: var(--space-4);
	}
	.ccl-widget.date-list.core-date-list .slides .date {
		width: 109px;
		height: 109px;
		padding-bottom: 10px;
	}
  	.ccl-widget.date-list.core-date-list .slides .date .month {
  		font-size: 14.01px;
  	}

	.ccl-widget.date-list.core-date-list .slides .date .day {
		font-size: 68.06px;
	}

	.ccl-widget.date-list.core-date-list .slides .content-section {
	    padding: 0 10px 0 14px;
	}
	
	.ccl-widget.date-list.core-date-list .slides .slide .slide-title,
	.ccl-widget.date-list.core-date-list .slides .slide .slide-title a {
		font-size: 26.02px;
	}

	.ccl-widget.date-list.core-date-list .slide .details span {
		font-size: 15.01px;
	}
}