/*
Theme Name: Webroot
Theme URI: http://cloudburstdesign.com
Author: Cloudburst
Author URI: http://cloudburstdesign.com
Description: WordPress theme based off of a toolkit from Twitter. Bootstrap.
Version: 0.0.1
*/



/* HEADER FIXES */
ul li, ul ol, form {
	margin-bottom:0;
}
.row {
	max-width:1170px;
}
form .q, form .searchButton {
	display:inline;
	width:auto;
	height:20px;
	margin-bottom:0;
}
form .q {
	border-radius:8px;
}
form .searchButton {
	top:5px;
	position:relative;
}
form .siteSearch {
	height:20px;
}
.footer {
	position:relative;
}
.top-bar .top-bar-section > ul > li > a:hover, .top-bar .top-bar-section > ul > li.active > a, .top-bar .top-bar-section > ul > li > h4:hover, .top-bar .top-bar-section > ul > li.active > h4 {
	border-bottom:0;
}
.top-bar .top-bar-section {
	border-bottom:0;
}
.widegrey {
	background: none repeat scroll 0% 0% #F2F2F2;
	padding: 0px;
	margin: 10px 0;
	position: relative;
	top: -10px;
}
.top-bar-section .main-dropdown li:hover{
	background:#f2f2f2 !important;
}
.show-for-small-only.utility-menu {
	display:none !important;
}
.utility-menu .sub-nav a:first-child {
	display:none;
}

.main-menu .top-bar .top-bar-section .header > a {
	height:60px;
}



/*////////////////////////
PUT CUSTOM CSS AFTER THIS COMMENT, BUT BEFORE THE MEDIA QUERIES
///////////////////////*/
a {
	color:#0083c1;
}
body {
	font-size:13px;
	font-family:Arial,san-serif;
}
img {
	max-width:100%;
}
h1, h2, h3, h4, h5, h6, h7, .h1 {
	color:#333;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:300;
}
h1,.h1 {
	font-size:40px;
	line-height:42px;
}
h2 {
	font-size:31px;
	line-height:33px;
}
h3 {
	font-size:28px;
	line-height:30px;
}
h4 {
	font-size:22px;
	line-height:24px;
}
h5 {
	font-size:18px;
	line-height:20px;
}
h6 {
	font-size:16px;
	line-height:18px;
}


/*//////////////////////////////////
NAVIGATION ///////////////////////*/
.navbar-inverse {
	background:#3c3d3c;
	border:none;
}
.navbar {
	margin-bottom:30px;
}
.navbar-inverse .navbar-nav > li > a {
	color:#fff;
	padding-left:25px;
	padding-right:25px;
	margin-left:1px;
	margin-right:1px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background:#555555;
}
.current-menu-item, li.current-menu-item > a:hover {
	background:#408740 !important;
}
#menu-main-menu {
	float:right;
}
.footer {
	border:0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover {
	background-color:#408740;
	border-color:#408740;
	color:#fff;
}
.logo {
	margin:12px 0 0 10px;
}
#flags {
    width: auto !important;
    float: right;
    position: relative;
    top: 10px;
    margin-left: 30px;
	height:43px;
}

fieldset {
padding:0;
border:none;
}
#search {
top:0;
width:auto;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
height:37px;
margin-top:0;
}
.search .collapse {
border:none;
}


/*MISC*/
#secondary {
	margin-top:0px;	
}
#secondary h3{
	margin-top:0px;	
}
#secondary .widget {
	margin-bottom:50px;
}
#secondary .widget h3, #secondary .widget h4 {
	font-size:28px;
	line-height:30px;
}
#contentFull {
	margin-bottom:50px;
}
.entry-content {
	position:relative;
}
.overimage {
	position:absolute;
	bottom:0;
	background:rgba(0,0,0,0.7);
	color:#fff;
	margin: 0;
   	padding: 7px 10px;
    width: 100%;
}
.icon-wrsocial {
	margin:0 3px 7px 0;
}
.listImage {
	float:left;
	margin-right:10px;
}
.popPosts {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}
.popPosts li {
	display:block;
	clear:both;
	margin-bottom:10px;
}
.listImage img {
	margin-bottom:10px;
}
aside{
	clear:both;
}
.clear{
	clear:both;
}
textarea {
	width:100%;
	max-width:100%;
}
.text-center {
	text-align:center;
}
.alignleft {
	float:left;
	margin-right:20px;
	margin-bottom:10px;	
}
.alignright {
	float:right;
	margin-left:20px;
	margin-bottom:10px;	
}
.taglink{
	color: #666;
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
}
.taglink img {
	margin-bottom:5px;
}
.taglink:hover {
	text-decoration:none;
}
.avatarImage {
	text-align:center;
	margin-bottom:25px;
}

.avatarImage > a > img {
	margin-top:20px;
	margin-bottom:5px;
	border-radius:6px;
	border:3px solid #eee;
}
.avatarImage > a.prosocial:hover {
	text-decoration:none;
}
.avatarImage > a.prosocial > img {
	border:0;
	margin:0;
	margin-right:3px;
	width:20px;
	border-radius:0px;
}
span.glyphicon {
	font-size:24px;
}
.sfsi_footerLnk {
	display:none;
}


/*homepage*/
.hpTopArticles {
	margin-bottom:0px;
	margin-top:15px;
}
.hpTopArticles .articleThumb {
	margin-bottom:5px;
}
.hpArticleList {
	margin-bottom:20px;
}
.hpArticleList h2 {
	margin:10px 0 5px;
}
.hpArticleList .meta {
	margin-bottom:5px;
}
.postcats {
	text-align:right;
}
.postcats .taglink {
	float:right;
	margin-right:5px;
}




/*IMAGE STUFF */
.articleThumb {
	margin-bottom:30px;
}
.entry-content img, .entry-content div {
max-width:100%;
}



/*/////////////
NEWS LIST
//////////////*/
.newsList .meta {
	margin-bottom:5px;
}
.newsList h2 {
	margin:4px 0;
}
.newsList {
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
}
.metaItem {
	margin-right:30px;
	line-height:24px;
}




/*/////////////
SINGLE POST 
/////////////*/
.entry-header img {
	margin-bottom:20px;
}
.entry-header h1 {
	margin-bottom:15px;
}
.meta {
	font-size:13px;
	color:#888;
	margin-bottom:15px;
	line-height:15px;
	margin-top:5px;
}
.metatiny {
	margin:0 0 2px 0;
	font-size:11px;
	color:#ddd;
}
.meta .avatar {
	position:relative;
	top:12px;
	margin-right:5px;
	margin-bottom:10px;
}
.meta .thedate {
	font-weight:bold;
	margin-right:40px;
	position:relative;
	top:1px;
}

.ratingWidget {
	display:inline-block;
	margin-left:40px;
	position:relative;
	top:12px;
}
.ratingWidget .rw-rating-table {
	margin-bottom:0;
}






/*/////////////
CATEGORY LIST 
/////////////*/
.entry-meta .meta {
	margin:8px 0 5px;
}
article.type-post {
	margin:20px 0 30px;
}
article.type-post h1.entry-title {
	margin-bottom:0;
}
.loopitem .meta {
	margin:5px 0;
}
.loopitem h2 {
	margin-top:0;
}
.loopitem {
	margin-bottom: 30px !important;
	border-bottom: 1px solid #eee;
	padding-bottom: 30px;
}



/*/////////////
AUTHOR PAGE
/////////////*/
.authorpage .prosocial img {
	height:24px;
}
header.authorpage {
	margin-top:0;
}
.authorpage .prosocial:hover {
	text-decoration:none;
}




/*/////////////
RATINGS CSS
/////////////*/
.rw-left {
	margin:10px 0 20px !important;
}








/*footer*/






/*////////////////////////
MEDIA QUERIES BELOW HERE
- default widths are set here
- use the following to add specific CSS for the various widths
///////////////////////*/
@media (max-width: 1199px) {

}
@media (max-width: 991px) {
.navbar-inverse .navbar-nav > li > a {
	padding-left:15px;
	padding-right:15px;	
}
}
@media (max-width: 767px) {
#menu-main-menu {
	display:block;
	width:100%;
	margin:20px 0;
}
.hpTopArticles .entry-content {
	text-align:center;
}
.hpTopArticles .entry-content img {
	margin:10px auto;
}
.hpTopArticles .overimage {
	width:auto;
	position:relative;
	background:transparent;
	color:#333;
}
.show-for-small-only.utility-menu {
	display:block !important;
}
}
@media (max-width: 559px) {

}
@media (max-width: 479px) {

}




@media (min-width: 320px) {
  .container {
    width: 320px;
  }
}
@media (min-width: 480px) {
  .container {
    width: 460px;
  }
}
@media (min-width: 560px) {
  .container {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
}
}