/*
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: 272px; color: #5e5e5e; }
a, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .green { color: #007600; }
h1, h2, h3, .h1, .h2, .h3 { line-height: 40px; }
.btn { border-radius: 15px; }
.btn-green { text-shadow: none; color: #ccc; background-color: #007600; background-image: none; border: 0 none; }
.btn-green:hover,
.btn-green:focus { color: #fff; background-color: #007600; }
.btn-warning {
	font-weight: bold;
	color: #444;
	background-color: #faa732;
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	*background-color: #f89406;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus { color: #000; background-color: #f89406; }
.btn-warning.request-design { padding: 9px 12px; font-size: 18px; line-height: 1.1; }
.btn-warning.request-design span { display: block; font-size: 67%; }
.btn.get-quote,
.btn.get-catalog { padding: 0.5em; width: 90%; font-size: 27px; font-weight: bold; line-height: 30px; white-space: normal; }
.btn.get-quote span,
.btn.get-catalog span { display: block; font-size: initial; font-weight: normal; line-height: 20px; }
.btn.get-catalog span { padding-top: 6px; }
.mc4wp-form input { margin-bottom: 10px; }
.mc4wp-form input[type='submit'] { padding: 9px 12px; font-weight: bold; }

.navbar > .container { position: relative; padding-top: 24px; min-height: 224px; line-height: 20px; }
.navbar .row-top { margin-bottom: 10px; }
.navbar-brand { float: none; position: absolute; max-width: 380px; left: -8px; top: -8px; }
#masthead { font-family: 'PT Sans',sans-serif; font-size: 214%; text-transform: uppercase; letter-spacing: -0.02em; }
#masthead a:hover { text-decoration: none; }
#masthead strong { float: right; font-family: 'PT Sans',sans-serif; font-size: 115%; font-size: 16px; line-height: 2.5; text-transform: uppercase; letter-spacing: 0.2em; }
.navbar iframe { bottom: 0px; }
.navbar-form { margin-top: 0; }
.navbar-form .search-query { padding: 4px 8px; width: 228px !important; height: auto; border-radius: 4px 0 0 4px; }
/* .header-right { position: absolute; top: 28px; right: 0; } */
.header-right p { font-size: 125%; }
.header-right strong.phone { font-size: 166%; color: #007600; }
.navbar-default { background-color: #fff; border: 0 none; }

.navbar-container { background-color: #007600; }
.navbar-nav > li > a { padding: 14px 12px; color: #ccc !important; text-transform: uppercase; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75); }
.navbar-nav > li > a:hover,
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus { color: #fff !important; background-color: transparent !important; }
.navbar-nav > .active > a { box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
.form-group { margin-bottom: 10px !important; }
.form-group label { display: inline-block !important; min-width: 9em; }
.form-control { display: inline-block; margin-left: 0 !important; height: 32px !important; }
#ninja_forms_field_3.form-control { width: 21em !important; height: 140px !important; } /* contact us page */
#ninja_forms_field_4_label { display: block !important; } /* contact us page */
#ninja_forms_field_3.form-control,
#ninja_forms_field_4.form-control,
#ninja_forms_field_5 { margin-left: 9em !important; } /* contact us page */
#ninja_forms_field_5 { font-weight: bold; } /* contact us page */

/* home page */
.carousel { margin: -4px 0 20px; }
.carousel-indicators { display: none; }
.carousel-control { width: 7.5%; }
.carousel-control.left, .carousel-control.right, .carousel-control:hover { background-image: none; }
.carousel-control .glyphicon-chevron-left:before, .carousel-control .glyphicon-chevron-right:before { content: ''; }
.carousel-control .glyphicon { display: inline-block; width: 37px; height: 105px; top: 39%; background: url('images/left-arrow.png') no-repeat; opacity: 0.3; }
.carousel-control .glyphicon-chevron-right { background: url('images/right-arrow.png') no-repeat; }
.carousel-control .glyphicon:hover { opacity: 0.6; }
.carousel-caption { left: 0; right: 0; padding-bottom: 20px; background-color: transparent; text-align: left; text-shadow: none; }
.carousel-caption .btn-warning.request-design { position: absolute; right: 15%; bottom: 20px; }
.carousel-caption h2, .carousel-caption p { margin-left: 20%; margin-right: 20%; }
.carousel-caption h2 { font-size: 44px; font-weight: bold; line-height: 60px; color: #eed60c; text-shadow: 6px 6px 6px rgba(0, 0, 0, 0.75); }
.carousel-caption ul { margin-left: 20%; margin-right: 20%; }
.carousel-caption p, .carousel-caption li { font-size: 21px; font-weight: bold; line-height: 26px; color: #fff; }
h3.home-goods { display: inline-block; margin: 0; padding: 0 1em; font-weight: bold; border-radius: 15px 15px 0 0; }
.home-goods { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 1em; background-color: #e5f1e5; border-radius: 0 15px 15px 15px; }
.home-goods div { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: auto; margin-bottom: 15px; padding: 15px; width: 184px; height: 220px; background-color: #f5f5f5; border-radius: 10px; text-align: center; }
.home-goods div a { margin: 0 auto; font-size: 12px; }
.home-goods div a > img { margin-bottom: 4px; }
.home-goods .btn-warning { width: 95%; white-space: normal; }

body > footer { padding-top: 14px; background-color: #e5f1e5; font-size: 83%; line-height: 16px; border-top: 6px solid #007600; }
#inner-footer .menu { margin-left: 0; list-style: none; }
#inner-footer .menu li a { color: #5e5e5e; }
#text-10 img { display: inline-block; max-width: 64px; margin-right: 1.375em; }
#text-10 img:last-child { margin-right: 0; }
#text-11 .phone strong { font-size: 171%; }

@media (max-width: 1200px) {
	.navbar .nav > li > a { padding: 14px 10px; }
}

@media (min-width: 760px) and (max-width: 992px) {
	body { padding-top: 410px; }
	.col-sm-3.header-right { position: absolute; top: 28px; right: 0; width: 33% !important; }
}

@media (max-width: 992px) {
	.navbar > .container { padding-top: 0; }
	.navbar-brand { position: static; }
	.carousel { display: none; }
}

@media (max-width: 768px) {
	body { padding-top: 0; }
	.navbar-default .navbar-form { border: 0 none; }
}

@media (max-width: 500px) {
	#masthead { margin-bottom: 20px; font-size: 178%; text-align: center; }
	#masthead strong { float: none; font-size: 16px; line-height: 2; }
	.navbar-form .search-query { width: 100% !important; }
}

@media (max-width: 400px) {
	#masthead { font-size: 113%; }
	#masthead strong { font-size: 90%; line-height: 1.5; letter-spacing: 0; }
}