/*
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=Open+Sans:300,300i,400,400i|Roboto:300,300i,400,400i,700'); /* font-family: 'Open Sans', sans-serif; font-family: 'Roboto', sans-serif; */

body { padding-top: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 1.8; color: #444; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; font-weight: 300; }
h1, .h1 { font-size: 30px; }
h2, .h2 { font-size: 24px; }
h3, .h3 { font-size: 21px; }
	a { color: #016557; }
.btn { border-radius: 0; }
#searchform .form-group { position: absolute; right: 0; display: none; }
#searchform .fa { position: absolute; top: 9px; right: 0; cursor: pointer; }

.navbar { border-top: 5px solid #016557; box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); z-index: 10; }
.navbar-default { background-color: #fff; border: 0 none; }
.navbar > .container .navbar-brand { float: none; margin: 0 auto; padding: 0; height: auto; }
.navbar > .container .navbar-brand img { max-width: 200px; }
.navbar-collapse { position: relative; }
.navbar-collapse .navbar-form { position: absolute; top: 0; right: 0; }
.navbar-nav, .navbar-nav li { float: none; }
.navbar-default .navbar-nav > li > a { padding: 0 14px; font-weight: 300; line-height: 50px; color: #016557; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover { color: #016557; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #016557; background-color: transparent; }

.page-header { margin: 0;  border-bottom: 3px double #ccc;}

/* home page */
.hero { position: relative; min-height: 200px; text-align: center; }
.hero-caption { position: absolute; left: 15%; right: 15%; bottom: 0; }
.hero-caption h2 { font-size: 33px; color: #016557; }
.home .page-header { padding: 0; border: 0 none; }
.feed { padding: 30px 0; background-color: #209381; }
.feed .row { -webkit-display: flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.feed .row > div { position: relative; -webkit-display: flex; display: flex; -webkit-align-items: stretch; align-items: stretch; margin-bottom: 15px; }
.feed .row > div:last-child { margin-bottom: 0; }
.feed .row > div > .inner { -webkit-display: flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; background-color: #fff; text-align: center; }
.feed .inner h3 { margin-top: 0; width: 100%; font-weight: bold; }
.feed .inner .btn { margin: 0 auto; color: #016557; background-color: #fff; text-transform: uppercase; border: 1px solid #016557; -webkit-align-self: flex-end; align-self: flex-end; }
.feed .inner .btn:hover { color: #fff; background-color: #016557; }
.vendors { padding: 40px 0 80px; background-color: #f6f6f6; }
.vendors h2 { margin-bottom: 40px; text-transform: uppercase; }
#vendor-carousel { margin: 0 auto; }
#vendor-carousel .carousel-img { -webkit-display: flex; dispaly: flex; -webkit-align-items: center; align-items: center; height: 60px; }
#vendor-carousel .carousel-caption { position: static; text-shadow: none; font-size: 24px; }
#vendor-carousel .carousel-caption h3 { margin: 20px 0; }
#vendor-carousel .carousel-caption h3, #vendor-carousel .carousel-caption a { color: #333; }
#vendor-carousel .carousel-control { width: 15px; height: 29px; }
#vendor-carousel .carousel-control.left { left: 0; background: url('/wp-content/themes/wp-bootstrap/images/arrow-left.png') no-repeat; }
#vendor-carousel .carousel-control.right { right: 0; background: url('/wp-content/themes/wp-bootstrap/images/arrow-right.png') no-repeat; }
#vendor-carousel .carousel-indicators { margin-bottom: 0; bottom: 0; }
#vendor-carousel .carousel-indicators li { margin: 0 4px; width: 11px; height: 11px; background-color: #016557; border: 0 none; border-radius: 0; }
#vendor-carousel .carousel-indicators .active { margin: 0 4px; width: 11px; height: 11px; background-color: #f0563d; }

.featured-img { margin-bottom: -5%; }
.featured-img img { margin: 0 auto; }

body > footer { background-color: #209381; }
.footer-links { float: none; margin: 0; padding: 8px 0; }
.footer-links .menu { margin: 0; padding: 0; }
.footer-links .menu > li { float: none; display: inline-block; margin: 0; }
.footer-links .menu > li > a { padding: 0 9px; font-size: 14px; line-height: 10px; color: #fff; border-right: 1px solid #fff; }
.footer-links .menu > li:last-child > a { border-right: 0 none; }
.attribution { margin: 0; padding: 20px 0 35px; font-size: 14px; color: #fff; background-color: #2e313d; }

.multi-border { margin: 0; padding: 0; list-style: none; }
.multi-border li { content: ''; float: left; width: 20%; height: 4px; }
.multi-border .dark-green { background-color: #016557; }
.multi-border .yellow { background-color: #b7c11e; }
.multi-border .cream { background-color: #eff1c2; }
.multi-border .orange { background-color: #f0563d; }
.multi-border .light-green { background-color: #00a651; }

/* media queries */
/* Custom, iPhone Retina */
@media only screen and (min-width : 321px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {
	h1, .h1 { font-size: 36px; }
	h2, .h2 { font-size: 30px; }
	h3, .h3 { font-size: 24px; }
	.nav > li { display: inline-block; }
	.hero-caption h2 { font-size: 39px; }
	.feed .row > div { margin-bottom: 0; }
	#vendor-carousel { width: 33.34%; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}