/* Ninja Forms skin for Irvine Kitchen Remodeling Pros.
   Enqueued LAST. Element level selectors, every rule !important, one column. */

.leadform--nf .nf-form-fields-required { display: none !important; }
/* The card supplies its own H2. Any title the imported form carries is a second heading. */
.leadform--nf .nf-form-title, .leadform--nf .nf-form-title h3 { display: none !important; }
.leadform--nf .nf-form-content { padding: 0 !important; max-width: none !important; }
.leadform--nf .nf-form-layout form { margin: 0 !important; }

.leadform--nf .nf-form-content .nf-field-container,
.leadform--nf .nf-field-container { margin: 0 0 12px !important; width: 100% !important; float: none !important; clear: both !important; }
.leadform--nf .nf-form-content nf-fields-wrap,
.leadform--nf nf-fields-wrap { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; }
.leadform--nf .nf-field { 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; }

.leadform--nf .nf-field-label label,
.leadform--nf .nf-field-label .nf-label-span {
  display: block !important; font: 600 14px/1.3 "Public Sans", "Helvetica Neue", Helvetica, sans-serif !important;
  letter-spacing: 0 !important; text-transform: none !important; color: #0d1c31 !important; margin: 0 0 6px !important;
}
.leadform--nf .nf-field-label .ninja-forms-req-symbol { color: #a97c33 !important; }

.leadform--nf input[type=text], .leadform--nf input[type=email], .leadform--nf input[type=tel],
.leadform--nf input[type=number], .leadform--nf select, .leadform--nf textarea {
  width: 100% !important; box-sizing: border-box !important; border-radius: 0 !important;
  border: 1px solid #dcd5c8 !important; background: #f7f4ef !important; color: #0d1c31 !important;
  font: 400 15px/1.4 "Public Sans", "Helvetica Neue", Helvetica, sans-serif !important;
  padding: 12px !important; box-shadow: none !important; height: auto !important;
}
.leadform--nf textarea { min-height: 96px !important; resize: vertical !important; }
.leadform--nf input:focus, .leadform--nf select:focus, .leadform--nf textarea:focus {
  outline: 2px solid #a97c33 !important; outline-offset: -2px !important; border-color: #a97c33 !important; background: #fff !important;
}

.leadform--nf .nf-field-element input[type=button],
.leadform--nf input[type=submit], .leadform--nf button[type=submit] {
  width: 100% !important; display: block !important; border-radius: 0 !important; cursor: pointer !important;
  background: #122a4e !important; border: 1px solid #122a4e !important; color: #fff !important;
  font: 700 15px/1 "Public Sans", "Helvetica Neue", Helvetica, sans-serif !important;
  letter-spacing: .02em !important; padding: 16px 26px !important; height: auto !important;
}
.leadform--nf .nf-field-element input[type=button]:hover,
.leadform--nf input[type=submit]:hover, .leadform--nf button[type=submit]:hover {
  background: #a97c33 !important; border-color: #a97c33 !important; color: #fff !important;
}

.leadform--nf .nf-error-msg, .leadform--nf .ninja-forms-field-error {
  color: #8e6626 !important; font: 600 12.5px/1.4 "Public Sans", "Helvetica Neue", Helvetica, sans-serif !important; margin-top: 6px !important;
}
.leadform--nf .nf-error .nf-field-element input,
.leadform--nf .nf-error .nf-field-element textarea { border-color: #8e6626 !important; }
.leadform--nf .nf-response-msg, .leadform--nf .nf-form-success-msg {
  border: 1px solid #a97c33 !important; background: #eee9e1 !important; color: #0d1c31 !important;
  padding: 16px !important; font: 500 14px/1.55 "Public Sans", "Helvetica Neue", Helvetica, sans-serif !important;
}
.leadform--nf .nf-field-description { font: 400 12.5px/1.45 "Public Sans", "Helvetica Neue", Helvetica, sans-serif !important; color: #58636e !important; }

/* dark-section guard: the card sits on navy on every content route */
.cta .leadform--nf label, .mcta .leadform--nf label, .hero--img .leadform--nf label,
.hero--photo .leadform--nf label, .mhero .leadform--nf label, .sect--ink .leadform--nf label,
.cta .leadform--nf .nf-label-span, .mcta .leadform--nf .nf-label-span,
.mhero .leadform--nf .nf-label-span { color: #0d1c31 !important; }
.cta .leadbox h2, .mcta .leadbox h2, .mhero .leadbox h2,
.hero--photo .leadbox h2, .hero--img .leadbox h2, .sect--ink .leadbox h2 { color: #0d1c31 !important; }
.cta .leadbox .form__fine, .mcta .leadbox .form__fine, .mhero .leadbox .form__fine,
.hero--photo .leadbox .form__fine, .sect--ink .leadbox .form__fine { color: #58636e !important; }
.mhero .leadform--nf input, .mcta .leadform--nf input, .cta .leadform--nf input,
.mhero .leadform--nf textarea, .mcta .leadform--nf textarea, .cta .leadform--nf textarea,
.mhero .leadform--nf select, .mcta .leadform--nf select, .cta .leadform--nf select {
  color: #0d1c31 !important; background: #f7f4ef !important;
}
.mhero .leadform--nf input[type=button], .mcta .leadform--nf input[type=button],
.cta .leadform--nf input[type=button] { color: #fff !important; }