.timelineItem .eventIcon {
	box-shadow: 0 0 0 4px #e8edf2, inset 0 0 0 rgb(0 0 0 / 0%), 0 0 0 0 rgb(0 0 0 / 5%);
	font-size: 0;
}

.timelineItem .itemContentLeft {
	float: none;
	margin-right: 0;
}

.timelineItem .toolbar {
	right: auto;
}

.timelineFilters a {
	border-radius: 4px;
	font-size: 0.875rem;
}
.timelineFilters a:hover {
	color: #fff;
}

.timelineItem .itemDate {
	margin: -4px 0 0 60px;
}

.timelineItem .itemTitle {
	margin-left: 0;
	padding: 18px 24px 0.556em 24px;
	text-align: left;
}

.webGuidelines #timeline::before {
	background-color: #e8edf2;
	border-radius: 4px;
}

.timelineItem .eventIcon.noColor {
	background-color: #e8edf2;
}

.timelineItem .eventIcon,
.timelineItem .eventIcon.noColor {
	line-height: 30px;
}

.timelineItem .eventLocation {
	width: 65%;
}
.timelineItem .eventTime {
	width: 35%;
}
.timelineItem .eventTime.noLocation {
	text-align: left;
	width: 100%;
}

.timelineSeparator {
	margin: 60px 0 60px 22px;
}
.timelineSeparator span {
	background-color: #fff;
	border-bottom: 4px solid #e8edf2;
	padding: 4px 16px;
}

.timelineItem .itemContent {
	margin-left: 60px;
}

.section .sectionContent .timelineItem .itemContent {
	top: 40px;
}

@media only screen and (min-width: 1170px) {
	.section .sectionContent .timelineItem .itemContent {
		top: 0;
	}

	.timelineItem .itemContent {
		display: block;
		left: 0;
		margin-left: 0;
		padding: 15px;
		position: relative;
		width: 45%;
	}
	.timelineItem:nth-child(even) .itemContent {
		float: right;
	}
	.timelineItem .itemContent::before {
		border-color: transparent;
		border-left: white;
		left: 100%;
		top: 24px;
	}
	.timelineItem:nth-child(even) .itemContent::before {
		border-color: transparent;
		border-right-color: white;
		left: auto;
		right: 100%;
		top: 24px;
	}

	.timelineItem .itemDate {
		margin: 0;
	}

	.timelineItem .eventIcon,
	.timelineItem .eventIcon.noColor {
		line-height: 40px;
	}

	.timelineItem .eventIcon.bounce-in,
	.timelineItem .itemTitle.bounce-in,
	.timelineItem .itemBody.bounce-in,
	.timelineItem .itemOVerlays.bounce-in {
		visibility: visible;
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}

	.timelineItem:nth-child(even) .itemTitle.bounce-in,
	.timelineItem:nth-child(even) .itemBody.bounce-in,
	.timelineItem:nth-child(even) .itemOverlays.bounce-in {
		-webkit-animation: none;
		-moz-animation: none;
		animation: none;
	}

	.timelineSeparator {
		margin: 20px 0 60px;
	}
}

@media only screen and (max-width: 768px) {
	#timeline .touchLabel {
		display: none;
	}
}