.event-date-list {
	--color-main: #ffffff;
	--color-secondary: #f28b00;
	--background-1: #212121;
	--background-2: radial-gradient(circle, #74c044 25%, #528B2E 100%);
	--background-3: radial-gradient(circle, #f28b00 25%, #AB6100 100%);
	--background-4: radial-gradient(circle, #19988b 25%, #126E64 100%);
	--background-5: radial-gradient(circle, #003daf 25%, #002B7C 100%);
	--background-6: radial-gradient(circle, #cf102d 25%, #950B20 100%);
	--border-horizontal-short: var(--border-featured-events-2);
	--border-horizontal-long: var(--border-featured-events-3);
	--border-vertical-long: var(--border-featured-events-1);
	position: relative;
	margin: 0 auto 30px;
	padding: 10px 0;
	overflow: hidden;
}

.event-date-list .inner {
	display: grid;
	position: relative;
	z-index: 1;
	grid-auto-rows: minmax(60vw, auto);
}

.event-date-list .inner .grid-item {
	position: relative;
	color: var(--color-main);
	font-family: 'Bevan';
	text-shadow: 0px 0px 5px rgba(0 0 0 / 30%);
}

.event-date-list .inner .grid-item.grid-heading h3 .title-line-1 {
	color: var(--color-secondary);
	font-family: 'closeone';
	font-size: 30px;
}

.event-date-list .grid-item.grid-heading .view-all-link {
	display: inline-flex;
	align-items: center;
	color: var(--color-main);
	font-family: 'closeone';
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
}

.event-date-list .grid-item.grid-heading .view-all-link:after {
	content: "";
	display: inline-block;
	margin-left: 10px;
	height: 25px;
	width: 25px;
	background-image: var(--yellow-arrow);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transform: translateX(0);
	transition: transform 0.5s;
	z-index: 10;
}

.event-date-list .grid-item.grid-heading .view-all-link:hover:after {
	transform: translateX(15px);
}

.event-date-list .inner .grid-item .grid-item-inner {
	position: relative;
	display: flex;
	align-items: center;
	padding: 50px 10px;
	height: 100%;
	width: 100%;
}

.event-date-list .grid-item .image-wrapper {
	flex: 0.1 1 33%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.event-date-list .grid-item .image-wrapper img {
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0px 0px 5px rgba(0 0 0 / 30%);
	max-width: 100%;
}

.event-date-list .grid-item .content-wrapper {
	flex: 2;
	padding: 0 20px;
}

.event-date-list .grid-item .content-wrapper a {
	color: var(--color-main);
	text-decoration: none;
}

.event-date-list .grid-item .content-wrapper .date {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 2px solid var(--color-main);
	letter-spacing: 1px;
}

.event-date-list .grid-item .content-wrapper .title {
	color: var(--color-main);
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 10px;
	text-decoration: none;
}

.event-date-list .grid-item .content-wrapper .location {
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}

.event-date-list .grid-item .content-wrapper .location > i {
	margin-right: 5px;
	color: #f3b423;
}

.event-date-list .inner .grid-item.grid-heading .grid-item-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.event-date-list .inner .grid-item .border {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.event-date-list .inner .grid-item.row-5 .border {
	display: none;
}

.event-date-list .border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
}

.event-date-list > .border .border-top {
    position: absolute;
    top: 0px;
    left: -1%;
    right: -1%;
}

.event-date-list > .border .border-top:before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-image: var(--border-horizontal-short);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.event-date-list > .border .border-bottom {
    position: absolute;
    bottom: 0px;
    left: -1%;
    right: -1%;
}

.event-date-list > .border .border-bottom:before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-image: var(--border-horizontal-short);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.event-date-list > .border .border-top:after, .event-date-list > .border .border-bottom:after {
    content: "";
    height: 35%;
    width: 100%;
    background: #fff;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/* Item 1 */
.event-date-list .inner .grid-item.grid-heading {
	transform: translateY(0px);
	margin-bottom: -46px;
	padding-bottom: 30px;
}

.event-date-list .inner .grid-item.grid-heading .grid-item-inner {
	/* bottom: 5px; */
	padding: 0 30px;
}

.event-date-list .inner .grid-item.grid-heading:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	background: var(--background-1);
	clip-path: polygon(0% 0, 100% 0%, 100% 86%, 0 100%);
	z-index: -1;
}

.event-date-list .inner .grid-item.grid-heading .border {
	position: absolute;
	top: auto;
	right: -5px;
	bottom: 15px;
	left: 0;
	height: 20px;
	background-image: var(--border-horizontal-short);
	background-repeat: no-repeat;
	background-size: 101% 100%;
	background-position-x: 50%;
	transform: rotateZ(-5.5deg);
	transform-origin: bottom center;
}

/* Item 2 */
.event-date-list .inner .grid-item.row-1 .grid-item-inner {
	/* top: 15px; */
	padding-top: 65px;
}

.event-date-list .inner .grid-item.row-1:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	background: var(--background-2);
	clip-path: polygon(0% 15%, 100% 0%, 100% 100%, 0% 100%);
	z-index: -1;
}

.event-date-list .inner .grid-item.row-1 .border {
	position: absolute;
	top: auto;
	right: -10px;
	bottom: -10px;
	left: 0px;
	height: 20px;
	background-image: var(--border-horizontal-short);
	background-repeat: no-repeat;
	background-size: 101% 100%;
	background-position-x: 50%;
	transform: rotateZ(0deg);
	transform-origin: bottom center;
}

/* Item 3 */

.event-date-list .inner .grid-item.row-2 {
	margin-bottom: -38px;
	padding-bottom: 38px;
}

.event-date-list .inner .grid-item.row-2 .grid-item-inner {
	
padding-top: 65px;
}

.event-date-list .inner .grid-item.row-2:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: -1.5%;
	left: 0%;
	background: var(--background-3);
	clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 86%);
	z-index: -1;
}

.event-date-list .inner .grid-item.row-2 .border {
	position: absolute;
	top: auto;
	right: -10px;
	bottom: 10px;
	left: -10px;
	height: 20px;
	background-image: var(--border-horizontal-short);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: rotateZ(5deg);
	transform-origin: bottom center;
}

/* Item 4 */
.event-date-list .inner .grid-item.row-3 .grid-item-inner {
	
padding-top: 65px;
}

.event-date-list .inner .grid-item.row-3:before {
	content: "";
	position: absolute;
	top: -1.5%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	background: var(--background-4);
	clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
	z-index: -1;
}

.event-date-list .inner .grid-item.row-3 .border {
	position: absolute;
	top: auto;
	right: -10px;
	bottom: -10px;
	left: -10px;
	height: 20px;
	background-image: var(--border-horizontal-short);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: rotateZ(0deg);
	transform-origin: bottom center;
}

/* item 5 */
.event-date-list .inner .grid-item.row-4 {
	margin-bottom: -30px;
	padding-bottom: 30px;
}

.event-date-list .inner .grid-item.row-4 .grid-item-inner {
	padding-top: 65px;
}

.event-date-list .inner .grid-item.row-4:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 0%;
	bottom: 0%;
	left: 0%;
	background: var(--background-5);
	clip-path: polygon(0% 0, 100% 0%, 100% 90%, 0 100%);
	z-index: -1;
}

.event-date-list .inner .grid-item.row-4 .border {
	position: absolute;
	top: auto;
	right: -10px;
	bottom: 10px;
	left: -10px;
	height: 20px;
	background-image: var(--border-horizontal-short);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transform: rotateZ(-4deg);
	transform-origin: bottom center;
}

/* item 6 */
.event-date-list .inner .grid-item.row-5 .grid-item-inner {
	
padding-top: 70px;
}

.event-date-list .inner .grid-item.row-5:before {
	content: "";
	position: absolute;
	top: -2%;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--background-6);
	clip-path: polygon(0% 11%, 100% 0%, 100% 100%, 0% 100%);
	z-index: -1;
}

.event-date-list .inner .grid-item.grid-heading h3 {
	display: inline-flex;
	flex-direction: column;
	margin-bottom: 20px;
	color: var(--color-main);
	font-family: 'Bevan';
	font-size: 40px;
	line-height: 1.1;
	-webkit-font-smoothing: antialiased;
	max-width: 300px;
}

@media (min-width: 641px) and (max-width: 1023px) {
	.event-date-list .inner {
		grid-auto-rows: minmax(30vw, 250px);
	}
	.event-date-list > .border .border-top:before, .event-date-list > .border .border-bottom:before, .event-date-list .inner .grid-item.grid-heading .border, .event-date-list .inner .grid-item.row-1 .border, .event-date-list .inner .grid-item.row-2 .border, .event-date-list .inner .grid-item.row-3 .border, .event-date-list .inner .grid-item.row-4 .border {
		background-image: var(--border-horizontal-long);
	}
	
	.event-date-list .inner .grid-item.grid-heading .border {
		transform: rotateZ(-3deg);
	}

	.event-date-list .inner .grid-item.row-2 .border {
		transform: rotateZ(2.5deg);
	}

	.event-date-list .inner .grid-item.row-4 .border {
		background-image: var(--border-horizontal-long);
		transform: rotateZ(-2deg);
	}

	.event-date-list .inner .grid-item.grid-heading h3 {
		font-size: 42px;
	}

	.event-date-list .grid-item .image-wrapper img { 
		max-width: 80%;
	}

	.event-date-list .grid-item .content-wrapper .date {
		font-size: 32px;
	}

	.event-date-list .grid-item .content-wrapper .title {
		font-size: 22px;
	}

	.event-date-list .grid-item .content-wrapper .location {
		font-size: 18px;
	}
}

@media (min-width: 1024px) {
	.event-date-list .inner {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 260px 250px;
		grid-template-columns: 32.33% 35.33% 32.33%;
		position: relative;
		z-index: 1;
	}

	.event-date-list .inner .grid-item.grid-heading .grid-item-inner { 
		padding: 40px 50px;
	}

	.event-date-list .inner .grid-item .grid-item-inner {
		position: absolute;
		display: flex;
		align-items: center;
		padding-top: 40px !important;
		padding: 40px 50px;
		height: 100%;
	}

	.event-date-list .inner .grid-item.row-4 .grid-item-inner {
		padding-left: 65px;
	}

	.event-date-list .inner .grid-item.grid-heading h3 {
		margin-bottom: 10px;
		font-size: calc(34px + (62 - 34) * ((100vw - 1024px) / (1920 - 1024)));
		line-height: 1.1;
	}

	.event-date-list .inner .grid-item.grid-heading h3 .title-line-1 {
		font-size: 38px;
	}

	.event-date-list .grid-item .content-wrapper .date {
		font-size: calc(24px + (38 - 24) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.event-date-list .grid-item .content-wrapper .title {
		font-size: calc(18px + (26 - 18) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.event-date-list .grid-item .content-wrapper .location {
		font-size: calc(14px + (20 - 14) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.event-date-list .grid-item .image-wrapper img {
		max-width: 125px;
		max-width: calc(100px + (160 - 100) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.event-date-list .grid-item.grid-heading .view-all-link {
		font-size: 30px;
	}

	.event-date-list .grid-item.grid-heading .view-all-link:after {
		height: 40px;
		width: 40px;
	}

	/* Blocks */
	.event-date-list .inner .grid-item {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.event-date-list .inner .grid-item.row-3 .border,
	.event-date-list .inner .grid-item.row-4 .border,
	.event-date-list .inner .grid-item.row-5 .border {
		display: none;
	}
	
	/* Item 1 */

	.event-date-list .inner .grid-item.grid-heading:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0px;
		bottom: -14%;
		left: 0;
		background: var(--background-1);
		clip-path: polygon(0% 0, 95% 0%, 100% 85%, 0 95%);
		z-index: -1;
	}

	/* Item 2 */
	.event-date-list .inner .grid-item.row-1:before {
		content: "";
		position: absolute;
		top: 0px;
		right: -3.3%;
		bottom: -11%;
		left: -5.5%;
		background: var(--background-2);
		clip-path: polygon(0 0, 100% 0%, 97% 92%, 4.7% 78%);
		z-index: -1;
	}

	/* Item 3 */
	.event-date-list .inner .grid-item.row-2:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: -5%;
		left: 0.5%;
		background: var(--background-3);
		clip-path: polygon(3.5% 0%, 100% 0%, 100% 89.5%, 0% 97.5%);
		z-index: -1;
	}

	/* Item 4 */
	.event-date-list .inner .grid-item.row-3:before {
		content: "";
		position: absolute;
		top: -3%;
		right: -5.3%;
		bottom: 0;
		left: 0;
		background: var(--background-4);
		clip-path: polygon(0% 13%, 95% 0%, 100% 100%, 0% 100%);
		z-index: -1;
	}

	/* item 5 */
	.event-date-list .inner .grid-item.row-4:before {
		content: "";
		position: absolute;
		top: -17%;
		right: 0%;
		bottom: 0;
		left: -0.3%;
		background: var(--background-5);
		clip-path: polygon(0 3%, 100% 17%, 97% 100%, 6% 100%);
		z-index: -1;
	}

	/* item 6 */
	.event-date-list .inner .grid-item.row-5:before {
		content: "";
		position: absolute;
		top: -5.5%;
		right: 0;
		bottom: 0;
		left: -2.5%;
		background: var(--background-6);
		clip-path: polygon(2.9% 8.2%, 100% 0%, 100% 100%, 0% 100%);
		z-index: -1;
	}
	/* Borders */
	.event-date-list .border {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
		pointer-events: none;
	}
	
	.event-date-list > .border .border-top {
		position: absolute;
		top: 0px;
		left: 0%;
		right: 0%;
	}
	
	.event-date-list > .border .border-top:before {
		content: "";
		display: block;
		width: 100%;
		height: 20px;
		background-image: var(--border-horizontal-long);
		background-repeat: no-repeat;
		background-size: 101% 100%;
		background-position-x: 50%;
	}
	
	.event-date-list > .border .border-bottom {
		position: absolute;
		bottom: 0px;
		left: 0%;
		right: 0%;
	}
	
	.event-date-list > .border .border-bottom:before {
		content: "";
		display: block;
		width: 100%;
		height: 20px;
		background-image: var(--border-horizontal-long);
		background-repeat: no-repeat;
		background-size: 101% 100%;
		background-position-x: 50%;
	}
	
	.event-date-list > .border .border-top:after,
	.event-date-list > .border .border-bottom:after {
		content: "";
		height: 35%;
		width: 100%;
		background: rgba(255 255 255 / 75%);
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.event-date-list > .border .border-vert-left {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 31%;
		transform: rotate3d(1, 1, 1, -6deg) translate3d(0.6vw, 0px, 1vw);
		transform-origin: center right;
	}
	
	.event-date-list > .border .border-vert-left:before {
		content: "";
		display: block;
		width: 20px;
		height: calc(100% + 0vw);
		background-image: var(--border-vertical-long);
		background-repeat: no-repeat;
		background-size: 100% 101%;
		background-position-y: 50%;
	}
	
	.event-date-list > .border .border-vert-right {
		position: absolute;
		top: 0%;
		bottom: 0%;
		right: 32%;
		transform: rotate3d(1, 1, 1, 5deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: center left;
	}
	
	.event-date-list > .border .border-vert-right:before {
		content: "";
		display: block;
		width: 20px;
		height: 100%;
		background-image: var(--border-vertical-long);
		background-repeat: no-repeat;
		background-size: 100% 101%;
		background-position-y: 50%;
	}
	
	.event-date-list > .border .border-vert-left:after,
	.event-date-list > .border .border-vert-right:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		width: 55%;
		background: #fff;
		display: block;
		transform: translate(-50%, -50%);
	}

	.event-date-list .inner .grid-item .border {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.event-date-list .inner .grid-item.grid-heading .border {
		content: "";
		position: absolute;
		top: auto;
		right: 0%;
		bottom: -6%;
		left: -5%;
		height: 20px;
		background-image: var(--border-horizontal-short);
		background-repeat: no-repeat;
		background-size: 101% 100%;
		background-position-x: 50%;
		transform: rotate3d(1, 1, 1, -8deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: top center;
	}
	
	.event-date-list .inner .grid-item.grid-heading .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: #fff;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.event-date-list .inner .grid-item.row-1 .border {
		position: absolute;
		top: auto;
		right: -1%;
		bottom: 0%;
		left: -2%;
		height: 20px;
		background-image: var(--border-horizontal-short);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transform: rotate3d(1, 1, 1, 8.5deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: top center;
	}
	
	.event-date-list .inner .grid-item.row-1 .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: #fff;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.event-date-list .inner .grid-item.row-2 .border {
		content: "";
		position: absolute;
		top: auto;
		right: 0%;
		bottom: -2%;
		left: 0%;
		height: 20px;
		background-image: var(--border-horizontal-short);
		background-repeat: no-repeat;
		background-size: 101% 100%;
		background-position-x: 50%;
		transform: rotate3d(1, 1, 1, -5.5deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: top center;
	}
	
	.event-date-list .inner .grid-item.row-2 .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: #fff;
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media (min-width: 1280px) {
	.event-date-list .inner {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: minmax(260px, 20vw) minmax(250px, 18vw);
		grid-template-columns: 32.33% 35.33% 32.33%;
		position: relative;
		z-index: 1;
	}
	
	.event-date-list > .border .border-vert-left {
		position: absolute;
		top: calc(-1% - 0.2vw);
		bottom: -1%;
		left: 31.5%;
		transform: rotate3d(1, 1, 1, -9deg) translate3d(0.6vw, 0px, 1vw) !important;
		transform-origin: center right;
	}
	
	.event-date-list > .border .border-vert-left:before {
		content: "";
		display: block;
		width: 20px;
		height: calc(100% + 0vw);
		background-image: var(--border-vertical-long);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	.event-date-list > .border .border-vert-right {
		position: absolute;
		top: -1%;
		bottom: -1%;
		right: 32.4%;
		transform: rotate3d(1, 1, 1, 6deg) translate3d(0.6vw, 0, 1vw) !important;
		transform-origin: center left;
	}
	
	.event-date-list > .border .border-vert-right:before {
		content: "";
		display: block;
		width: 20px;
		height: 100%;
		background-image: var(--border-vertical-long);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	
	.event-date-list > .border .border-vert-left:after,
	.event-date-list > .border .border-vert-right:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		height: 100%;
		width: 55%;
		background: rgba(255 255 255 / 75%);
		display: block;
		transform: translate(-50%, -50%);
	}

	.event-date-list .inner .grid-item .border {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.event-date-list .inner .grid-item.grid-heading .border {
		content: "";
		position: absolute;
		top: auto;
		right: 0%;
		bottom: -6%;
		left: -5%;
		height: 20px;
		background-image: var(--border-horizontal-short);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transform: rotate3d(1, 1, 1, -8deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: top center;
	}
	
	.event-date-list .inner .grid-item.grid-heading .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: rgba(255 255 255 / 75%);
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.event-date-list .inner .grid-item.row-1 .border {
		position: absolute;
		top: auto;
		right: -1%;
		bottom: 3%;
		left: -3%;
		height: 20px;
		background-image: var(--border-horizontal-short);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transform: rotate3d(1, 1, 1, 8deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: top center;
	}
	
	.event-date-list .inner .grid-item.row-1 .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: rgba(255 255 255 / 75%);
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	.event-date-list .inner .grid-item.row-2 .border {
		content: "";
		position: absolute;
		top: auto;
		right: -1%;
		bottom: -1%;
		left: -1%;
		height: 20px;
		background-image: var(--border-horizontal-short);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		transform: rotate3d(1, 1, 1, -4deg) translate3d(0.6vw, 0, 1vw);
		transform-origin: top center;
	}
	
	.event-date-list .inner .grid-item.row-2 .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: rgba(255 255 255 / 75%);
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media (max-width: 641px) {
	.event-date-list .inner .grid-item .border:before {
		content: "";
		height: 55%;
		width: 100%;
		background: rgba(255 255 255 / 75%);
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}