/*
Theme Name: Lumen LED Lighting Solutions
Theme URI: http://www.lumenledlighting.com.au
Author: Karl Cohrs
Author URI: http://www.groovytube.com.au
Description: A semantic HTML/CSS framework base theme for WordPress Developers ported from Twitter Bootstrap
Version: 1.0
=======
License: GNU General Public License
License URI: license.txt

This theme, like WordPress, is licensed under the GPL.

The development of BootstrapWP was powered by Sublime Text 2 and lots of Diet Coke.
Use this starter theme to make something cool.  Please share the results with me via Twitter @rachelbaker.
Enjoy!

*/
/********************************************************

Comfortable with LESS?  Check out the /assets/css/less folder where the bootstrapwp.less file is the master complier

Not comfortable with LESS?  You can override the compiled bootstrapwp.css file by adding custom styles here.
-------------------------------------------------- */

@media all {
	
body { font-family: 'Open Sans', 'sans-serif'; }

a { color: #bdd53c; }

a:hover { color: #000; }

h1,h2,h3,h4 { font-family: 'Exo', 'sans-serif'; color: #bdd53c; }

a.brand { padding: 20px 50px 20px 20px !important; }

ul#main-menu { margin-top: 12px; }

.navbar-inner { background: none; border-radius: 0px !important; box-shadow: none !important; background-color: #fff; font-size: 16px; font-family: 'Exo', 'sans-serif'; border: none; }

.navbar li a { padding: 27px 21px !important; border-bottom: 8px solid #fff; transition: all 150ms ease-in; }

.navbar li a:hover { border-bottom: 8px solid #ccc; }

.navbar li.current-menu-item a { border-bottom: 8px solid #bdd53c; font-weight: bold; color: #bdd53c; }

.navbar-relative-top { z-index: 9999; }


/* .rev_slider_wrapper { top: 0; position: absolute; } 

.slides { height: 200px; background-image: url('assets/img/slide.jpg'); background-position: center center; background-size: 100% auto; }*/

/* .home .slides { height: 580px; position: relative; } */

.home #topfeature { display: none; visibility: hidden; }

#topfeature { height: 100px; background-image: url('assets/img/slide.jpg'); background-position: center center; background-size: 100% auto; }

#feature-boxes { background-color: #bdd53c; text-align: center; font-family: 'Exo', 'sans-serif'; }

#feature-boxes .span4 { margin-top: -50px; }

a.feature-button { position: relative; z-index: 9999;}

a.feature-button:hover { text-decoration: none; }

a.feature-button h4 { position: relative; bottom: 50px; background-color: #000; background:rgba(0,0,0,0.6); display: inline; padding: 10px 30px; color: #bdd53c; transition: all 150ms ease-in; margin: 0px; }


a.feature-button:hover h4 { background: rgba(255,255,255,0.8); color: #000; }

#feature-calc { background-image: url('assets/img/leaves-bg.jpg'); background-size: 100% 100%; padding: 50px 0px; color: #fff; font-size: 30px; font-family: 'Exo', 'sans-serif'; text-align: center; line-height: 1.2em; }

#feature-calc .container { background:rgba(0,0,0,0.6); padding: 40px 0px;  }

#widget-bar { background-color: #6c6d70; color: #fff; padding: 40px 0px; }

#widget-bar h4 { font-size: 24px; font-weight: normal; line-height: 1.2em; }

#widget-bar img { float: left; margin-right: 20px; }

#testimonials { padding: 40px 0px; }

#testimonials h2 { text-align: center; font-size: 32px; margin-bottom: 40px;  }

#testimonials img { float: left; }

#testimonials h3 { margin-left: 130px; margin-top: 0px; color: #6c6d70; font-weight: normal; }

#testimonials p { margin-left: 130px; }

footer { background-color: #eee; padding: 40px 0px; }

footer .container { position: relative; }

footer h4 { color: #6c6d70; font-size: 24px;  }

.home #main-content { padding: 40px 0px 0px; text-align: center; }

#copyright { position: absolute; bottom: 0; right: 0; text-align: center; color: #888888; }

#copyright img { margin-bottom: 10px; }

#feature-boxes { height: 189px; }


.calc .holder { border-radius: 10px; padding: 20px; /*background-color: #f5f5f5; */ margin-bottom: 20px; border: 5px solid #eee;  min-height: 200px; }

.calc h3 { padding-top: 0px; margin-top: 0px; }

.calc #savings.holder { background-color: #bdd53c; border: none; }

.calc #savings.holder h3 { color: #6c6d70; }

.calc .inputerror { border-color: #f00; box-shadow: 0px 0px 8px #f00;  }

.calc #maininfo { background-color: #deea9e; border-radius: 5px; }

.calc select, .calc input { width: 100%; }

.calc .light { border-bottom: 1px solid #ddd; height: 101px; padding: 20px 0px; }

.calc .light label { margin-top: 20px; }
 
.calc button.remove { background-color: #bdd53c;
border: none;
border-radius: 5px;
padding: 5px;
color: #fff;
font-weight: bold;
font-size: 12px;
float: right;
margin-top: 45px; } 

.calc #add_lights { float: right;
background-color: #6c6d70;
color: #fff;
font-size: 14px;
padding: 10px 30px;
border-radius: 5px;
margin: 20px;
border: none; }

#widget-bar p { padding-left: 120px; }

.well {
margin-bottom: 0px;
background-color: transparent;
border: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;	
}

#widget-bar a:hover { color: #fff; }
#feature-calc a:hover { color: #fff; }

.well-green { padding: 20px; background-color: #deea9e; margin-bottom: 20px; height: 110px; display: table-cell;
vertical-align: middle; margin-bottom: 20px; }
.content { margin-bottom: 30px; }

footer .menu-main-menu-container li { list-style: disc; line-height: 2em; margin-left: 20px; }
footer .menu-main-menu-container a { color: #000; }
footer .widget .menu-main-menu-container a:hover { color: #bdd53c; background: none;   }

footer .gform_wrapper div.validation_error { color: #F00; font-size: 11px; margin-bottom: 0px; }
footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required { background: none; border: none; padding: 0px !important; margin: 0px !important;  }
footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label, footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 0px; font-size: 11px; }
footer .gform_wrapper .top_label .gfield_error input.large, footer .gform_wrapper .top_label .gfield_error select.large, footer .gform_wrapper .top_label .gfield_error textarea.textarea { margin-bottom: 0px; color: #f00; }
footer .gform_wrapper .ginput_container + .gfield_description.validation_message { display: none; visbility: hidden; }

footer .gform_wrapper li.gfield_error input[type=text], footer .gform_wrapper li.gfield_error input[type=url], footer .gform_wrapper li.gfield_error input[type=email], footer .gform_wrapper li.gfield_error input[type=tel], footer .gform_wrapper li.gfield_error input[type=number],  footer .gform_wrapper li.gfield_error input[type=password], footer .gform_wrapper li.gfield_error textarea { border-color: #F00; }

}
/* small */

@media (min-width: 979px) and (max-width: 1199px)  {
 .well-green { min-height: 160px; }
}


@media (min-width: 767px) and (max-width: 979px)  {
 .well-green { min-height: 220px; }
}

@media (min-width: 1200px) {
	
}

@media (max-width: 1199px) {
	.navbar .nav > li > a { font-size: 14px; padding: 27px 11px !important; }
	#feature-boxes { height: 149px; }
/*	.home .slides { height: 450px; } */
}

@media (max-width: 979px) { 
	a.feature-button h4 { padding: 10px; }
	#feature-boxes { height: 101px; }
	#widget-bar { text-align: center; }
	#widget-bar img { display: block; margin: 0 auto; float: none; }
	#widget-bar p { padding-left: 0px; }
	#feature-calc p { padding-left: 40px; padding-right: 40px; }
	.calc .light label { font-size: 12px; }
	.navbar-relative-top { margin-bottom: 0px; }
	.navbar .btn-navbar { margin-top: 30px; }
}


@media (max-width: 767px) {
	#feature-boxes { height: auto; }
	#feature-boxes .span4 { margin-top: 0px; }
	.feature-button { display: block; text-align: left; }
	.feature-button img { display: none; }
	a.feature-button h4 { display: block; position: static; clear: both; text-align: center; }
	
	#feature-calc { padding: 0px; }
	
	.calc .light { height: auto; }
	
	.calc button.remove { margin-top: 0px; }
	.calc input { width: 98%; }
	.calc .light label { font-size: 14px; }
	.calc .well { padding: 10px; }
}