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

.core-v2-featured-events {
	position: relative;
	margin-bottom: var(--space-20);
}

.core-v2-featured-events .widget-inner {
	position: relative;
	padding-top: 77px;
	padding-bottom: 70px;
	margin-top: var(--space-24);
}

.core-v2-featured-events.no-logo .widget-inner {
	margin-top: 0;
}

.core-v2-featured-events .widget-inner::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	background: var(--blue-navy);
	clip-path: polygon(calc(0% + 90px) 0, 100% 0, 100% calc(100% - 70px), calc(100% - 90px) 100%, 0 100%, 0 calc(0% + 70px));
	pointer-events: none;
}

.core-v2-featured-events .starburst {
	position: absolute;
	z-index: -2;
	width: 100%;
	max-width: 306px;
	top: -96px;
	left: -80px;
	pointer-events: none;
}

.core-v2-featured-events .a2 {
	width: 100%;
	max-width: 146px;
	position: absolute;
	top: -30px;
	left: 10px;
	pointer-events: none;
}

.core-v2-featured-events .widget-title {
	font-size: 4.0625rem;
	font-weight: 700;
	line-height: var(--leading-none);
	letter-spacing: 0.06em;
	color: var(--white);
	text-transform: uppercase;
}

.core-v2-featured-events .view-all-col {
	margin-top: var(--space-4);
}

.core-v2-featured-events .widget-view-all::after {
	background-color: var(--white);
}

/*============================*/
/*=====----- SLIDES -----=====*/
/*============================*/

.core-v2-featured-events .slides {
	width: 100%;
	max-width: 1322px;
	display: grid;
	grid-template: auto / minmax(0, 1fr);
	gap: var(--space-8);
	padding: 0;
	margin: 0 auto;
}

.core-v2-featured-events .slide {
	padding: 0 var(--space-5);
	overflow: hidden;
}

.core-v2-featured-events .slide,
.core-v2-featured-events .img-cont,
.core-v2-featured-events .slide-img {
	position: relative;
	z-index: 1;
}

.core-v2-featured-events .slide .mini-date-section::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	z-index: -1;
	height: calc(100% + 6px);
	width: calc(100% + 6px);
	background: var(--lime);
	pointer-events: none;
	clip-path: polygon(8px 100%, 0 calc(100% - 8px), 0% 0%, calc(100% - 8px) 0%, 100% 8px, 100% 100%);
	opacity: 0;
}

.core-v2-featured-events .shared-play-button {
	inset: 16px 16px auto auto;
	transform: none;
}

.core-v2-featured-events .slide .info-flag,
.core-v2-featured-events .slide .slide-title {
	color: var(--white);
}

.core-v2-featured-events .slide .slide-title a,
.core-v2-featured-events .slide .details a {
	text-decoration: underline transparent;
	text-underline-offset: 2px;
	transition: 0s ease-in-out text-decoration;
}

.core-v2-featured-events .slide .city {
	width: fit-content;
	display: inline-block;
	font-family: var(--font-display);
	font-size: var(--text-sm);
	line-height: var(--leading-none);
	letter-spacing: var(--tracking-wide);
	color: var(--white);
	text-transform: uppercase;
	padding: var(--space-px) var(--space-1);
	border: 2px solid var(--blue-light);
}

.core-v2-featured-events .slide .details i {
	color: var(--yellow);
	font-size: var(--text-sm);
}

.core-v2-featured-events .slide .details,
.core-v2-featured-events .slide .details li,
.core-v2-featured-events .slide .details a {
	font-family: var(--font-body);
	font-size: var(--text-sm);
	line-height: var(--leading-normal);
	color: var(--white);
}

/*----- minor slide -----*/
.core-v2-featured-events .slide.minor {
	padding-left: 26px;
}

.core-v2-featured-events .slide.minor > .inner {
	display: grid;
	grid-template: auto / minmax(0, 0.84fr) minmax(0, 1fr);
	gap: var(--space-5);
	align-items: center;
}

.core-v2-featured-events .slide.minor .slide-title {
	font-family: var(--font-display);
	font-size: 1.0625rem;
	line-height: 1.29;
	margin-bottom: 2px;
}

.core-v2-featured-events .slide.minor .slide-title a {
	text-decoration: 1px underline transparent;
	transition: 0s ease-in-out text-decoration;
}

.core-v2-featured-events .slide.minor .content-upper {
	gap: var(--space-2);
}

.core-v2-featured-events .slide.minor .details a {
	gap: var(--space-1);
}

.core-v2-featured-events .slide.minor .mini-date-section {
	--month-size: var(--text-xs);
	--day-size: 1.625rem;

	height: 52px;
	width: 52px;
	top: 5px;
	left: -6px;
}

.core-v2-featured-events .slide.minor .shared-play-button {
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%);
}

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

.core-v2-featured-events .slide.promoted .content-section {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	padding: var(--space-3) var(--space-5);
	color: var(--white);
	pointer-events: none;
}

.core-v2-featured-events .slide.promoted .content-upper {
	gap: var(--space-2);
}

.core-v2-featured-events .slide.promoted .content-section a {
	pointer-events: all;
}

.core-v2-featured-events .slide.promoted .info-flag {
	color: var(--sw-light-icon-color);
}

.core-v2-featured-events .slide.promoted .slide-title {
	font-family: var(--font-brice);
	font-size: var(--text-xl);
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: var(--space-1);
}

.core-v2-featured-events .slide.promoted .details i {
	color: var(--yellow);
	font-size: var(--text-sm);
}

.core-v2-featured-events .slide.promoted .details,
.core-v2-featured-events .slide.promoted .details li,
.core-v2-featured-events .slide.promoted .details a {
	font-family: var(--font-body);
	font-size: var(--text-sm);
	line-height: var(--leading-normal);
	color: var(--white);
}

.core-v2-featured-events .slide.promoted .details a {
	text-decoration: 1px underline transparent;
	transition: 0.2s ease-in-out text-decoration;
}

.core-v2-featured-events .slide.promoted .mini-date-section {
	--month-size: var(--text-sm);
	--day-size: 1.9375rem;

	height: 64px;
	width: 64px;
	top: var(--space-2);
	left: -10px;
}

.core-v2-featured-events .slide.promoted .mini-date-section .date-month {
	margin-bottom: 2px;
}

.core-v2-featured-events .slide.promoted .img-cont::before {
	display: block;
	background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*===================================*/
/*=====----- MEDIA QUERIES -----=====*/
/*===================================*/

@media (hover: hover) {
	.core-v2-featured-events .widget-view-all:hover {
		box-shadow: inset 0 0 0px 2px var(--white);
	}

	.core-v2-featured-events .slide:hover .slide-title a {
		color: var(--white);
		text-decoration: underline var(--white);
	}

	.core-v2-featured-events .slide .slide-title a:hover,
	.core-v2-featured-events .slide .details a:hover,
	.core-v2-featured-events .slide.promoted .details a:hover {
		color: var(--white);
		text-decoration: underline var(--white);
	}

	.core-v2-featured-events .slide:hover .mini-date-section {
		clip-path: unset;
		background: transparent;
	}

	.core-v2-featured-events .slide:hover .mini-date-section::after {
		opacity: 1;
	}
}

@media (min-width: 40em) {
	.core-v2-featured-events .slide .details,
	.core-v2-featured-events .slide .details li,
	.core-v2-featured-events .slide .details a {
		font-size: var(--text-base);
		line-height: var(--leading-tight);
	}

	/*----- minor slide -----*/
	.core-v2-featured-events .slide.minor .slide-title {
		font-size: 1.625rem;
	}

	.core-v2-featured-events .slide.minor .details {
		padding-top: 6px;
	}

	.core-v2-featured-events .slide.minor .mini-date-section {
		--month-size: var(--text-lg);
		--day-size: 2.375rem;
	
		height: 68px;
		width: 68px;
		top: var(--space-2);
		left: -10px;
	}

	/*----- promoted slide -----*/
	.core-v2-featured-events .slide.promoted .content-section {
		padding: 44px 34px;
	}

	.core-v2-featured-events .slide.promoted .slide-title {
		font-size: 2rem;
	}

	.core-v2-featured-events .slide.promoted .details {
		padding-top: 10px;
	}

	.core-v2-featured-events .slide.promoted .details,
	.core-v2-featured-events .slide.promoted .details li,
	.core-v2-featured-events .slide.promoted .details a {
		font-size: var(--text-base);
		line-height: var(--leading-tight);
	}

	.core-v2-featured-events .slide.promoted .mini-date-section {
		--month-size: 1.625rem;
		--day-size: 3.5rem;
	
		height: 110px;
		width: 110px;
		top: var(--space-4);
		left: -15px;
	}

	.core-v2-featured-events .slide.promoted .mini-date-section .date-month {
		margin-bottom: 0;
	}
}

@media (min-width: 64em) {
	.core-v2-featured-events {
		position: relative;
		margin-bottom: 140px;
	}

	.core-v2-featured-events .widget-inner {
		padding-top: var(--space-6);
		padding-bottom: var(--space-6);
		margin-top: 207px;
	}

	.core-v2-featured-events .starburst {
		max-width: 592px;
		top: -207px;
		left: -139px;
	}
	
	.core-v2-featured-events .a2 {
		max-width: 215px;
		top: -24px;
		left: 50px;
	}

	.core-v2-featured-events .slides {
		grid-template: auto / minmax(0, 1fr) minmax(0, 0.96fr);
		grid-auto-flow: dense;
		gap: 34px 71px;
		padding: 0 var(--space-5);
	}

	.core-v2-featured-events .img-cont,
	.core-v2-featured-events .slide-img {
		height: 100%;
	}

	.core-v2-featured-events .slide-img {
		object-fit: cover;
	}

	/*----- "view all" in header -----*/
	.core-v2-featured-events.view-all-in-header .widget-inner {
		display: block;
	}

	.core-v2-featured-events.view-all-in-header .widget-header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		gap: var(--space-5) var(--space-8);
		width: calc(100% - var(--space-10));
		max-width: 1285px;
		padding-left: 240px;
		padding-bottom: 0;
		margin: 0 auto 85px;
	}

	.core-v2-featured-events.view-all-in-header .widget-header .title-col,
	.core-v2-featured-events.view-all-in-header .widget-header .view-all-col {
		width: auto;
		margin: 0;
	}

	.core-v2-featured-events.view-all-in-header .widget-header .title-col {
		max-width: var(--width-comfortable);
		border-bottom: none;
	}

	.core-v2-featured-events.view-all-in-header .widget-title {
		font-size: 8.125rem;
	}

	.core-v2-featured-events.view-all-in-header .view-all-col {
		display: block;
		max-width: none;
	}

	/*----- minor slide -----*/
	.core-v2-featured-events .slide.minor {
		padding-right: 0;
		padding-left: 16px
	}

	.core-v2-featured-events .slide.minor > .inner {
		grid-template: auto / minmax(0, 0.595fr) minmax(0, 1fr);
		gap: var(--space-8);
	}

	/*----- promoted slide -----*/
	.core-v2-featured-events .slide.promoted {
		grid-column: span 1;
		grid-row: span 4;
		padding-right: 0;
		padding-left: 21px;
	}
}

@media (min-width: 90em) {
	.core-v2-featured-events .widget-inner {
		padding-bottom: 0;
	}

	.core-v2-featured-events .widget-inner::before {
		height: calc(100% - 54px);
		clip-path: polygon(calc(0% + 85px) 0, 100% 0, 100% calc(100% - 120px), calc(100% - 150px) 100%, 0 100%, 0 calc(0% + 65px));
	}
}