a{
	font-size: inherit;
}
.floating-box { max-height: 100%; overflow: auto; color: #FFFFFF }
.row.row-articles { max-width:1200px; margin:0 auto; }
.ext-article-col.col-md-3 { margin-bottom:4%; padding:0 1.5%; float:left; }
.ext-article { height:320px; max-width:260px; margin:0 auto; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.22); border-radius:4px; border-width:2px; overflow:hidden; }
.ext-article .article-image { width:100%; height:220px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.ext-article .article-info { padding:6% 10% 5%; }
.ext-article .article-info .divider { width:100%; height:1px; margin:10px 0; background-color:#d1d3d4; }
.ext-article .article-info h4 { font-size:1.5rem; font-weight:300; margin:0 auto; text-align:center; }
.ext-article .article-info h4 a { display:block; height:70px; color:#808285; overflow:hidden;font-size: 1rem; }   
.ext-article .article-info h4 a:hover { color:#00aeef; text-decoration:none; }
.ext-article .article-info p.art-date { font-size:.7rem; color:#808285; text-align:center; margin-bottom:0; }

.row-tabs {position:relative; margin-top:30px; margin-bottom:60px; z-index:200; }
.row-tabs .tabs-wrap { width:60%; margin:0 auto; border-bottom:2px solid #f1f1f1; }
.row-tabs .cat-icon { width: 50px; height: 50px; border: 2px solid #0884d4; border-radius: 50%; background-color: transparent; display: inline-flex; justify-content: center; align-items: center; }
.row-tabs .cat-icon i { font-size: 1.25em; color: #0884d4 }
ul.category-tabs { margin:-2px 0; padding:0; text-align:center; }
ul.category-tabs li.active,
ul.category-tabs li:hover { border-bottom:2px solid #0486d1; }
ul.category-tabs li { cursor:pointer; display:inline-block; font-size:1.2rem; font-weight:500; height:44px; line-height:34px; padding:10px 18px; padding:.5% 4%; border-bottom:2px solid transparent; text-transform:capitalize; }
ul.category-tabs li a { color:#0486d1; }
ul.category-tabs li a:hover { color:#0486d1; text-decoration:none; }
ul.category-tabs li.vert-divider { font-size:21px; padding:10px 0px; font-weight:200; }
ul.category-tabs li.vert-divider.active, 
ul.category-tabs li.vert-divider:hover { border-bottom:2px solid transparent; }


.search-articles input.form-control { display:inline-block; width:200px;border-top-right-radius:0; border-bottom-right-radius:0; }
.search-articles input.form-control:focus { border-color:#66afe9; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
.search-articles button.btn-search  {position:relative;left:-5px;top:-.8px;
border-top-left-radius:0; border-bottom-left-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px; }
.search-articles button.btn-search:hover,  
.search-articles button.btn-search:focus { background-color:#676767; border-color:#676767; }

@media only screen and (max-width:1300px) {
	.row.row-articles { max-width:960px; }
	.ext-article-col.col-md-3 { width:33.3%; }			
}
@media only screen and (max-width:840px) {
	.row-tabs .tabs-wrap { width:70%; }				
}
@media only screen and (max-width:768px) {
	.row.row-articles { max-width:600px; }	
	.ext-article-col.col-md-3 { width:50%; }
	.row-tabs .tabs-wrap { width:80%; }
}
@media only screen and (max-width:640px) {	
	.row-tabs .tabs-wrap { width:90%; }
	ul.category-tabs li { padding:.5% 3%; height:38px; line-height:28px; }	
}
@media only screen and (max-width:480px) {
	.ext-article-col.col-md-3 { width:100%; }
}
@media only screen and (max-width:400px) {
	ul.category-tabs li { height:35px; line-height:25px; }
}