/* BLOG */



#blog_posts {
	background-color: #FAFAFA;
	text-align: center;
}

#posts {
	margin-bottom:40px;
	margin-top:70px;
}

#posts .wait {
	display:block;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	position:static;
	width:80px;
}

#posts .post {
	display:inline-block;
	vertical-align:top;
}

#posts h2 {
	margin-bottom: 15px;
	margin-top: 15px;
	font-size: 22px;
	font-weight: 600;
	font-family: "SourceSansPro-Semibold";
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	height: 56px;
	color: #4A4A4A;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

#posts h4 {
	font-family: "SourceSansPro-Regular";
	text-transform: uppercase;
	font-size: 16px;
	color: #00ADBB;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	letter-spacing: 2px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

#posts .summary {
	font-family: "SourceSansPro-Regular";
	font-size: 18px;
	height: 100px;
	color: #727272;
}

#posts .post p {
	font-size: 14px;
	min-height: 60px;
}

#posts .post a {

	margin-bottom: 20px;
	color: #00ADBB;
	font-family: "SourceSansPro-Bold";
	margin-top: 20px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all ease-in-out 0.2s;

}
#posts .post a:hover {
	color: #02838e;
	transition: all ease-in-out 0.2s;
}




#posts .post .separator {
	background-color: #02AFAB;
	border-radius: 20px;
	height: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	margin-top: 25px;
	width: 35px;
}

#posts .post .image-container {
	display: block;
	height: 220px;
	overflow: hidden;
	width: 100%;
}

#posts .image-container img {
	width: 300px;
	height: 220px;
	object-fit: cover;
}

#posts .post a.video-link {
	display:block;
	margin-bottom:0px;
	margin-top:0px;
}

#posts .post .play {
	margin-left:80px;
	margin-top:38px;
}

.section #posts .post {
	margin-right: 60px;
	width: 300px;
}

.section #posts .post:last-child {
	margin-right: 0;
}