@charset "utf-8";

/* CSS Document
 Theme Name:   Losangeles Websitebuilder1
 Theme URI:    http://losangeleswebsitebuilder.com/customizr/
 Description:  Customizr Child Theme
 Author:       Sam Vongs
 Author URI:   http://losangeleswebsitebuilder.com
 Template:     customizr
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  customizr-child
*/

/*@import url('../customizr/style.css');*/


body {
	line-height: 1.6em;
}
header.tc-header {
	/* Adjust the Image location '/wp-content/uploads/NAMEOFFILE.png' */
	background: url('http://losangeleswebsitebuilder.com/wp-content/uploads/2015/10/cropped-bridge500.jpg') repeat fixed 0 0 #FAFAFA !important ;
}
.home header.tc-header{
	/* Adjust the Image location '/wp-content/uploads/NAMEOFFILE.png' */
	background: #fff !important ;
}
.navbar.resp {
    width: 90%;
    float: left;
}
.navbar .navbar-inner .social-block {
    width: auto;
}
.sticky-enabled .brand a, .sticky-enabled .brand h1 {
     margin: 0px 0; 
}
.sticky-enabled .tc-shrink-on .site-logo img {
    height: 45px!important;
    width: auto!important;
}
.social-block a:before {
    color: #e9a825;
	font-size: 1.5em;
}

/* Social Icons - Disable----------------- */
.navbar-inner .social-block {
	padding-right: 10px;
}

.navbar-wrapper .navbar .row-fluid .span7 {
    width: auto;
	font-size: 26px;
}
.navbar .nav {
    background-color: transparent\9;
    background: rgba(0,0,0,.5);
	border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
	background-image: -moz-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: -webkit-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: -o-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: -ms-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  border-radius: 10px;
	  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2);
	  text-shadow: -1px -1px 0 rgba(0,0,0,1);
}
.navbar .nav>li>a {
    font-size: 15px;
    line-height: 20px;
    color: #FFF0A5;
}
.nav-collapse .dropdown-menu a, .nav-collapse .nav>li>a {
    color: #FFF0A5;
	/*background-color: #666;*/
	background-color: transparent\9;
    background: rgba(0,0,0,.5);
	border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
	background-image: -moz-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: -webkit-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: -o-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: -ms-linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  background-image: linear-gradient(rgba(59,59,59,0.3), rgba(38,38,38,0.3));
	  /*border-radius: 10px;*/
	  box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2);
	  text-shadow: -1px -1px 0 rgba(0,0,0,1);
}
.tc-regular-menu .navbar .nav>li.current-menu-ancestor>a {
    color: #468966;
}
.navbar-link:hover,
.navbar-link:focus {
    color: #e9a825;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: transparent;
	color: #e9a825;
	text-decoration: none;
}
.navbar-wrapper .navbar .nav > li.current-menu-item > a {
   color: #468966;
}

.navbar-wrapper .navbar .navbar-inner .tc-hover-menu-wrapper .tc-hover-menu >li.current_page_parent>a  {
  color: #468966;
}
/* my-nav-menu-search menu item created in functions.php. Move it way over to the right */
.navbar .nav .my-nav-menu-search {
    float: right;
}
.navbar .nav {
    width: 100%;
}
.my-nav-menu-search .search-form {
    position: relative;
    margin: 0;
}
/*Stop the display of the Search button*/
.my-nav-menu-search .search-submit {
    display: none;
}
/* The "Search for" text is needed for screen readers, but we move it off screen, so we won't see it */
.my-nav-menu-search .search-form .screen-reader-text {
    position: absolute;
    left: -9999px;
    overflow: hidden;
}
 
/* Style the search input textbox */
.my-nav-menu-search .search-field {
    background: transparent;
    border: none;
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
    cursor: pointer;
    height: 26px;
    margin: 2px 0 2px 0;
    padding: 0 0 0 36px;
    position: relative;
    -webkit-transition: width 400ms ease;
    -moz-transition:    width 400ms ease;
    -o-transition:      width 400ms ease;
    transition:         width 400ms ease;
    width: 0px;
}
 
/* Expand the search box when you click it */
.my-nav-menu-search .search-field:active,
.my-nav-menu-search .search-field:focus {
    color: #5a5a5a;
	color: #FFF0A5;
    /* change the colour above if you are working with a dark navbar background */
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 70px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin: 0;
}

#tc-page-wrap .carousel-caption h1 {
    font-size: 42px;
    font-weight: 900;
}
.carousel-caption {
	padding: 1% 5%;
}
.carousel-caption .lead {
    font-size: 36px;
}

 
/* Add a magnifying glass background */
.my-nav-menu-search .search-form:before {
    font-family: 'FontAwesome';
    content: '\f002';
    position: absolute; /* this is the key to put it visually inside the search field */
    font-size: 19px;
    font-weight: normal;
    top: 5px; /* tune this vertical alignment inside the search field, as needed */
    left: 5px; /* tune this horizontal alignment inside the search field, as needed */
	color: #e9a825;
}
#main-wrapper {
     margin-top: 0px;
}
.home #main-wrapper {
    margin-top: 0px; 
    margin-bottom: 4.5em;
}
#main-wrapper .widget li a {
	font-size: 14px;
    border-bottom: 1px solid #FFF0A5;
	padding: 10px 0;
}
#main-wrapper .widget li {
    line-height: 2.6em;
    border-bottom: 1px solid #FFF0A5;
    position: relative;
}
.entry-header .featurette-divider {
     margin: 0px 0; 
    clear: both;
}

input[type=submit] {
    color: #fff;
    background-color: #d2961d;
    background-image: -moz-linear-gradient(top,#e9a825,#b07b12);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e9a825),to(#b07b12));
    background-image: -webkit-linear-gradient(top,#e9a825,#b07b12);
    background-image: -o-linear-gradient(top,#e9a825,#b07b12);
    background-image: linear-gradient(to bottom,#e9a825,#b07b12);
    border-color: #b07b12 #b07b12 #6a4b0b;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}
input[type=submit]:hover {
    background-color: #b07b12;
}
/*input[type=email]:focus {
	border-color: #F0C46A;
	outline: 0px none;
	box-shadow: 0px 0px 8px #F0C46A;
}*/
/*input:focus:invalid, select:focus:invalid, textarea:focus:invalid {
    border-color: #F0C46A;
	outline: 0px none;
	box-shadow: 0px 0px 8px #F0C46A;
}*/
input:focus:invalid:focus, select:focus:invalid:focus, textarea:focus:invalid:focus{
	border-color: #F0C46A;
	outline: 0px none;
	box-shadow: 0px 0px 8px #F0C46A;
}
/*#content .featurette-divider :first-child {
     margin:  0; 
    clear: both;
}*/
aside .widget-title {
    /*font-size: 16px;*/
    line-height: 30px;
    margin-bottom: 8px;
    padding: 10px 0;
    text-transform: uppercase;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	border-bottom: 3px solid #FFF0A5;
}
.widget-front .round-div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/*.nav .dropdown-menu li {
    background-color: #B6492;
}*/

.entry-header .entry-title> a {
	color: #5a5a5a;
}
.entry-content .featurette-heading {
    font-size: 45px;
}
#content #page-1558 .entry-content .banner,
#content #page-1548 .entry-content .banner,
#content #page-1552 .entry-content .banner,
#content #page-65 .entry-content h2,
#content #page-98 .entry-content h1 {
	margin: 1.5em 0 0.7em;
	padding: 0.9em 0 0.9em 0.2em;
	color: #fff;
	text-shadow: -1px -1px 1px #e9a825, 1px 1px 1px #b07b12;
	background-color: #FFF0A5;
    background-image: -moz-linear-gradient(top,#5a5a5a,#3a3a3a);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5a5a5a),to(#3a3a3a));
    background-image: -webkit-linear-gradient(top,#5a5a5a,#3a3a3a);
    background-image: -o-linear-gradient(top,#5a5a5a,#3a3a3a);
    background-image: linear-gradient(to bottom,#5a5a5a,#3a3a3a);
    border-color: #b07b12 #b07b12 #6a4b0b;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	/*text-align: center;*/
}
#content #page-65 .entry-content .mc4wp-form input[type=email],
#content #page-1552 .entry-content .mc4wp-form input[type=email],
#content #page-1548 .entry-content .mc4wp-form input[type=email],
#content #page-1558 .entry-content .mc4wp-form input[type=email] {
	width: 50%;
}
#content #page-98 .entry-content h1 {
   text-align: center;
}
#content #page-98 .entry-content h1:first-child {
	margin-top: 0;
}

.post-98 .entry-content >ul>li {
	line-height: 1.6em;
}

/*MailChimp Subscriber Form*/
/*#mc_embed_signup {
	background:#fff; 
    clear:left; 
	font:14px Helvetica,Arial,sans-serif;
}*/
.widget-area .widget_mc4wp_form_widget h3:before {
  content: "\f0e0";
}
.mc4wp-success p {
	color: #468966;
}

/* Quote Form----------------------------------------- */
.background-form {
	float:left;
	width:100%;
	padding:40px;
	box-sizing:border-box;
	
	background-size:cover;
	margin-left:auto;
	margin-right:auto; 
	border:#FFF0A5 15px solid;
	border-radius:5px;
	background:RGBA(255,255,255,1); 
	-webkit-box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);        
	box-shadow:  0px 0px 15px 0px rgba(0, 0, 0, .45);
	background:url('http://contractorwebsitebuilder.com/wp-content/themes/losangeleswebsitebuilder1/img/form-bg-img.jpg') center no-repeat; 
}
.background-form-img {
	background:url('http://contractorwebsitebuilder.com/wp-content/themes/losangeleswebsitebuilder1/img/quote-bg.jpg') no-repeat center bottom;
}
.background-form-img1650 {
	background:url('http://contractorwebsitebuilder.com/wp-content/themes/losangeleswebsitebuilder1/img/quote-bg-1650h.jpg') no-repeat center bottom;
}


/* Contact Form 7----------------------------------------- */
.registration .wpcf7-form-control-wrap>input[type="text"],
.registration .wpcf7-form-control-wrap>input[type="email"],
.registration .wpcf7-form-control-wrap>input[type="tel"],
.registration .wpcf7-form-control-wrap>input[type="url"],
.registration .wpcf7-form-control-wrap>input[type="checkbox"],
.registration .wpcf7-form-control-wrap>input[type="number"],
.registration .wpcf7-form-control-wrap>textarea {
    font-size: 15px;
    outline: none;
    font-weight: 600;
    color: #8D8E8F;
    padding: 12px 12px;
    width: 86%;
    border-top: 1px solid #090B0D;
    border-right: 2px solid #424549;
    border-bottom: 2px solid #424549;
    border-left: 1px solid #090B0D;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -o-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    font-family: 'Raleway', sans-serif;
}	
span.wpcf7-list-item { 
    display: block; 
	line-height: 15px;
	font-size: 12px;
}
#page-823 .registration .wpcf7-form-control-wrap>input[type="text"],
#page-823 .registration .wpcf7-form-control-wrap>input[type="email"],
#page-823 .registration .wpcf7-form-control-wrap>input[type="tel"],
#page-823 .registration .wpcf7-form-control-wrap>input[type="url"],
#page-823 .registration .wpcf7-form-control-wrap>input[type="number"],
#page-823 .registration .wpcf7-form-control-wrap>textarea {
    padding: 7px 12px;
	width: 86%;
}

.registration .wpcf7-form-control-wrap>input[type="email"]:focus,
.registration .wpcf7-form-control-wrap>input[type="text"]:focus,
.registration .wpcf7-form-control-wrap>input[type="tel"]:focus,
.registration .wpcf7-form-control-wrap>input[type="url"]:focus,
.registration .wpcf7-form-control-wrap>input[type="checkbox"]:focus,
.registration .wpcf7-form-control-wrap>input[type="number"]:focus,
.registration .wpcf7-form-control-wrap>textarea:focus {
    border-color: #f0c46a;
    outline: 0;
    outline: dotted thin\9;
    -webkit-box-shadow: 0 0 8px #f0c46a;
    -moz-box-shadow: 0 0 8px #f0c46a;
    box-shadow: 0 0 8px #f0c46a;
}
.module input[type=submit] {
    color: #fff;
    font-size: 21px;
	padding: 12px 12px;
}
form.invalid input.wpcf7-not-valid{
  border:1px solid red;
  background:#f0e3e3;
}

/* Ninja Forms ----------------------------------------- */
.nf-form-layout .label-above .nf-field-label {
    margin-bottom: 0px;
}

.nf-form-wrap .nf-form-layout .nf-field-container, 
.nf-form-wrap .nf-form-layout #ninja_forms_required_items {
    clear: both;
    position: relative;
    margin-bottom: 10px;
}

.nf-field-element input[type=text],
.nf-field-element input[type=email],
.nf-field-element input[type=tel],
.nf-field-element input[type=url],
.nf-field-element input[type=checkbox],
.nf-field-element input[type=number],
.nf-field-element textarea {
    font-size: 15px;
    outline: none;
    font-weight: 600;
    color: #8D8E8F;
    padding: 5px 5px;
    width: 100%;
    border-top: 1px solid #090B0D;
    border-right: 2px solid #424549;
    border-bottom: 2px solid #424549;
    border-left: 1px solid #090B0D;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -o-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    font-family: 'Raleway', sans-serif;
}

.nf-field-element input[type="email"]:focus,
.nf-field-element input[type="text"]:focus,
.nf-field-element input[type="tel"]:focus,
.nf-field-element input[type="url"]:focus,
.nf-field-element input[type="checkbox"]:focus,
.nf-field-element input[type="number"]:focus,
.nf-field-element textarea:focus {
    border-color: #f0c46a;
    outline: 0;
    outline: dotted thin\9;
    -webkit-box-shadow: 0 0 8px #f0c46a;
    -moz-box-shadow: 0 0 8px #f0c46a;
    box-shadow: 0 0 8px #f0c46a;
}

.nf-form-wrap .nf-form-layout .list-radio-wrap .nf-field-element li, 
.nf-form-wrap .nf-form-layout .list-checkbox-wrap .nf-field-element li {
    padding-left: 10px;
    margin: 0 0 0px !important; 
}

.nf-form-wrap .nf-form-layout .list-radio-wrap .nf-field-element li label, 
.nf-form-wrap .nf-form-layout .list-checkbox-wrap .nf-field-element li label {
	font-size: 12px;
}

.nf-field-element input[type="submit"], 
.nf-field-element input[type="button"], .nf-field-element button {
    width: auto;
	font-size: 21px;
	padding: 8px 17px;
    color: #fff;
    background-color: #d2961d;
    background-image: -moz-linear-gradient(top,#e9a825,#b07b12);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e9a825),to(#b07b12));
    background-image: -webkit-linear-gradient(top,#e9a825,#b07b12);
    background-image: -o-linear-gradient(top,#e9a825,#b07b12);
    background-image: linear-gradient(to bottom,#e9a825,#b07b12);
    border-color: #b07b12 #b07b12 #6a4b0b;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
#nf-field-9-wrap .nf-field-element input[type="button"] {
	margin-top: 10px;
}

.nf-response-msg {
	color: #257348;
	font-weight: 700;
}

/* Mailchimp ----------------------------------------- */
.mc4wp-form-fields input[type=email] {
	font-size: 15px;
    outline: none;
    font-weight: 600;
    color: #8D8E8F;
    padding: 10px 10px;
    width: 90%;
    border-top: 1px solid #090B0D;
    border-right: 2px solid #424549;
    border-bottom: 2px solid #424549;
    border-left: 1px solid #090B0D;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -o-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    -moz-box-shadow: inset 0px 3px 0px 0px rgba(5, 5, 5, 0.15);
    font-family: 'Raleway', sans-serif;
}
.mc4wp-form-fields input[type=email]:focus {
    border-color: #f0c46a;
    outline: 0;
    outline: dotted thin\9;
    -webkit-box-shadow: 0 0 8px #f0c46a;
    -moz-box-shadow: 0 0 8px #f0c46a;
    box-shadow: 0 0 8px #f0c46a;
}

.standard-modal .content .post-share-thanks h1 {
    background-color: #e9a825;
}
.standard-modal .footer .logo {
    background: url("") 0 0 no-repeat;
}
#footer .footer-widgets .widget-area li {
	line-height: 2.2em;
}
footer#footer a, footer#footer p {
    font-size: 14px;
    line-height: 1.6em;
}

/* Footer social Icon ----------------------------------------- */
.aps-group-horizontal>[class*=" icon-"], .aps-group-horizontal>[class^=icon-] {
    width: auto;
    height: auto;
    background-image: none;
}

/* Temp CSS  to control Social Icon Header not loading due to the conflict caching/minifying system causing missing the icons font-face declaration  with on theme update Jan2017*/
.social-block .fa:before {
    color: #e9a825;
    font-size: 1.5em;
}
 
 
/* Reset nav width and search floating for mobile menu */
@media (max-width: 979px){
    .navbar .nav .my-nav-menu-search {
        float: left;
    }
    .navbar .nav {
        width: auto;
    }
}