/* labor timeline */

.timeline
{
	background-color: rgb(255,255,255);
	position: relative;
	max-width: 1300px;
	margin: 0 auto 3rem auto;
	padding: 1em 0 2em 0;
}

.timeline h2
{
	font-size: 1.25em !important;
	margin-top: 0 !important;
}

.timeline::after
{
	content: '';
	position: absolute;
	width: 6px;
	background-color: rgb(124, 175, 189);
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}

.tl-container
{
	padding: 10px 40px;
	position: relative;
	width: 50%;
	margin-top: -80px;
}

.tl-container.first { margin-top: 0; }

.tl-container::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12px;
	background-color: white;
	border: 4px solid rgb(32, 75, 90);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.tl-left { left: 0; }
.tl-right { left: 50%; }

.tl-left::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgb(214, 236, 245);
}

.tl-right::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent rgb(214, 236, 245) transparent transparent;
}

.tl-right::after { left: -12px; }

.tl-content
{
	padding: 30px 20px;
	text-align: center;
	background-color: rgb(214, 236, 245);
	position: relative;
	border-radius: 6px;
	/* -webkit-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1); -moz-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1); box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);  */
}

.tl-content.lt-yellow { background-color: rgb(255, 255, 206) !important; }

.lt-yellow.tl-left::before
{
	border: medium solid rgb(255, 255, 206) !important;
	border-color: transparent transparent transparent rgb(214, 236, 245);
}

.lt-yellow.tl-right::before
{
	border: medium solid rgb(255, 255, 206) !important;
	border-color: transparent rgb(214, 236, 245) transparent transparent;
}

@media screen and (max-width: 600px)
{
	.timeline::after { left: 31px; }
	
	.tl-container
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
		margin-top: 0;
	}
	
	.tl-container::before
	{
		left: 60px;
		border: medium solid white;
		border-width: 10px 10px 10px 0;
		border-color: transparent rgb(214, 236, 245) transparent transparent;
	}
	
	.tl-left::after, .tl-right::after { left: 18px; }
	.tl-right { left: 0%; }
}

.tl-container-white
{
	padding: 10px 40px;
	position: relative;
	width: 50%;
	margin-top: -80px;
}

.tl-container-white.first { margin-top: 0; }

.tl-container-white::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12px;
	background-color: white;
	border: 4px solid rgb(32, 75, 90);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.tl-left-white { left: 0; }
.tl-right-white { left: 50%; }

.tl-left-white::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgb(214, 236, 245);
}

.tl-right-white::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent rgb(214, 236, 245) transparent transparent;
}

.tl-right-white::after { left: -12px; }

.tl-content-white
{
	padding: 12px 20px;
	background-color: white;
	position: relative;
	border-radius: 6px;
	-webkit-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
	-moz-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
	box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
}

@media screen and (max-width: 600px)
{
	.timeline::after { left: 31px; }
	
	.tl-container-white
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
		margin-top: 0;
	}
	
	.tl-container-white::before
	{
		left: 60px;
		border: medium solid white;
		border-width: 10px 10px 10px 0;
		border-color: transparent white transparent transparent;
	}
	
	.tl-left-white::after, .tl-right-white::after { left: 18px; }
	.tl-right-white { left: 0%; }
}

.tl-container-yellow
{
	padding: 10px 40px;
	position: relative;
	width: 50%;
	margin-top: -80px;
}

.tl-container-yellow.first { margin-top: 0; }

.tl-container-yellow::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12px;
	background-color: white;
	border: 4px solid rgb(32, 75, 90);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.tl-left-yellow { left: 0; }
.tl-right-yellow { left: 50%; }

.tl-left-yellow::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid rgba(252, 255, 215, 1);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(252, 255, 215, 1);
}

.tl-right-yellow::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid rgba(252, 255, 215, 1);
	border-width: 10px 10px 10px 0;
	border-color: transparent rgba(252, 255, 215, 1) transparent transparent;
}

.tl-right-yellow::after { left: -12px; }

.tl-content-yellow
{
	padding: 12px 20px;
	background-color: rgba(252, 255, 215, 1);
	position: relative;
	border-radius: 6px;
	-webkit-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
	-moz-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
	box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
}

@media screen and (max-width: 600px)
{
	.tl-container-yellow
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
		margin-top: 0;
	}
	
	.tl-container-yellow::before
	{
		left: 60px;
		border: medium solid(255, 255, 206);
		border-width: 10px 10px 10px 0;
		border-color: transparent rgb(252, 255, 215) transparent transparent;
	}
	
	.tl-left-yellow::after, .tl-right-yellow::after { left: 18px; }
	.tl-right-yellow { left: 0%; }
}

.tl-container-blue
{
	padding: 10px 40px;
	position: relative;
	width: 50%;
	margin-top: -80px;
}

.tl-container-blue.first { margin-top: 0; }

.tl-container-blue.tl-left-blue::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12px;
	background-color: white;
	border: 4px solid rgb(32, 75, 90);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.tl-container-blue.tl-right-blue::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	left: -12px;
	background-color: white;
	border: 4px solid rgb(32, 75, 90);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}
@media only screen and (max-width: 670px) {
	 .tl-container-blue.tl-right-blue::after {left: 18px;}
}

.tl-left-blue { left: 0; }
.tl-right-blue { left: 50%; }

.tl-left-blue::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid rgb(214, 236, 245);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgb(214, 236, 245);
}

.tl-right-blue::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid rgb(214, 236, 245);
	border-width: 10px 10px 10px 0;
	border-color: transparent rgb(214, 236, 245) transparent transparent;
}

/* .tl-right-blue::after { left: -18px; } */

.tl-content-blue
{
	padding: 12px 20px;
	background-color: rgba(195, 248, 254, .4);
	position: relative;
	border-radius: 6px;
	-webkit-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
	-moz-box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
	box-shadow: 11px 10px 11px -6px rgba(212, 212, 212, 1);
}

@media screen and (max-width: 600px)
{
	.tl-container-blue
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
		margin-top: 0;
	}
	
	.tl-container-blue::before
	{
		left: 60px;
		border: medium solid rgb(255, 255, 206);
		border-width: 10px 10px 10px 0;
		border-color: transparent rgba(195, 248, 254, .4) transparent transparent;
	}
	
	.tl-left-blue::after, .tl-right-yellow::after { left: 18px; }
	.tl-right-blue { left: 0%; }
	.tl-container-blue::after {left: 18px;}
}

.timeline p { padding-top: 6px !important; }