/*
	README

	Modify this file as much or as little as needed.
*/

/*==============================*/
/*=====----- TEMPLATE -----=====*/
/*==============================*/

.core-featured-events.featured-events {
	--slide-title-size: var(--text-base);
	--slide-desc-size: var(--text-sm);
	--date-picker-button-background-color: var(--sw-button-primary-bg);
	--date-picker-button-color: var(--sw-button-primary-color);
	max-width: 1440px;
	padding: unset;

	-webkit-font-smoothing: subpixel-antialiased !important; 
    text-rendering:optimizeLegibility !important;
}
.core-featured-events.featured-events .widget-header {
	margin: unset;
    position: relative;
    z-index: 1;
    margin-bottom: -6px;
    padding: 0 var(--space-5);
}
.core-featured-events.featured-events .widget-title {
	line-height: 0.9;
}
.core-featured-events.featured-events .view-all-row { 
	display: flex;
	justify-content: right;
	padding: var(--space-5);
}
.core-featured-events.featured-events .widget-view-all {
	font-family: var(--font-body);
	font-weight: bold;
	color: var(--teal);
	font-size: var(--text-base-1);
	letter-spacing: var(--tracking-widest);
}

.core-featured-events.featured-events .widget-view-all::after {
	height: 13px;
    width: 19px;
    background-size: cover;
}

/*============================*/
/*=====----- SLIDES -----=====*/
/*============================*/
.core-featured-events.featured-events .slides {
	gap: var(--space-10);
}

.core-featured-events.featured-events .slide .slide-title {
	font-size: var(--slide-title-size);
	line-height: 1.2;
}

.core-featured-events.featured-events .slide .details li a {
    font-size: var(--text-sm);
	margin: unset;
}

.core-featured-events.featured-events .slide .slide-desc {
	font-size: var(--slide-desc-size);
}

/*----- minor slide -----*/
.core-featured-events .slide.minor {
	margin-bottom: var(--space-8);
}
.core-featured-events .slide.minor.has-date { 
	gap: 22px;
    grid-template-columns: auto 1fr;
}
.core-featured-events.featured-events .minor-slides > .inner {
	position: relative;
	background-color: var(--light-tan);
	padding: var(--space-10) var(--space-5) var(--space-6);
	overflow: hidden;
}

.core-featured-events.featured-events .minor-slides > .inner::after {
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 187px;
    height: 375px;
    opacity: 0.2;
    background-image: url(/includes/public/assets/shared/featured_events_background.png);
    background-size: cover;
	
}

.core-featured-events.featured-events .slide.minor .category,
.core-featured-events.featured-events .slide.minor .details {
	font-size: var(--text-xs);
}

.core-featured-events.featured-events .slide.minor .category {
	line-height: 1.2;
}

.core-featured-events.featured-events .slide.minor .mini-date-section {
	--month-size: var(--text-xs);
	--day-size: var(--text-2xl);
	color: var(--black);
	justify-content: flex-start;
	margin-left: -10px;
}

.core-featured-events.featured-events .slide.minor .slide-title {
	font-family: var(--font-body);
	font-size: var(--text-lg);
	font-weight: 600;
	margin-bottom: var(--space-2-10);
	text-transform: none;
}

.core-featured-events.featured-events .slide.minor.item-1 .mini-date-section  { color: var(--dark-blue); }
.core-featured-events.featured-events .slide.minor.item-2 .mini-date-section  { color: #314685; }
.core-featured-events.featured-events .slide.minor.item-3 .mini-date-section  { color: var(--teal); }

.core-featured-events.featured-events .slide.minor .mini-date-section .date-month { 
	color: var(--white); 
    padding: 9px 15.25px 7px;
	text-transform: lowercase;
    margin-bottom: 0;
}

.core-featured-events.featured-events .slide.minor .mini-date-section .date-day { 
	color: inherit;
	font-size: 3.625rem;
}

.core-featured-events.featured-events .slide.minor.item-1 .mini-date-section .date-month { background: var(--dark-blue); }
.core-featured-events.featured-events .slide.minor.item-2 .mini-date-section .date-month { background: #314685; }
.core-featured-events.featured-events .slide.minor.item-3 .mini-date-section .date-month { background: var(--teal); }


/*----- promoted slide -----*/

.core-featured-events.featured-events .slide.promoted .img-cont::before {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0));
	content: '';
	pointer-events: none;
}

.core-featured-events.featured-events .slide.promoted .content-section {
	position: relative;
    max-width: 80%;
    margin-top: -122px;
    padding: var(--space-4) 19px;
}
.core-featured-events.featured-events .slide.promoted .mini-date-section {
	position: relative;
    height: 106px;
    justify-content: flex-start;
    margin-left: -15px;
	margin-bottom: 29px;
}

.core-featured-events.featured-events .slide.promoted .mini-date-section .date-month {
	font-size: var(--text-lg);
	padding: 10px 19.5px 8px;
    margin-right: -3px;
	text-transform: lowercase;
	text-align: center;
}

.core-featured-events.featured-events .slide.promoted .mini-date-section .date-day {
	font-size: var(--text-8xl);
}

.core-featured-events.featured-events .slide.promoted .content-section .inner {
	background-color: var(--white);
}

.core-featured-events.featured-events .slide.promoted .slide-title,
.core-featured-events.featured-events .slide.promoted .details,
.core-featured-events.featured-events .slide.promoted .details li a,
.core-featured-events.featured-events .slide.promoted .slide-desc {
	color: inherit;
}

.core-featured-events.featured-events .slide.promoted .category {
	font-size: var(--text-base);
	text-transform: uppercase;
	color: var(--teal);
	font-weight: 600;
	line-height: var(--leading-none);
	margin-bottom: 5px;
}

.core-featured-events.featured-events .slide.promoted .slide-title {
	font-family: var(--font-display);
	text-transform: lowercase;
	font-size: 2.125rem;
	color: var(--dark-blue);
	letter-spacing: 0.0019rem;
	font-weight: 100;
	margin-bottom: 12px;
}

.core-featured-events.featured-events .slide.promoted .details {
	--icon-color: var(--white);
}

.core-featured-events.featured-events .slide.promoted .details li a {
	text-decoration: underline;
}

.core-featured-events.featured-events .slide .details li .icon {
	font-size: var(--text-lg);
	margin-right: var(--space-3);
}
.core-featured-events.featured-events .slide.promoted .details li .icon,
.core-featured-events.featured-events .slide.promoted .details li .icon::before {
	display: inline-block;
	text-decoration: none;
}

.core-featured-events.featured-events .slide.promoted .slide-footer {
	margin: unset;
}
.core-featured-events.featured-events .slide.promoted .read-more {
	background-color: var(--teal);
	border-radius: var(--rounded-full);
	color: var(--white);
	font-size: var(--text-xs);
	padding: 11.5px 20px 7.5px;
	margin: unset;
}

.core-featured-events.featured-events .slide.promoted .read-more::after {
	content: none;
}
/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@media (hover: hover) {
	/*----- promoted slide -----*/

	.core-featured-events.featured-events .slide.promoted .slide-title a:hover,
	.core-featured-events.featured-events .slide .details li a:hover  {
		color: inherit;
		text-decoration: none;
	}
}

@media (min-width: 40em) {
	.core-featured-events.featured-events .slides {
		gap: 0;
	}
	/*----- promoted slide -----*/

	.core-featured-events.featured-events .slide.promoted .content-section {
		position: absolute;
		top: unset;
		padding: unset;
		bottom: 30px;
		margin-top: unset;
		max-width: 80%;
	}
	.core-featured-events.featured-events .slide.promoted .slide-title {
		font-size: 1.75rem;
	}

	.core-featured-events.featured-events .slide.promoted .content-section .inner {
		padding: 32px 30px;
	}

	.core-featured-events.featured-events .slide.promoted .mini-date-section {
		margin-bottom: 10px;
		margin-left: -6px;
	}
	/*----- minor slide -----*/

	.core-featured-events.featured-events .slide.minor .mini-date-section {
		--month-size: 0.65rem;
		--day-size: var(--text-xl);
	}

	.core-featured-events.featured-events .promoted-container {
		grid-column: span 1;
		grid-row: span 4;
	}
	.core-featured-events.featured-events .minor-slides{
		grid-row: span 4;
	}
}

@media (min-width: 64em) {
	.core-featured-events.featured-events {
		--slide-title-size: var(--text-xl);
		--promoted-slide-title-size: var(--text-3xl);
		--slide-desc-size: var(--text-base);
		max-width: 1440px;
	}

	.core-featured-events.featured-events .widget-header {
		padding: 0px var(--space-8) 0 var(--space-16);
		margin-bottom: -5px;
		
	}

	.core-featured-events.featured-events .widget-title {
		font-size: calc(80px + (100 - 80) * ((100vw - 1025px) / (1300 - 1025)));
	}

	.core-featured-events.featured-events .slides {
		grid-template: auto / minmax(0, 0.883fr) minmax(0, 1fr);
	}

	.core-featured-events.featured-events .minor-slides > .inner {
		padding: var(--space-24) calc(25px + (60 - 25) * ((100vw - 1025px) / (1440 - 1025))) var(--space-6);
	}

	.core-featured-events.featured-events .minor-slides > .inner::after {
		top: 35px;
		width: 275px;
		height: 604px;
	}

	/*----- minor slide -----*/
	.core-featured-events.featured-events .slide.minor {
		gap: calc(20px + (50 - 20) * ((100vw - 1025px) / (1300 - 1025)));
		margin-bottom: calc(50px + (72 - 50) * ((100vw - 1025px) / (1300 - 1025)));
	}

	.core-featured-events.featured-events .slide.minor .mini-date-section {
		--month-size: var(--text-base);
		--day-size: var(--text-3xl);

	}
	.core-featured-events.featured-events .slide.minor .mini-date-section .date-month {
		font-size: var(--text-2xl);
		margin-left: 3px;
		padding: 12px 15.25px 9px;
		min-width: 87px;
		text-align: center;
		margin-top: -6px;
	}
	.core-featured-events.featured-events .slide.minor .mini-date-section .date-day {
		font-size: var(--text-10xl);
	}

	.core-featured-events.featured-events .slide.minor .category,
	.core-featured-events.featured-events .slide.minor .details {
		font-size: var(--text-sm);
	}
	.core-featured-events.featured-events .slide .details li a {
		font-size: calc(15px + (18 - 15) * ((100vw - 1025px) / (1440 - 1025)));
	}

	.core-featured-events.featured-events .slide .details li .icon {
		font-size: calc(18px + (22 - 18) * ((100vw - 1025px) / (1300 - 1025)));
		margin-right: 4px;
	}
	
	.core-featured-events.featured-events .slide.minor .slide-title {
		font-size: calc(18px + (26 - 18) * ((100vw - 1025px) / (1300 - 1025)));
		margin-bottom: var(--space-4);
	}

	/*----- promoted slide -----*/
	.core-featured-events.featured-events .slide.promoted .content-section {
		max-width: 71%;
	}
	.core-featured-events.featured-events .slide.promoted .content-section .inner {
		background-color: var(--white);
		padding: 42px 40px;
	}
	.core-featured-events.featured-events .slide.promoted .category {
		font-size: var(--text-lg);
	}
	.core-featured-events.featured-events .slide.promoted .slide-title {
		font-size: var(--text-4xl);
	}
	.core-featured-events.featured-events .slide.promoted .mini-date-section {
		--month-size: var(--text-xl);
		--day-size: var(--text-5xl);
		margin-left: -6px;
	}

	.core-featured-events.featured-events .slide.promoted .mini-date-section .date-month {
		font-size: var(--text-2xl);
		margin-left: 3px;
		padding: 12px 15.25px 9px;
		min-width: 87px;
		text-align: center;
		margin-top: -6px;
	}

	.core-featured-events.featured-events .slide.promoted .mini-date-section .date-day {
		font-size: var(--text-10xl);
	}

	.core-featured-events.featured-events .slide.promoted .read-more {
		font-size: var(--text-sm);
		padding: 12.5px 20px 9.5px;
		transition: none;
	}

	/*----- marquee bottom -----*/

	.core-featured-events.featured-events.marquee-bottom {
		--slide-title-size: var(--text-lg);
	}

	.core-featured-events.featured-events.marquee-bottom .slide.minor .category,
	.core-featured-events.featured-events.marquee-bottom .slide.minor .details {
		font-size: var(--text-xs);
	}

	.core-featured-events.featured-events .view-all-row {
		padding: var(--space-8) var(--space-10);
	}
	.core-featured-events.featured-events .widget-view-all {
		font-size: var(--text-lg);
	}

	@media (hover: hover) {
		.core-featured-events.featured-events .slide.promoted .read-more:hover {
			background-color: var(--teal-hover);
		}
		.core-featured-events.featured-events .widget-view-all:hover {
			color: var(--teal-hover);
		}
	}
}

@media (min-width: 1300px) {
	.core-featured-events.featured-events .widget-title {
		font-size: var(--text-10xl);
	}
	.core-featured-events.featured-events .slides {
    	grid-template: auto / minmax(0, 675px) minmax(0, 1fr);
	}
	.core-featured-events.featured-events .slide.minor {
		gap: 50px;
		margin-bottom: 72px;
	}
	.core-featured-events.featured-events .slide.minor .slide-title {
		font-size: 1.625rem; 
	}
	.core-featured-events.featured-events .slide .details li a {
		font-size: var(--text-lg);
	}
	.core-featured-events.featured-events .slide .details li .icon {
		font-size: var(--text-xl-1);
		margin-right: var(--space-3);
	}
}

@media (min-width: 1440px) {
	.core-featured-events.featured-events .minor-slides > .inner {
		padding: var(--space-24) 60px var(--space-6);
	}
}

@media (min-width: 80em) {
	.core-featured-events.featured-events {
		--promoted-slide-title-size: var(--text-4xl);
	}
}