/*
Theme Name: Atlas BootstrapStructure Child
Author: LD
Description: A customization of the BootstrapStructure theme for Atlas
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, jquery, responsive, basic
Template: bootstrapstructure
*/

/*
Some elements and selectors used in the theme, listed here for convenience when customizing.
*/

footer { background-color: #0B486B; margin-top:15px; color: #EEE } /* Footer element containing the footer navigation and copyright */
nav { font-weight: bold; color: #666; }
footer nav { color: #FFF }
nav a { font-weight: normal; }
footer nav a { font-weight: normal; color: #EEE }
footer nav a:hover { font-weight: normal; color: #EEE }
#page {} /* BootstrapStructure <div> after <body> */
#masthead {} /*WordPress <header> under the BootstrapStructure top menu, above the BootstrapStructure header menu, containing WordPress site name, WordPress site description, and the BootstrapStructure 'menu-header-right' pill menu. */
#menu-header-right {} /* WordPress <ul> for the pill navigation in the header (right side) */
#menu-header-menu {} /* WordPress <ul> for the menu beneath the masthead but above the content */
#bootswp-middle {} /* The area of the page under the header and above the footer, containing the sidebar(s) and content */
#bootswp-sidebar-left {} /* BootstrapStructure <div> containing the left sidebar's WordPress widget <li> */
#bootswp-sidebar-right {} /* BootstrapStructure <div> containing the right sidebar's WordPress widget <li> */
#content-column {} /* BootstrapStructure <div> is part of a Bootstrap grid; it is the column containing the post */

.site-header {} /* WordPress class of #masthead */
.container {} /* Bootstrap class; the width will be Bootstrap's default of 1200 (width:1170px; padding: 0px 15px; */
.row {} /* Bootstrap class containing a Bootstrap grid */
.site-branding {} /* WordPress class in the header containing the site name and description */
.site-title {} /* WordPress class in the header containing the site name from wp-admin > Settings > General > Site Title */
.site-description {} /* WordPress class in the header containing the site description from wp-admin > Settings > General > Tagline */
.navbar {} /* Bootstrap class containing navigation menus created in wp-admin > Appearance > Menus. Has a bottom margin by default */
.nav-pills {} /* Bootstrap class of #menu-header-right */
.menu-item {} /* WordPress class for each item added to a menu in wp-admin > Appearance > Menus > Menu Structure */
.navbar-collapse {} /* Bootstrap class for navigation bar area without vertical margin or padding */
.bootswp-nav-header { background-color: #0B486B; border-color: #0b306b; margin-bottom: 0px; } /* BootstrapStructure class for the nav element of the header menu */
.bootswp-nav-header-container {} /* BootstrapStructure class for the container div directly under the nav element of the header menu */
.widget-area {} /* WordPress class of #widget-area-sidebar-left/right */
.widget {} /* WordPress class for a <li> containing a widget and its title */
.widgettitle {} /* WordPress class for the widget name inside a widget <li> */
.entry-title {} /* WordPress class for <h1> title on pages and posts */
.bootswp-single-title {} /* BootstrapStructure class for <h1> on a single post page determined by is_home() */
.bootswp-archive-title {} /* BootstrapStructure class for <h1> on an archive page determined by is_archive() */
.bootswp-single-entry-title {} /* BootstrapStructure class for <h1> single entry title on an archive page determined by is_singular() */
.bootswp-list-entry-title {} /* BootstrapStructure class for <h2> entry list title on an archive page determined by is_singular() */
.bootswp-footer { padding-top:15px } /* BootstrapStructure class for the div under the footer element */
.bootswp-footer-nav {} /* BootstrapStructure class for the div of the footer nav row */
.bootswp-footer-text {} /* BootstrapStructure class for copyright text in the footer */

/* Custom styles */

ul.list-unstyled > li {
  margin-top: 10px;
  line-height: 100%;
}

/* Alignment classes for WordPress */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

#content-column {
  padding-top: 20px;
}
#header-collapse-1 > .navbar-nav > li > a, .navbar-brand {
  color: #EEE;
}
#header-collapse-1 > .navbar-nav > li > a:hover {
  color: #FFF;
}
#map {
  width:100%;
  height:200px;
}
@media (min-width: 768px){
  #map {
    height:200px;
  }
}
@media (max-width: 768px){
  #map {
    height:100px;
  }
}
#masthead {
  background: #0B486B url('images/atlas-masthead-bg.png') no-repeat top left;
}
#top-collapse-1 > .navbar-nav > li > a, .navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.8em;
}

.dataset-menu, .panel-menu {
  margin-top: 20px;
}
.dataset-title, .jumbo-title {
  color: #FFF;
  font-size: 50px;
  line-height: 100%;
  margin: 0;
  padding: 0;
  font-family: Garamond, Georgia, serif;
}
.dataset-title-dark {
  color: #000;
}
.jumbo-container {
  position: relative;
}
.jumbo-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.6);
}
.light, .light a {
  color: #EEE;
}
.panel-sidebar {
  border-color: #0B486B;
}
.panel-sidebar > .panel-heading {
  background-color: #0B486B;
  color: #FFFFFF;
  border-color: #0B486B;
}
.panel-sidebar > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0B486B;
}
.panel-sidebar > .panel-heading .badge {
  color: #79BD9A;
  background-color: #062c43;
}
.panel-sidebar > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0B486B;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #3b6c88;
}
.search-field {
  font-weight: normal;
}
.shadow {
  box-shadow: 5px 5px 5px #EEE;
}
.widget_search .screen-reader-text {
    display:none;
}
.widgettitle {
  font-size: 1.4em;
}
