/* Contact page. Loads after style.css, sidebar.css, and interior-hero.css.
   Form element selectors target Fluent Forms output. */

.bch-contact-main h2 {
  color: var(--navy);
  font-size: 22px;
  font-weight: 700;
  margin: 10px 0 18px;
}

.bch-contact-main .ff-el-form-control {
  border: 1px solid var(--border);
  border-radius: 8px;
}

.bch-contact-main .ff-el-form-control:focus {
  border-color: var(--teal);
  outline: none;
}

.bch-contact-main .ff-el-form-check-label {
  font-size: 15px;
  line-height: 1.4;
  padding-left: 6px;
}

.bch-contact-main form .ff-btn.ff-btn-submit:not(.ff_btn_no_style) {
  background-color: var(--teal);
  border: none;
  border-radius: 8px;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
}

.bch-contact-main form .ff-btn.ff-btn-submit:not(.ff_btn_no_style):hover {
  background-color: var(--navy2);
}