/**
 * @author alisch berlec hönow <info@abh.eu>
 * @version 4.6.6
 *
 * Mdj Component: Timeline
 */

.timeline {}



.timeline-event {
	position: relative;
}

.timeline-event::before {
	content: '';

	position: absolute;
	left: 0px;
	top: 0px;
	height: calc( 100% + var( --component-sp ) );

	border-left: var( --border-width ) solid currentColor;
}

.timeline-event:first-child::before {
	top: calc( var( --one-line ) * 0.5 );
	height: calc( 100% + var( --component-sp ) - var( --one-line ) * 0.5 );
}

.timeline-event:last-child::before {
	height: calc( var( --one-line ) * 0.5 );
}



.timeline-event__date {
	--font-weight: 625;
	--font-stretch: 4.9;
}



/* ------------------------- */
@media ( min-width: 700px ) {

	.timeline-event:nth-child( odd )::before {
		left: auto;
		right: calc( var( --border-width ) * -1 );
	}

	.timeline-event:nth-child( odd ) > grid-row {
		flex-direction: row-reverse;
	}

	.timeline-event:nth-child( odd ) .timeline-event__date {
		text-align: right;
	}
}