<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*   Footer Blog   */
.blog_footer_container {
	position:relative;
	height: 210px;
	width:90%;
	display:block;
}
.blog_teaser_img_container {
	margin-top:5px;
	display:block;
}
.blog_teaser_img {
	width:200px;
	height:150px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	float:left;
	margin-right:20px;
	border:#efefef 1px solid;
	border-radius:3px;
}
.blog_teaser_title {
	font-weight:bold;
	font-size:20px;
	display:block;
	margin-bottom:5px;
}
.blog_teaser_readmore {
	margin:5px 0px;
	display:block;
}
#blog_teaser{
	position:relative;
}
#blog_teaser div{
	position:absolute;
	z-index:1;
	display:block;
	background:#343a40;
	width:100%;
	height:auto;
}
#blog_teaser div.active{
	z-index:3;
	display:block;
	background:#343a40;
	width:100%;
	height:auto;
}

/*   Blog List   */
.blog_list_img_container {
	margin-top:5px;
	display:block;
	width:100%;
}
.blog_list_img {
	width:100%;
	height:400px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	border-radius:3px;
	margin-bottom:20px;
}

@media only screen and (max-width: 600px) {
	.blog_list_img {
		height:200px;
	}
}

.blog_list_title {
	font-weight:bold;
	color:#222222;
	font-size:24px;
	margin-bottom:5px;
}

.blog_list_teaser {
	margin-bottom:10px;
}

.blog_body {
	margin: 20px 0px;
}</pre></body></html>