/*
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 */

body { padding-top: 0; background-color: #88aa3e; }
.btn { border-radius: 0; }
.btn-green { color: #000; font-weight: 800; background-color: #bccb3f; text-transform: uppercase; }
.btn-green:hover { color: #fff; background-color: #1f451f; }
.uppercase { text-transform: uppercase; }
.img-center { margin: 0 auto; }

.navbar { margin-bottom: 0; border-radius: 0; }
.navbar-default { position: relative; background: #cd1e24 url('images/balls.png') repeat-x center 10%; border: 0 none; border-bottom: 4px solid #000; z-index: 1000; }
.navbar-default .btn-green { min-width: 115px; }
.navbar > .container .row { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; }
.navbar > .container .col-sm-3 { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; }
.navbar > .container .col-sm-3.text-right { -webkit-justify-content: flex-end; justify-content: flex-end; }
.navbar > .container .navbar-brand { float: none; margin: 0 auto; padding: 0; }
.navbar > .container .navbar-brand img { margin-bottom: -9%; min-width: 130px; height: auto; }
.navbar .navbar-bg { padding: 2rem 1rem; }
.navbar-default .navbar-collapse { border: 0 none; }
.navbar-default .navbar-collapse > div { float: right; position: relative; padding-top: 15px; }
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-collapse a { color: #fff; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: transparent; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #000; }

.mc4wp-form-fields { position: relative; z-index: 10; }
.mc4wp-form-fields strong { color: #fff; }

.body-bg { background-color: #fff; }

#main article > footer { display: none; }

/* home page */
.home .body-bg { position: relative; background: #fff url('images/home-bg.jpg') no-repeat center; background-size: auto 506px; }
.home #content { position: relative; padding: 0; top: 0%; color: #fff; background-color: rgba(0, 0, 0, 0.8); }
.home #content .h1 { font-size: 3.5vw; font-weight: 700; }

/* vendor page */
.form-horizontal .control-label { font-weight: normal; text-align: left; }

body > footer { padding-top: 50px; font-size: 28px; font-weight: 700; color: #000; background: url('images/balls.png') repeat-x center 10%; border-top: 4px solid #000; }
body > footer .col-sm-8 { padding-top: 30px; }
body > footer h2 { font-size: 62px; font-weight: 700; letter-spacing: -0.01em; }

@media (min-width: 768px){
	.home #content { top: 20%; }
	.home .body-bg { height: 1068px; background-size: cover; }
}

@media (max-width: 1200px){
	.home #content { top: 24%; }
}

@media (max-width: 992px){
	body > footer { font-size: 16px; }
	body > footer h2 { font-size: 30px; }
}

@media (max-width: 768px){
	.navbar > .container .col-sm-6 { padding: 0; }
	.navbar-default .btn-green { font-size: 2vw; min-width: 80px; }
}

@media (max-width: 500px){
	.navbar-default .navbar-collapse > div { float: none; position: static; padding-top: 0; }
	.home #content { top: 18.5%; }
}
@media (max-width: 400px){
	.navbar > .container .col-sm-3 { padding: 0; }
}

@media (max-width: 300px){
	.navbar > .container [class^='col-sm-'] { padding: 0; }
}