/********* Person *********/

.paragraph--type--person {
	margin: 1rem 0;
}

.paragraph--type--person .profile-picture {
}

.paragraph--type--person .profile-picture img {
	border-radius: 50%;
}

.paragraph--type--person .title {
}



/********* Timeline Entry *********/
/* https://www.jonashietala.se/blog/2024/08/25/a_simple_timeline_using_css_flexbox/ */




.paragraph--type--timeline-entry::before {
	background-color: var(--color-gray-900);
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
	align-items: baseline;
	left: -14px;
}


.paragraph--type--timeline-entry .marker {
  position: relative;
  left: -20px;
  top: 25px;
	order: 1;
}

.paragraph--type--timeline-entry {
	margin-bottom: 0;
	position: relative;
	padding: 2rem 0;
}

@media (min-width: 768px) { 

	.paragraph--type--timeline-entry {
		display: flex;
		row-gap: 1em;
	}

	.paragraph--type--timeline-entry::before {
		background-color: var(--color-gray-900);
		content: "";
		position: absolute;
		top: 0;
		height: 100%;
		width: 1px;
		align-items: baseline;
		left: 50%;
	}




	.paragraph--type--timeline-entry:nth-child(even) {
		flex-direction: row-reverse;
		.timeline-content { text-align: left; }
		.marker { left: 6px; }
	}

	.paragraph--type--timeline-entry .marker {
		position: relative;
		left: -6px;
		top: 32px;
		order: 1;
	}



	.paragraph--type--timeline-entry .timeline-content {
		display: flex;
		flex-direction: column;
		width: 50%;
		padding: 1rem 2rem;
		text-align: right;
	}

}