/* remotefilename=/style/timeline.css
 *
 *	Copyright © 2025 by L5 Condos.  All rights reserved.
 *
 *	$Id: /style/timeline.css,v $
 */
/**
*	CSS rulesets for formatting the timeline page
*
*	Author:			Fred Koschara
*	Creation Date:	July sixth, 2025
*	Last Modified:	July 6, 2025 @ 3:32 am
*
*	Revision History:
*	   Date		  by		Description
*	2025/07/06	wfredk	original development, extracted from styles.css
*/

.timeline-wrapper
{	box-sizing:border-box;
	margin:0 auto;
	padding:1em;
	width:fit-content; /* shrink-wraps to the content width */
}
.timeline
{	column-gap:2em;
	display:grid;
	grid-template-columns:6em 1fr;
	row-gap:1em;
}
.timeline dd
{	font-family:inherit;/* prevent iOS user agent styles */
	font-size:1em;      /* force equal font sizing */
	line-height:normal;
	margin:0; /* remove default indent */
}
.timeline dd ul
{	list-style:none;
	margin:0;
	padding-left:0;
}
.timeline dd ul li
{	margin:0;
}
.timeline dt
{	align-items:flex-start;
	color:Gold;
	display:flex;
	font-family:inherit;/* prevent iOS user agent styles */
	font-size:1em;      /* force equal font sizing */
	font-weight:bold;
	line-height:normal;
	margin:0;
	text-align:right;
}
/* Responsive adjustment for narrow screens */
@media (max-width:600px)
{	.timeline-wrapper
	{	box-sizing:border-box;
		margin:0;
		padding:1em;
		width:100%;
	}
	.timeline
	{	grid-template-columns:1fr;
		width:100%;
	}
	.timeline dd
	{	font-size:1em;
		line-height:normal;
		margin:0;
	}
	.timeline dt
	{	color:Gold !important;
		display:block;
		font-size:1em;
		font-weight:bold;
		line-height:1.2;
		margin-top:1em;
		text-align:left;
	}
}

/* EOF: timeline.css */