@charset "utf-8";

/* FORMATTED TIMELINE */
	.formatted-timeline {
		max-width: 96em;
		position: relative;
		}
	.formatted-timeline::after {
		background-color: var(--background-borders);
		content: '';
		height: 100%;
		position: absolute;
		top: 0;
		width: 0.2rem;
		}
	.formatted-timeline-year > h3 {
		background-color: var(--color-accent);
		border: 0.1rem solid var(--background-borders);
		color: var(--color-accent-text);
		font-weight: 700;
		display: inline-block;
		margin: 0;
		padding: 0.5em 1em;
		position: relative;
		z-index: 2;
		}
	.formatted-timeline-item {
		background-color: rgb(var(--background-rgb));
		margin: 2.5rem 0;
		position: relative;
		}
	.formatted-timeline-item::before {
		background-color: rgb(var(--background-rgb));
		border: 0.1rem solid var(--background-borders);
		content: '';
		height: 2rem;
		left: -1rem;
		position: absolute;
		transform: rotate(45deg);
		top: 1rem;
		width: 2rem;
		z-index: 99;
		}
	.formatted-timeline-holder::before {
		background-color: rgb(var(--background-rgb));
		border: 0.2rem solid var(--background-borders);
		border-radius: 100%;
		content: '';
		height: 1.2rem;
		left: -4.6rem;
		position: absolute;
		top: 1.3rem;
		width: 1.2rem;
		z-index: 99;
		}
	.formatted-timeline-holder {
		border-radius: 0 var(--radius) var(--radius) var(--radius);
		border: 0.1rem solid var(--background-borders);
		}
	.formatted-timeline-buffer {
		margin: 1.5rem;
		}
	.formatted-timeline-image {
		border-radius: var(--radius);
		display: block;
		overflow: hidden;
		}
	.formatted-timeline-info {
		margin-top: 2rem;
		}
	.formatted-timeline-date {
		color: var(--color-important);
		font-size: 1.4em;
		font-weight: var(--heavy);
		}
	.formatted-timeline-header {
		margin: 1rem 0;
		font-weight: 700;
		}
	.formatted-timeline-button {
		font-size: var(--text-sub-2);
		margin-top: 1rem;
		}
	@media (min-width: 60em) {
		.formatted-timeline::after {
			left: calc(50% - 0.1rem);
			}
		.formatted-timeline-year {
			margin-bottom: 2.5rem;
			text-align: center;
			}
		.formatted-timeline-items {
			overflow: hidden;
			padding: 0 2rem;
			}
		.formatted-timeline-item {
			width: 45%;
			margin-bottom: 2.5rem;
			}
		.formatted-timeline-item.formatted-timeline-odd {
			float: left;
			clear: left;
			}
		.formatted-timeline-item.formatted-timeline-even {
			float: right;
			clear: right;
			}
		.formatted-timeline-item.formatted-timeline-odd .formatted-timeline-holder {
			border-radius: var(--radius) 0 var(--radius) var(--radius);
			}
		.formatted-timeline-item.formatted-timeline-item:nth-child(odd) {
			margin-top: 2rem;
			}
		.formatted-timeline-item.formatted-timeline-item:nth-child(even) {
			margin-top: 12rem;
			}
		.formatted-timeline-item.formatted-timeline-odd::before {
			border-bottom: 0;
			border-left: 0;
			left: auto;
			right: -1rem;
			}
		.formatted-timeline-item.formatted-timeline-even::before {
			border-right: 0;
			border-top: 0;
			}
		.formatted-timeline-even .formatted-timeline-holder::before {
			left: -5.2rem;
			}
		.formatted-timeline-odd .formatted-timeline-holder::before {
			left: auto;
			right: -5.2rem;
			}
		.formatted-timeline-buffer {
			margin: 2.4rem;
			}
	}
	@media (max-width: 59.99em) {
		.formatted-timeline-items {
			padding-left: 4rem;
			}
		.formatted-timeline-item::before {
			border-right: 0;
			border-top: 0;
			}
	}