@charset "UTF-8";
/* CSS Document */

.blogcentral .viewport{
	padding:0 0.5em;	
}

#bc-featured-bloggers{
	padding-top:10px;
	margin-bottom:20px;
}

#bc-featured-bloggers h2{
	text-transform:uppercase;
	font-size:24px;
	text-align:center;
	background-color:rgba(0,0,0,0.7); 
	padding:0; margin:0;
	padding:15px;
	margin-bottom:2px;
	font-weight:400;
}

#bc-featured-bloggers h3{
	text-transform:uppercase;
	font-size:16px;
	font-weight:400;
}

#bc-featured-bloggers ul{ 
	list-style:none;
	padding:0; margin:0;
	
}

#bc-featured-bloggers ul li{
	text-align:center;
	margin-bottom:20px;
	display:none;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
}

#bc-featured-bloggers ul li.mobile{
	display:block;	
}

#bc-featured-bloggers ul li div{
	padding:15px;
	background-color:rgba(0,0,0,0.7); 
	height:250px;
}

.bc-subscribe{
	font-size:12px;
	text-align:center;
	background-color:#272727;
	padding:2px 0;
	margin-bottom:30px;
}

.bc-subscribe h2{
	font-size:13px;
	font-weight:normal;
	text-transform:none !important;
	color:#2c95dd;
	margin-bottom:8px;
}

.bc-subscribe > a{
	text-transform:uppercase;
	font-size:16px;
}

.bc-subscribe > a span{
	color:#2c95dd;
}

.bc-subscribe-drawer{
	display:none;
	text-align:left;
	padding:15px;
	padding-top:10px;
	padding-bottom:30px;
}

.bc-subscribe-drawer ul{
	list-style:none;
	margin:0; padding:0;	
	width:50%; float:left;
	font-size:11px;
}

.bc-subscribe-drawer ul li{
	margin-bottom:6px;	
}


.blogcentral h2{
	font-weight:400; 
	text-transform:uppercase;
	margin:0;
	margin-bottom:10px;	
}



#blog-posts article{
	background-color:#E6E6E6;
	color:#000;
	padding:20px;
	font-size:14px;
	margin-bottom:20px;
}	

#blog-posts article .eyebrow{
	margin-bottom:5px;	
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
}

#blog-posts article h3{
	color:#095a90;	
	text-transform:uppercase;
	margin:0; padding:0;
	font-size:18px;
	font-weight:700;
}

#blog-posts article .timestamp{
	color:#87888a;
	font-size:13px;
}


#blog-posts article a{
	color:#095a90;
}



#blog-posts article .author-meta{
	padding-bottom:5px;
	border-bottom:1px solid #095a90;
	margin-bottom:8px;
	font-size:13px;
}

#blog-posts article .author-meta img{
	float:left;
	margin-right:15px;
	width:64px;
}

#blog-posts article .author-meta h3{
	font-size:13px;
	margin-bottom:6px;
}

#blog-posts article .author-meta p{
	margin:0;	
}

#blog-categories{
	background-color:#000;
	display:none;	
	position:absolute;
	left:0.5em;
	top:28px;
	padding:20px;
}

#blog-categories ul{
	list-style:none;
	margin:0; padding:0;
}

#blog-categories ul span{
	color:#2c95dd;	
	text-transform:uppercase;
	font-size:16px;
	display:block;
	margin-bottom:15px;
	border-top:1px solid #272727;
	padding-top:10px;
}

#blog-categories ul li:first-child span{
	border:0;	
}

#blog-categories ul ul{ margin-bottom:15px;}
#blog-categories ul ul li{
	 margin-bottom:8px;
	 /*display:inline;
	 margin-right:15px;*/
}

@media only screen and (min-width: 550px) {


}


@media only screen and (min-width: 768px) {

#bc-featured-bloggers{
	padding-top:50px
}

#bc-featured-bloggers ul{ 
	
	margin:0 -1px;
}

#bc-featured-bloggers ul li{

	width:20%; float:left;
	padding:0 1px;
	display:block;
	margin-bottom:0;
}

#bc-featured-bloggers ul li div{
	height:300px;
}

.bc-subscribe-drawer > div > div{
	width:25%; float:left;
	padding-right:25px;
}

.bc-subscribe-drawer ul{
	width:25%; float:left;
	
}



#blog-posts{
	width:66%;
	float:left;
}

#blog-posts h2 a{ display:none;}

#blog-categories{
	position:static;
	display:block;
	width:29%;	
	float:right;
	padding:0;
}

#blog-categories ul ul li{
	display:block;	
}

}