/*
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.0
Author: 320press
Author URI: http://320press.com
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;
	font-size: 16px;
}

#content .row {
	margin-bottom: 30px;
}

#content .panel {
	margin-bottom: 30px;
}

.well-sm {
    padding: 10px 25px;
}

/*
*** Typography
*/

p {
	line-height: 26px;
	margin-bottom: 15px;
}

blockquote {
	padding: 10px 20px;
	margin-left: 20px 0 20px 40px;
	border-left: 5px solid #EEE;
}

h1, h2, h3 ,h4, h5, h6 {
	font-family: 'Ropa Sans', sans-serif;
	color: #473c89;
}

a, a:visited {
	color: #473c89;
}

p a {
	border-bottom: 1px dashed #473c89;
}

a:hover {
	text-decoration: none;
	color: #473c89;
}

ul, ol {
	margin: 20px 0;
}
ul li {
	line-height: 26px;
	margin-bottom: 5px;
}
ol li {
	line-height: 26px;
	margin-bottom: 5px;
}



/********************
*** Header
********************/


header.main {
	height: 500px;
	width: 100%;
	margin-bottom: 0px;
	background: url(images/headers/02.jpg);
	background-position: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

.navbar {
	border-radius: 0;
	height: 140px;
}

.navbar-default, .navbar-header {
	background-color: #fff;
}
.navbar-collapse { 
	max-height: 600px;
	background-color: #FFF;
}

.navbar-nav > li > a {
	line-height: 50px;
	margin: 25px 10px;
	padding: 10px 10px;
	border-bottom: none;
}

	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: transparent;
		border-bottom: solid #473c89 5px;
	}

.main_nav {
	margin: 0 auto;
	border-radius: 0;
	float: right;
	z-index: 1000;
}

a.navbar-brand {
	padding: 20px;
}

header.main .home_message {
	position: absolute;
	bottom: 30px;
	width: 100%;
	z-index: 500;
}
header.main h1 {	
	text-align: center;
	color: #fff;
	font-size: 32px;
   text-shadow: 2px 2px 3px #333;
}


@media (max-width: 767px) {

	header.main {
		height: 350px;
	}

	/* collapsed navigation */

	.main_nav {
		float: none;
	}


	.navbar-default ul {
		display: block;
		padding-left: 0;
		list-style: none;
		margin: 20px 0;
		padding: 0 2%;
		background-color: #fff;
	}

	.navbar-default ul li {
		float: none;
		margin: 0; 
	}

	.navbar-default ul li a {
		border: none;
		font-size: 18px;
		line-height: 30px;
		color: #FFF;
		display: block;
		width: 100%;
		border-bottom: dashed #363032 1px;
		padding: 20px 15px;
		margin: 0;
	}

		.navbar-default ul li:hover{
			background-color: #f0f0f0;
		}

		.navbar-default ul li:last-child a {
			border-right: none;
			border-bottom: none;
		}

}

/********************
*** Homepage sections
********************/

/* Messges */

.messages {
	background: url(images/purple_bg.png) top left repeat;
	color: #fff;
	padding: 40px 0;
}

	.messages h2{
		line-height: 43px;
		color: #fff;
	}

	.messages h2.leadtime:before {
		content: url(images/icons/truck.png);
		padding-right: 10px;
		width: 48px;
		height: 43px;
		vertical-align: -20%;
	}

	.messages h2.certified:before {
		padding-right: 10px;
		content: url(images/icons/tick.png);
		width: 43px;
		height: 43px;
		vertical-align: -20%;
	}

/* about */

.about {
	padding: 50px;
	background: url(images/logo_grey.png) top left no-repeat;
}

/* Services */

.services_holder {
	background-color: #f5f5f5;
}

.services_home {
	padding: 50px;
}

.services_home h3 {
	margin-top: -10px;
	color: #575757;
}

.services_home h4 {
	text-align: center;
	font-size: 22px;
}

.services_home img {
	margin-top: 30px;
}

/* Certifications */

.certifications_holder {
	background-color: #333333;
}

.certifications {
	padding: 50px;
}

.certifications h2 {
	color: #fff;
	text-align: center;
}

.cert_icons {
	text-align: center;
}

.certifications ul {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.certifications ul li {
	float: left;
	margin: 20px 40px;
}

/* Testimonial */

.testimonial {
	padding: 50px;
}

.testimonial img {
	width: 100%;
	max-width: 194px;
	display: block;
	margin: 0 auto;
}

.testimonial h2, .testimonial h3 {
	text-align: center;
}

.testimonial h3 {
	margin-top: -10px;
	color: #373737;
}

/********************
*** Pages
********************/

.services .badge {
	background-color: transparent;
}

.services .badge .glyphicon {
	color: green;
}

.services .panel .list-group {
	margin-top: 0;
}

.services .panel-default > .panel-heading {
    color: #fff;
    background-color: #473c89;
    border-color: #473c89;
}


/********************
*** Footer
********************/

.footer {
	background: url(images/purple_bg.png) top left repeat;
	color: #fff;
	padding: 20px 0 40px 0;
	font-family: 'Ropa Sans', Sans_Serif;
	font-size: 20px;
}

.footer a {
	color: #fff;
	border-bottom: dashed #fff 1px;
}

#menu-footer a, #menu-footer a:visited {
	color: #fff;
}



@media (min-width: 768px) {
	.container {
	  width: 750px;
	}

	header.main {
		height: 350px;
	}

}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

	header.main {
		height: 450px;
	}

}
@media (min-width: 1200px) {
	.container {
	  width: 1170px;
	}

	header.main {
		height: 500px;
	}

}