/* -------------------------------- 

Main components 

-------------------------------- */
 
 #cd-timeline {
 	position: relative;
 	margin-top: 2em;
 	margin-bottom: 2em;
 }
 
 #cd-timeline::before {
 	/* this is the vertical line */
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 50%;
 	height: 100%;
 	width: 4px;
 	background: #d7e4ed;
 }
 
 .cd-timeline-block {
 	position: relative;
 	margin: 2em 0;
 }
 
 .cd-timeline-block:after {
 	content: "";
 	display: table;
 	clear: both;
 }
 
 .cd-timeline-block:first-child {
 	margin-top: 0;
 }
 
 .cd-timeline-block:last-child {
 	margin-bottom: 0;
 }
 
 .cd-timeline-content span {
 	box-sizing: border-box;
 	color: #1a1a1a;
 	display: inline-block;
 	margin: 12px 0 0;
 	padding: 0 5px;
 }
 
 .cd-timeline-img {
 	backface-visibility: hidden;
 	border-radius: 50%;
 	box-shadow: 0 0 0 4px #830a5e, 0 2px 0 rgba(0, 0, 0, 0.08) inset, 0 3px 0 4px rgba(0, 0, 0, 0.05);
 	color: #fff;
 	font-size: 12px;
 	height: 60px;
 	left: 47.5%;
 	padding-top: 13px;
 	position: absolute;
 	text-align: center;
 	top: 0;
 	transform: translateZ(0px);
 	width: 60px;
 }
 
 .cd-timeline-content img {
 	margin-bottom: 10px;
 	width: 300px;
 }
 
 .cd-timeline-img.cd-picture {
 	background: #000;
 }
 
 .cd-timeline-img.cd-movie {
 	background: #c03b44;
 }
 
 .cd-timeline-img.cd-location {
 	background: #f0ca45;
 }
 
 @-webkit-keyframes cd-bounce-1 {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale(0.5);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale(1.2);
 	}
 	100% {
 		-webkit-transform: scale(1);
 	}
 }
 
 @-moz-keyframes cd-bounce-1 {
 	0% {
 		opacity: 0;
 		-moz-transform: scale(0.5);
 	}
 	60% {
 		opacity: 1;
 		-moz-transform: scale(1.2);
 	}
 	100% {
 		-moz-transform: scale(1);
 	}
 }
 
 @keyframes cd-bounce-1 {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale(0.5);
 		-moz-transform: scale(0.5);
 		-ms-transform: scale(0.5);
 		-o-transform: scale(0.5);
 		transform: scale(0.5);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: scale(1.2);
 		-moz-transform: scale(1.2);
 		-ms-transform: scale(1.2);
 		-o-transform: scale(1.2);
 		transform: scale(1.2);
 	}
 	100% {
 		-webkit-transform: scale(1);
 		-moz-transform: scale(1);
 		-ms-transform: scale(1);
 		-o-transform: scale(1);
 		transform: scale(1);
 	}
 }
 
 .cd-timeline-content {
 	background: white none repeat scroll 0 0;
 	border-radius: 0.25em;
 	box-shadow: 2px 3px 10px #888888;
 	margin-left: 60px;
 	padding: 1em;
 	position: relative;
 }
 
 .cd-timeline-content:after {
 	content: "";
 	display: table;
 	clear: both;
 }
 
 .cd-timeline-content p,
 .cd-timeline-content .cd-read-more,
 .cd-timeline-content .cd-date {
 	font-size: 13px;
 	font-size: 0.8125rem;
 }
 
 .cd-timeline-content .cd-read-more,
 .cd-timeline-content .cd-date {
 	display: inline-block;
 }
 
 .cd-timeline-content {
 	margin: 1em 0;
 	line-height: 1.6;
 }
 
 .cd-timeline-content .cd-read-more {
 	float: right;
 	padding: .8em 1em;
 	background: #830a5e;
 	color: #fff;
 	border-radius: 0.25em;
 }
 
 .no-touch .cd-timeline-content .cd-read-more:hover {
 	background-color: #bac4cb;
 }
 
 .cd-timeline-content .cd-date {
 	float: left;
 	padding: .8em 0;
 	opacity: .7;
 }
 
 .cd-timeline-content::before {
 	content: '';
 	position: absolute;
 	top: 16px;
 	right: 100%;
 	height: 0;
 	width: 0;
 	border: 7px solid transparent;
 	border-right: 7px solid white;
 }
 
 @media only screen and (min-width: 768px) {
 	.cd-timeline-content h2 {
 		font-size: 22px;
 		margin: 20px 0;
 	}
 	.cd-timeline-content p {
 		font-size: 14px;
 		letter-spacing: 0;
 	}
 	.cd-timeline-content .cd-read-more,
 	.cd-timeline-content .cd-date {
 		font-size: 14px;
 	}
 }
 
 @media only screen and (min-width: 1170px) {
 	.cd-timeline-content {
 		margin-left: 0;
 		padding: 1.6em;
 		width: 45%;
 	}
 	.cd-timeline-content::before {
 		top: 24px;
 		left: 100%;
 		border-color: transparent;
 		border-left-color: white;
 	}
 	.cd-timeline-content .cd-read-more {
 		float: left;
 		margin-right: 50px;
 	}
 	.cd-timeline-content .cd-date {
 		font-size: 14px;
 		left: 122%;
 		margin: 0;
 		padding: 0;
 		position: absolute;
 		top: 6px;
 		width: 100%;
 	}
 	.cd-timeline-block:nth-child(even) .cd-timeline-content {
 		float: right;
 	}
 	.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
 		top: 24px;
 		left: auto;
 		right: 100%;
 		border-color: transparent;
 		border-right-color: white;
 	}
 	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
 		float: right;
 	}
 	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
 		left: auto;
 		right: 122%;
 		text-align: right;
 	}
 	.cssanimations .cd-timeline-content.is-hidden {
 		visibility: hidden;
 	}
 	.cssanimations .cd-timeline-content.bounce-in {
 		visibility: visible;
 		-webkit-animation: cd-bounce-2 0.6s;
 		-moz-animation: cd-bounce-2 0.6s;
 		animation: cd-bounce-2 0.6s;
 	}
 }
 
 @media only screen and (min-width: 1170px) {
 	/* inverse bounce effect on even content blocks */
 	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
 		-webkit-animation: cd-bounce-2-inverse 0.6s;
 		-moz-animation: cd-bounce-2-inverse 0.6s;
 		animation: cd-bounce-2-inverse 0.6s;
 	}
 }
 
 @-webkit-keyframes cd-bounce-2 {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-100px);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translateX(20px);
 	}
 	100% {
 		-webkit-transform: translateX(0);
 	}
 }
 
 @-moz-keyframes cd-bounce-2 {
 	0% {
 		opacity: 0;
 		-moz-transform: translateX(-100px);
 	}
 	60% {
 		opacity: 1;
 		-moz-transform: translateX(20px);
 	}
 	100% {
 		-moz-transform: translateX(0);
 	}
 }
 
 @keyframes cd-bounce-2 {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(-100px);
 		-moz-transform: translateX(-100px);
 		-ms-transform: translateX(-100px);
 		-o-transform: translateX(-100px);
 		transform: translateX(-100px);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translateX(20px);
 		-moz-transform: translateX(20px);
 		-ms-transform: translateX(20px);
 		-o-transform: translateX(20px);
 		transform: translateX(20px);
 	}
 	100% {
 		-webkit-transform: translateX(0);
 		-moz-transform: translateX(0);
 		-ms-transform: translateX(0);
 		-o-transform: translateX(0);
 		transform: translateX(0);
 	}
 }
 
 @-webkit-keyframes cd-bounce-2-inverse {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(100px);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translateX(-20px);
 	}
 	100% {
 		-webkit-transform: translateX(0);
 	}
 }
 
 @-moz-keyframes cd-bounce-2-inverse {
 	0% {
 		opacity: 0;
 		-moz-transform: translateX(100px);
 	}
 	60% {
 		opacity: 1;
 		-moz-transform: translateX(-20px);
 	}
 	100% {
 		-moz-transform: translateX(0);
 	}
 }
 
 @keyframes cd-bounce-2-inverse {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateX(100px);
 		-moz-transform: translateX(100px);
 		-ms-transform: translateX(100px);
 		-o-transform: translateX(100px);
 		transform: translateX(100px);
 	}
 	60% {
 		opacity: 1;
 		-webkit-transform: translateX(-20px);
 		-moz-transform: translateX(-20px);
 		-ms-transform: translateX(-20px);
 		-o-transform: translateX(-20px);
 		transform: translateX(-20px);
 	}
 	100% {
 		-webkit-transform: translateX(0);
 		-moz-transform: translateX(0);
 		-ms-transform: translateX(0);
 		-o-transform: translateX(0);
 		transform: translateX(0);
 	}
 }