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

@import url('https://fonts.googleapis.com/css?family=Cabin');

html, body { overflow-x: hidden; }
body { padding-top: 0; font-family: cabin, sans-serif; background-color: #99c525; }
.btn, .form-control { border-radius: 0; }
.btn { font-weight: bold; text-transform: uppercase; }
.btn-red { color: #fff; background-color: #df6c4b; }
.btn-red:hover { color: #fff; background-color: #ac3918; }
.red { color: #df6c4b; }

.navbar { margin: 0; }
.navbar-default { padding-top: 15px; background-color: #fff; border: 0 none;}
.navbar-fixed-top { border: 0 none;}
.navbar-header { float: none; min-height: 135px; }
.navbar-header .locations { margin-top: 40px; font-size: 18px; font-weight: bold; color: #707274; text-transform: uppercase; }
.navbar-header .locations span { display: inline-block; margin: 0 0.5em; font-size: 30px; line-height: 0; color: #c0c0c0; vertical-align: -2px; }
.navbar-header .phone { font-size: 33px; font-weight: bold; color: #df6c4b; text-align: center; }
.navbar-brand { position: relative; margin-bottom: -50%; padding: 0; height: auto; z-index: 100; }
.navbar-brand img { background-color: #fff; border: 15px solid #fff; }
.navbar-collapse { background-color: #df6c4b; background-color: #337ab7; }
.navbar-collapse .social { margin-top: 12px; }
.navbar-collapse .social img { margin-left: 12px; }

.navbar-default .navbar-nav > li > a { padding: 20px; font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; }
.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 { color: #fff; background-color: transparent; }
.navbar-default .navbar-nav .open li:hover > .dropdown-menu { display: block; }
.dropdown-menu .dropdown-menu { left: 100% !important; top: -8px !important; }

.body-bg { background-color: #fff; }
#zig-zag { height: 58px; background: #fff url('images/zig-zag-bg.png') repeat-x; }
#updates { padding: 30px 0; font-size: 30px; font-weight: bold; color: #fff; background-color: #707274; }
#locations { padding: 30px 0; font-size: 24px; font-weight: bold; color: #df6c4b; background-color: #fff; }
#locations span { display: inline-block; margin: 0 1.5em; font-weight: normal; }

/* home page */
.home > .wp-post-image { display: none; }
.home .body-bg { padding-top: 40px; }
.carousel { background-color: #ffffff; }
.carousel-indicators { margin-bottom: 0; margin-left: 0; width: auto; left: 15.75%; right: auto; }
.carousel-indicators li { margin: 0 4px; width: 15px; height: 15px; border: 0 none; background-color: #707274; border-radius: 0; }
.carousel-indicators .active { margin: 0 4px; width: 15px; height: 15px; border: 0 none; background-color: #8fddea; }
.carousel-control { display: none; }
.carousel-inner img, .carousel-inner a img { width: 100%; }
.carousel-caption { padding: 10px; top: 0; right: 50px; bottom: 0; left: 59%; font-size: 16px; font-weight: bold; text-align: left; background-color: rgba(0, 0, 0, 0.66); text-shadow: none; display: flex;	flex-direction: column;	justify-content: center; }
.carousel-caption p { display: block; }
.carousel-caption .btn { float: right; font-size: 18px; color: #fff; background-color: rgba(153, 197, 37, 1); text-transform: uppercase; }
.carousel-caption .btn:hover { background-color: rgba(153, 197, 37, 0.66); }
.home figure { max-width: 270px; cursor: pointer; }
.home figcaption { padding: 2px 12px; font-size: 21px; font-weight: bold; color: #fff; background: #99c525 url('images/right-arrow.png') no-repeat 95% 50%; text-transform: uppercase; }

/* about us page */
.about { padding: 16px; background-color: #99c525; }
.about h3 { margin: 0; font-weight: bold; color: #fff; }
.about .tel { font-size: 24px; }

/* location pages */
.store-meta h2 { padding-bottom: 9px; border-bottom: 1px solid #eee; }

/* contact page */
.form-horizontal .control-label { padding-top: 16px; }

.error404 article header { opacity: 0; }

body >footer { padding-top: 40px; color: #fff; }
body > footer .menu { margin-top: -14px; margin-left: 0; padding-left: 0; list-style: none; }
body > footer .menu > li > a { font-size: 16px; line-height: 3; color: #fff; }
body > footer .mc4wp-form-fields label { font-size: 16px; font-weight: normal; }
body > footer .mc4wp-form-fields input { padding: 6px 12px; border: 0 none; }
body > footer .mc4wp-form-fields input[type='email'] { margin-right: 0.5em; width: 70%; }
body > footer .mc4wp-form-fields input[type='submit'] { vertical-align: 0; }
body > footer #text-4 { text-align: right; white-space: nowrap; }
body > footer #text-4 .h1 { margin-top: 0; margin-bottom: 2.5em; font-weight: bold; }
body > footer #text-4 .h1 img { margin-left: 12px; vertical-align: baseline; }
body > footer #text-4 .h1 a:first-child img { margin-left: 24px; }

/** meta slider */
.metaslider .caption-wrap { position: initial !important; }
.flex-viewport { overflow: visible !important; }
.metaslider .flex-control-nav { bottom: -75px; }

@media (max-width: 768px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #dedede; }
	.navbar-header .col-sm-12 { float: none; }
	.navbar-brand { display: block; margin-bottom: 0; width: 100%; text-align: center; }
	.navbar-brand img { margin: 0 auto; width: 60%; }
	#google_translate_element  { display: none; }
	.carousel-caption  { position: initial; }
	.home figure { margin-bottom: 20px; }
	#locations a { display: block; text-align: center; }
	body > footer .menu > li > a { line-height: 1.4; }
	body > footer #text-4 .h1 { font-size: 25px; }
	body > footer #text-4 .h1 img { max-height: 25px; }
	.hidden-xs { display: none; }
}
@media (min-width: 768px) and (max-width: 992px){
	.navbar-default .navbar-nav { margin-left: 35%; }
	.navbar-default .navbar-nav > li > a { padding: 20px 16px; }
	.navbar-header .phone { margin-top: 20px; }
	#mc4wp-form-1 #mc4wp_email { font-size: 21px !important; }
}
@media (min-width: 992px){
	.navbar-default .navbar-nav { margin-left: 22.5%; }
	.navbar-header .phone { margin-top: 40px; margin-left: 0; text-align: right; }
	.carousel-caption { padding: 20px; font-size: 20px; }
	#mc4wp-form-1 #mc4wp_email { font-size: 21px !important; }
}
@media (min-width: 1200px){
	.navbar-default .navbar-nav > li > a { padding: 20px 18px; font-size: 21px; }
	.carousel-caption { padding: 30px; font-size: 25px; }
}