.TIMELINE::before,
.TIMELINE::after {
	content: "";
	display: block;
	overflow: hidden;
}

.TIMELINE .dates {
	justify-content: center;
	min-height: 170rem;
}

.TIMELINE .date {
	position: relative;
}

.TIMELINE .date::before {
	content: '';
	display: block;
	width: 30rem;
	height: 30rem;
	border-radius: 100%;
	position: absolute;
	top: 15rem;
	right: 30rem;
}

.TIMELINE .date::after {
	content: '';
	display: block;
	background: url(/wp-content/themes/wp-parchment/blocks/timeline/images/deco-border.svg) no-repeat;
	background-size: 90%;
	width: 6rem;
	height: 119rem;
	position: absolute;
	top: 52rem;
	right: 42rem;
}

.TIMELINE .dates:nth-child(4n+1) .date::before {background: var(--green);}
.TIMELINE .dates:nth-child(4n+2) .date::before {background: var(--yellow);}
.TIMELINE .dates:nth-child(4n+3) .date::before {background: var(--orange);}
.TIMELINE .dates:nth-child(4n+4) .date::before {background: var(--blue);}
.TIMELINE .dates:last-child .date::before {background: var(--white);}
.TIMELINE .dates:last-child .date::after {display: none;}

.TIMELINE .dates .content {
	margin-top: 10rem;
}

@media screen and (max-width: 960px){
	.TIMELINE .dates {margin-bottom: 30rem; min-height: unset;}
	.TIMELINE .date::before {top: 0; left: 0; right: auto;}
	.TIMELINE .date h2 {left: 40rem; position: relative;}
	.TIMELINE .date::after {display: none;}
}