/* Long Beach Expert Painting: Ninja Forms skin.
   Enqueued LAST so it wins every cascade fight with the plugin's own stylesheet
   and with Divi. Every rule is element-level under .leadform--nf and every
   declaration is !important, because Ninja Forms ships high-specificity styles
   that are injected after the theme's. */

/* One column. Every field full width, phone and email included: Ninja Forms
   defaults to a half-width pair and that breaks the card's rhythm. */
.leadform--nf .nf-form-cont,
.leadform--nf .nf-form-content{padding:0!important;margin:0!important;max-width:none!important}
.leadform--nf .nf-form-fields-required{display:none!important}
.leadform--nf .nf-field-container{margin:0 0 12px!important;width:100%!important;max-width:none!important}
.leadform--nf .nf-field-container:last-of-type{margin-bottom:0!important}
.leadform--nf .field-wrap{display:block!important;width:100%!important}
.leadform--nf .nf-field-element{width:100%!important}
.leadform--nf .one-half,
.leadform--nf .one-third,
.leadform--nf .two-thirds,
.leadform--nf .three-fourths,
.leadform--nf .one-fourth{width:100%!important;float:none!important;margin-left:0!important;margin-right:0!important;clear:both!important}

/* Labels */
.leadform--nf .nf-field-label{margin:0 0 4px!important;padding:0!important}
.leadform--nf .nf-field-label label{display:block!important;font:600 14px/1.35 Overpass,sans-serif!important;color:var(--ink)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
.leadform--nf .nf-field-label .ninja-forms-req-symbol{color:var(--accent)!important}

/* Inputs: square at the project radius */
.leadform--nf input[type=text],
.leadform--nf input[type=email],
.leadform--nf input[type=tel],
.leadform--nf input[type=number],
.leadform--nf textarea,
.leadform--nf select{display:block!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:9px 11px!important;font:400 15px/1.4 Overpass,sans-serif!important;color:var(--ink)!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;box-shadow:none!important;height:auto!important}
.leadform--nf textarea{height:64px!important;min-height:64px!important;resize:vertical!important}
.leadform--nf input:focus,
.leadform--nf textarea:focus,
.leadform--nf select:focus{outline:2px solid var(--accent)!important;outline-offset:0!important;border-color:var(--brand)!important}
.leadform--nf ::placeholder{color:var(--ink-soft)!important;opacity:.75!important}

/* Submit: ink, clay on hover, full width */
.leadform--nf input[type=button],
.leadform--nf input[type=submit],
.leadform--nf .nf-field-element .ninja-forms-field[type=button]{display:block!important;width:100%!important;margin:4px 0 0!important;padding:14px 22px!important;font:800 15.5px/1 Overpass,sans-serif!important;letter-spacing:-.01em!important;color:#fff!important;background:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:var(--r)!important;cursor:pointer!important;height:auto!important;text-transform:none!important}
.leadform--nf input[type=button]:hover,
.leadform--nf input[type=submit]:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--ink)!important}

/* Errors and responses */
.leadform--nf .nf-error-msg,
.leadform--nf .ninja-forms-field-error{color:#B3471F!important;font:600 13px/1.4 Overpass,sans-serif!important;margin:4px 0 0!important}
.leadform--nf .nf-error .nf-field-element input,
.leadform--nf .nf-error .nf-field-element textarea{border-color:#B3471F!important}
.leadform--nf .nf-response-msg,
.leadform--nf .nf-form-success-msg{padding:12px 14px!important;margin:0!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;background:var(--light)!important;color:var(--ink)!important;font:400 15px/1.5 Overpass,sans-serif!important}
.leadform--nf .nf-field-container.submit-container{margin-top:2px!important}
.leadform--nf .nf-after-form-content,
.leadform--nf .nf-form-hp{display:none!important}

/* DARK-SECTION GUARD
   Inside the hero and the closing CTA band the card sits on ink. Force the
   heading, labels, inputs and fine print back to dark-on-light or the whole
   form disappears into the background. */
.cta .leadcard,.hero .leadcard,.hero--img .leadcard,.hero--photo .leadcard,.sect--ink .leadcard{background:var(--paper)!important;color:var(--ink)!important}
.cta .leadcard .leadcard__title,.hero .leadcard .leadcard__title,.sect--ink .leadcard .leadcard__title,
.cta .leadbox__hd h2,.hero .leadbox__hd h2,.sect--ink .leadbox__hd h2{color:var(--ink)!important}
.cta .leadform--nf .nf-field-label label,.hero .leadform--nf .nf-field-label label,.sect--ink .leadform--nf .nf-field-label label{color:var(--ink)!important}
.cta .leadform--nf input,.cta .leadform--nf textarea,
.hero .leadform--nf input,.hero .leadform--nf textarea,
.sect--ink .leadform--nf input,.sect--ink .leadform--nf textarea{color:var(--ink)!important;background:#fff!important}
.cta .leadcard__fine,.hero .leadcard__fine,.sect--ink .leadcard__fine{color:var(--ink-soft)!important}
.cta .leadcard__fine a,.hero .leadcard__fine a,.sect--ink .leadcard__fine a{color:var(--brand)!important}
.cta .leadform__success p,.hero .leadform__success p{color:var(--ink)!important}