/* overrides */
/* body */
html, body { font-family: "Open Sans", sans-serif; overflow-x: hidden; }
body {
    margin-bottom: 0; 
	height: 100%;
	color: #27374f;
	position: relative;
	  -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
body .wrapper .container-fluid, body .wrapper .container {
    padding: 60px 25px;
}
a { color: #0071e2; } 
#wrapper {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
/* navbar and footer */
.navbar-fixed-top, .footer { z-index: 980; }
.navbar-default { background: #27374f; }
.navbar-brand > img {
    display: block;
}
.logo {
    max-width: 200px;
}
.logo {
    padding: 0;
}
img {
    vertical-align: middle;
}
img {
    border: 0 none;
}
.navbar-default { border: none; }
.navbar-default .navbar-brand {
    color: #fff; 
	text-transform: uppercase;
}
.navbar-brand {
    float: left;
    font-size: 1.3em;
    font-weight: 400;
    height: 60px;
    line-height: 30px;
    padding: 18px 15px 15px 15px;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #fff; }
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 20px;
	font-size: 1.1em;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background: #0071e2; color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #0071e2;
    color: #fff;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    border-color: #0071e2; 
}
/* navbar dropdown-menu */
.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;
}
.navbar-right .dropdown-menu {
    left: auto;
    right: 0;
}
.open > .dropdown-menu {
    display: block;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #0071e2;
    border: none;
    box-shadow: none;
    float: left;
    font-size: 1em;
    list-style: outside none none;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
	border-radius: 0;
	text-transform: uppercase;
}
.dropdown-menu > li > a {
    clear: both;
    color: #fff;
    display: block;
    font-weight: 400;
    line-height: 1.5em;
    padding: 10px 20px;
    white-space: nowrap;
	border-bottom: 1px solid #0071e2;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: none; color: #fff; border-bottom: 1px solid #fff; }
/* navbar responsive */
.navbar-toggle { border-radius: 0; border: none; margin-right: 0; margin-top: 15px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #0071e2;
}
.navbar-nav .open .dropdown-menu { background-color: #0071e2; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
    box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a {
    line-height: 25px;
}
/* sticky menus*/
/*.sidebar-nav .nav { margin-bottom: 10px; font-size: .9em; }*/
.affix-top { width: 100% !important; }
.affix { width: inherit; }
.affix-bottom { position: absolute; }
.affix { top: 70px; }
.sidebar-nav h2 {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
	margin-top: 0;
	color: #27374F;
}
.sidebar-nav { padding: 20px; }
/*.sidebar-nav nav .active { background: #0071e2; }
.sidebar-nav nav .active a { color: #fff; }
.sidebar-nav nav .active a:hover { color: #23527c; }*/
.sidebar-nav h2 {
    display: block;
    padding: 10px 15px 0;
    position: relative;
}
/*.sidebar-nav .nav > li { line-height: .9em; }
.sidebar-nav .nav > li > a { line-height: 1.5em; padding: 5px 15px; }
.sidebar-nav .nav > li > a:focus, .sidebar-nav .nav > li > a:active { background: #0071e2; outline: none; color: #fff; }*/
.in-page-nav-wrapper { width: auto; }
.sidebar-nav .panel-default > .panel-heading { padding: 8px; background: none; border-bottom: none; }
.sidebar-nav .panel-default > .panel-heading h3 { margin-bottom: 0; font-size: 1.1em; padding: 5px; }
.in-page-nav-wrapper .panel-default, .sidebar-nav .panel-default { border: none;  box-shadow: none; }
.in-page-nav-wrapper .panel-heading { background: none; border: none; border-top: 5px solid #ddd; }
.in-page-nav-wrapper .affix .panel-heading { transition: all ease .3s; }
.in-page-nav-wrapper .panel-heading h3 { color: #27374f; }
.in-page-nav-wrapper .panel-default > .panel-heading h3 { padding-top: 20px; }
.in-page-nav-wrapper .panel-default .page-scroll { color: #ababab; padding: 2px 0; outline: none; }
.in-page-nav-wrapper .panel-default .list-group .list-group-item, .sidebar-nav .panel-default .list-group .list-group-item { border: none; }
.in-page-nav-wrapper .panel-default .page-scroll:focus, .in-page-nav-wrapper .panel-default .page-scroll:hover, .in-page-nav-wrapper .panel-default .list-group-item.active, .in-page-nav-wrapper .panel-default .list-group-item.active:focus, .in-page-nav-wrapper .panel-default .list-group-item.active:hover { background: none; border-radius: 0; border: none; }
 .in-page-nav-wrapper .panel-default .list-group-item.active { border-right: 3px solid #0071e2; border-radius: 0 !important; }
.in-page-nav-wrapper .panel-default .page-scroll:hover { color: #0071e2; }
.in-page-nav-wrapper .panel-default .list-group-item.active .page-scroll { color: #0071e2; font-weight: 700; }
/* breadcrumb */
/*.breadcrumb { background: none; border-radius: 0; padding: 8px; margin-top: 20px; margin-bottom: 0; font-size: .9em;}*/
.breadcrumb {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 1em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 32px;
}
/* page content */
.page-content { font-size: 1.1em; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; margin-bottom: 20px; text-transform: uppercase; }
h1 { font-size: 2em; font-weight: 700; }
h2 { font-size: 1.6em; font-weight: 700; }
h3 { font-size: 1.3em; font-weight: 700; }
.col-md-8, .col-md-9, .col-md-10, .col-md-12.exploration { padding: 20px; }
p { font-size: 1.1em; font-weight: 300; }
.chart-wrapper { display: block; text-align:center; padding: 25px 0 0; }
.content ol { margin: 25px 0; }
.content ol li { margin-bottom: 25px; }
.section, .section-first { padding-top: 45px; margin-top: -40px; border-top: 5px solid #ddd; }
.section-first { border: none; }
.section-separator, .half-section-separator, .quarter-section-separator { height: 75px; width: 100%; clear: both; display: block; }
.half-section-separator { height: 50px; }
.quarter-section-separator { height: 25px; }
.content ol, .content ul {
    font-size: 1.1em;
    font-weight: 300;
    margin: 25px 0;
}
.content ul { font-size: 1em; }
.chart-separator { text-align: left; padding-top: 20px; border-top: 2px dashed #ddd; }
.focus-box { border: 1px solid #ddd; box-shadow: 5px 5px #ddd; padding: 10px; margin: 25px 0; }
  /* tabs */
.tab-pane.active, .tab-content { background: none; width: 100%; }
.nav.nav-pills { margin: 0 0 25px; }
.nav-pills > li > a { border-radius: 0; }
.nav-pills > li + li { margin-left: 0; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #27374f;
border-radius: 0;
color: #fff;
}
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: block;     /* undo display:none          */
	height: 0;          /* height:0 is also invisible */ 
	overflow-y: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
	height: auto;       /* let the content decide it  */
} /* bootstrap hack end */
/* table responsive */
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 25px 10px;
    vertical-align: top;
}
/* mid link wrapper */
.mid-link-wrapper { width: 100%; border-top: 5px solid #ddd; padding: 25px 0 10px; text-align: center; }
.panel { border-radius: 0; }
.data-sections .panel-primary { text-align: center; }
.panel-primary > .panel-heading {
    background-color: #0071e2;
    border: none;
    color: #fff;
	border-radius: 0; 
}
.panel-primary > .panel-heading h2, .panel-default > .panel-heading h3 { margin: 0; }
.panel-primary > .panel-body { background: #0071e2; color: #fff; }
.panel-primary > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}
.panel-default > .panel-heading { color: #27374f; border-radius: 0; padding: 20px 15px; }
.panel-no-style { background: none; border: none; box-shadow: none; }
.panel-no-style .panel-body p { padding: 10px; }
.panel-no-style .panel-heading, .panel-no-style .panel-body p, .panel-no-style .panel-footer { text-align: center; }
/* jumbotron */
.jumbotron h1 { font-size: 2em; }
.container .jumbotron, .container-fluid .jumbotron { padding: 20px; font-size: 1.2em; font-weight: 400; border-radius: 0; background: #f5f5f5; }
.jumbotron .subhead { font-style: italic; }
.jumbotron p { font-size: 1em; }
/* pre-footer and footer*/
.pre-footer { width: 100%; border-top: 10px solid #ddd; }
.pre-footer, .footer { color: #757575; background: #f5f5f5; }
.footer {
	height: 200px;
	font-size: 1em;
}
.footer > .container, .pre-footer > .container {
    padding: 20px 15px 0;
	max-width: 1170px !important;
}
.pre-footer > .container { padding-bottom: 250px; }
.footer p {
    margin-bottom: 0;
    padding: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.footer img {
    display: block;
    height: auto;
    margin: 0 auto 25px;
    max-width: 100px;
    width: 100%;
}
.footer p, .footer p a, .footer .list-inline a {
    color: #0071e2; /*#337ab7;*/
}
.footer .list-inline {
    margin-left: -10px;
    text-align: center;
}
.footer .list-inline > li {
    padding-left: 10px;
    padding-right: 10px;
	margin-bottom: 20px;
}
.pre-footer h2 {
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
	margin-top: 10px;
	font-size: 2em;
}
.signup-updates, .signup-metrics, .report-bugs {
    float: left;
    margin: 0 auto;
    padding: 0 5px;
    width: 100%;
}
.signup-updates .form-group, .signup-metrics .form-group, .report-bugs .form-group {
    text-align: left;
}
.form-group {
    margin-bottom: 15px;
}
label {
    display: inline-block;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 100%;
}
.btn, .form-control {
    border-radius: 0;
}
.signup-updates .newsletter, .signup-metrics .dataset, .report-bugs .glitch {
    text-transform: uppercase;
	font-size: .9em;
}
.btn, .form-control {
    border-radius: 0;
}
.btn-default, .btn-default:focus {
    background-color: #0071e2; /*#337ab7;*/
    border: medium none;
    color: #fff;
    font-size: .9em;
    text-shadow: none;
}
.btn-default:hover {
	background-color: #27374f;
	color: #fff;
	font-size: .9em;
}
@media(max-width: 991px){
.signup-updates, .signup-metrics, .report-bugs {
    float: none;
    margin: 0 auto 25px;
    padding: 0 5px;
    width: 75%;
}
.section-separator { height: 25px; }
.section, .section-first { margin-top: -10px; padding-top: 25px; }
.sidebar-nav { display: none; }
.footer { height: 215px; }	
}
@media(max-width: 768px) {
.pre-footer { padding-bottom: 80px; }
.footer { height: 275px; }
.col-md-12.exploration, .section.col-lg-12, .map-wrapper .col-lg-2, .map-wrapper .col-lg-10, .col-md-9.page-content { padding-left: 0; padding-right: 0; }
.intro-message { font-size: 1.2em !important; }
.breadcrumb { padding: 20px 10px; }
.filter-set .dropup, .filter-set .dropdown { float: none !important; }
#mapArea h3 { margin-top: 60px; }
.dropdown-menu { left: auto; right: 0; }
}