/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

/* Custom CSS by TE */

/* change mobile menu bars' colors */
.icon-bar {
    background-color: #fff !important;
}

/* change mobile sub-menu options' colors */
.dropdown-menu > li > a {
    color: #fff !important;
}

/* change mobile sub-menu options' colors */
.dropdown-menu > li > a {
    background-color: rgb(216,42,32) !important;
}

/* change mobile sub-menu options' colors */
.dropdown-menu > li > a:hover {
    background-color: rgb(142,27,20) !important;
}

/* change breakpoint for tablets so nav bar collapses at the right point */
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}


hr {
border-color: rgb(142,27,20);
}

/* Customize navbar colors */

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-brand:hover {
color: rgba(245,225,157,1.00);
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: rgba(245,225,157,1.00);  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: rgba(245,225,157,1.00); /*BACKGROUND color for active*/
background-color: rgb(142,27,20);
}

  .navbar-default {
    background-color: rgb(216,42,32);
    border-color: #030033;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: #fff;
   text-decoration: none;
  background-color: rgb(216,42,32);  /*change color of links in drop down here*/
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
    text-decoration: none;
    background-color: rgb(142,27,20); /*Change rollover cell color here*/
  }


  .navbar-default .navbar-nav > li > a {
   color: #fff; /*Change active text color here*/
   }


/* customize image captions */
img.alignright { float: right; }
img.alignleft { float: left; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0 0 15px 40px; }
.alignleft { float: left; margin: 0 40px 15px 0; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}

/* standardize some elements */
a {
  color: #3013EF;
}

.page-title {
  font-size:1.5em;
}

/* used to make specific elements be responsive at different screen widths -- google maps used b/c borrowed from another site */
.google-maps {
 position: relative;
 padding-bottom: 120%; // This is the aspect ratio
 height: 0;
 overflow: hidden;
}
.google-maps iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
}