/*
Theme Name: Blue Collar
Description: Blue Collar WordPress theme
Version: 1
Author: Matt Sedlar
Author URI: http://mattsedlar.net
*/

html, body {
  height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 32px;
}

p {
	margin-bottom: 12px;
}

h1, h2 {
    font-family: 'Oswald', sans-serif;
}

h1 {
    font-size: 42px;
    line-height: 50px;
}

a { color: #5091b0; }

a:hover { text-decoration: none; }

header {
	position: relative;
	background: rgb(73,113,134);
	background: -webkit-linear-gradient(to right, rgb(73,113,134),rgb(38,59,70));
	background: -o-linear-gradient(to right, rgb(73,113,134),rgb(38,59,70));
	background: -moz-linear-gradient(to right, rgb(73,113,134),rgb(38,59,70));
	background: linear-gradient(to right, rgb(73,113,134),rgb(38,59,70));
	font-family: 'Oswald', sans-serif;
	padding: 24px;
}

#nav-choices {
    max-width: 1000px;
    margin: 0 auto;
}

.nav-active, .nav-inactive {
    padding: 6px;
}

.nav-inactive {
    background: #538DD5;
}

.nav-inactive, .nav-inactive a, .nav-inactive:hover {
    color: white;
}

div.signup-box > p {
	color: #fff;
	font-size: 11px;
	text-align: left;
}


.container {
    max-width: 1000px;
    padding:0 0 62px;
    margin: 0 auto -62px;
    min-height: 100%;
    height: auto;
}

footer {
    background-color: #EEEEEE;
    height: 62px;
    padding: 12px 0;
    width: 100%;
}

/* NAVIGATION STYLES */

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
   background-color: #1F497D;
}

.nav-pills > li > a {
   border-radius: 0;
}

#hp-search {
   text-align: right;
   margin-top: 10px;
}

.tab-content {
   margin-bottom: 24px;
}

/* VISUALIZATION STYLES */

#container, #rb-container {
    width: 700px;
}

#map, #menu1 {
    padding: 12px 0 0 12px;
}

.highcharts-title {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

ul#categories, ul#states {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
}

ul#categories > li, ul#states > li {
    cursor: pointer;
}

/* BLOGS INDEX */

.panel-body {
   height: 625px;
}

.panel-title {
    font-size: 30px;
    line-height: 38px;
    font-family: 'Oswald', sans-serif;
    padding: 12px 0;
}

.panel-footer {
    font-size: 13.5px;
}

.rt {
    float: right; 
}

/* POST STYLES */

.post-image {
  margin-bottom: 18px;
  height: 400px;
  overflow: hidden;
}

.post-image img {
  margin-top: -100px;
	width: 100%;
}

.post-caption {
  font-size: 15px;
  line-height: 18px;
  color: #6F6F6F;
}

.label {
  background-color: #948A54;
}

.label>a {
  color: #fff;
}

/* ARCHIVES STYLES */

.archive-blurb { height: 100%; }

.archive-blurb h2 { margin-top: 0; }

/* BOOTSTRAP OVERRIDES */

.text-center {
	margin: 0 auto;
}

/* MEDIA QUERIES */

@media screen and (max-width: 800px) {
    .container {
       padding: 0px 12px;
    }
	header img {
		padding-bottom: 24px;
	}
	.rt { 
		float:none;
		content: "\A";
		white-space: pre-line;
	}
	.post-image {
	  margin-bottom: 18px;
	  height: auto;
	  overflow: hidden;
	}

	.post-image img {
	  margin-top: 0px;
	}
}

@media screen and (max-width: 360px) {
    .container {
       padding: 0 6px 62px;
    }
    h1 { 
       font-size: 30px;
       line-height: 38px; 
    }
    header { padding: 24px; }
    header img { 
		width: 215px; 
	}
    footer { font-size: 13.5px; }
    #container, #rb-container { 
	width: 315px; 
    }
    #map, #menu1 {
        padding: 0;
    }
    #map>.col-md-3 {
        margin: 6px;
    }
    #month, #states { margin-bottom: 24px; }
    .rt { 
	float: left;  
    }
    #hp-search { text-align: left; }
    .post-image {
        height: 100%;
        overflow: inherit;
    }
    .panel-body { height: 100%; }
    .post-image img { margin-top: 0; }
	
	#archives-spc { margin-bottom: 24px; }

}