.event-slider .item {
	width:93%;
	margin-right:16px;
}

.event-slider .item .title {
	line-height:0.9;
}

.event-slider .image {
    background: #ccc;
    aspect-ratio: 1 / 1.365;
}

.event-slider .flickity-button, .event-slider .flickity-page-dots {
    display: none;
}

.event-slider .flickity-viewport {
    overflow: visible;
}

.event-slider .item .text {
    position: absolute;
	z-index:2;
    left: 30px;
    bottom: 30px;
    right: 30px;
}

.event-slider .item .meta {
	font-size:12px;
	text-transform:uppercase;
	font-size:16px;
}

.event-slider .item .meta p {
	margin:0;
}

.event-slider-section .section-header .h6 { margin-bottom:10px; }
.event-slider-section .section-header .h2 { line-height:0.85; }

.event-slider .item .image {
	overflow:hidden;
	position:relative;
}

.event-slider .item .image:before {
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(to top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%);
}


@media(max-width:1023px) {
	.event-slider .item {
		max-width:580px;
	}
}

@media(min-width:1024px) {
	
	.event-slider .image {
	    aspect-ratio: 1 / 1.008;
	}
	
	.event-slider-section .event-slider-mask {
		margin-left:25%;
		margin-right:calc(var(--gutter-lg) * -1);
		padding-right:var(--gutter-lg);
		overflow:hidden;
	}
	
	.event-slider .item {
		width:calc(50% - 25px);
		margin-right:50px;
	}
	
	.event-slider .item .meta {
		display:flex;
		gap:30px;
	}
	
	.event-slider-section .section-header {
		position:absolute;
		left:0;
		top:0;
		bottom:0;
		width:25%;
		padding-right:30px;
		display:flex;
		align-items:center;
	}
	
	.event-slider .item .text .btn {
		color:var(--color-black-off);
		background:#fff;
	}
	
	.event-slider .item .text .btn:hover {
		color:#fff;
		background:var(--color-black-off);
	}
}

@media(min-width:1460px) {
	
	.event-slider-section .event-slider-mask {
		margin-left:25%;
		margin-right:calc(var(--gutter-xlg) * -1);
		padding-right:var(--gutter-xlg);
	}

}

@media(min-width:1920px) {
	
	.event-slider-section .event-slider-mask {
		margin-left:25%;
		margin-right:calc(((100vw - 1720px) / 2) * -1);
		padding-right: calc((100vw - 1720px) / 2);
	}

}