/* =========================
FORM CONTAINER
========================= */

#lf_form_container {
max-width: 100% !important;
  margin: 0 !important;
  padding: 36px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}


/* =========================
HEADINGS & TEXT
========================= */

#lf_form_container h3 {
  font-size: 24px;
  margin-bottom: 24px;
  color: #1E1E1E;
}

#lf_form_container p {
  margin: 0 0 18px 0;
}

#lf_form_container label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #3F465A;
}


/* =========================
2 COLUMN NAME ROW
========================= */

#lf_first_name_block,
#lf_last_name_block {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 8px);
}

#lf_first_name_block {
  margin-right: 16px;
}

#lf_email_block,
#lf_phone_block,
#lf_message_block,
#lf_form_container .buttons {
  clear: both;
}


/* =========================
FIELDS
========================= */

#lf_form_container input[type="text"],
#lf_form_container input[type="email"],
#lf_form_container textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #ffffff;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}

#lf_form_container textarea {
  min-height: 120px;
}

#lf_form_container input:focus,
#lf_form_container textarea:focus {
  border-color: #CFA36A;
  outline: none;
}


/* =========================
SUBMIT BUTTON
========================= */

#lf_form_container .buttons {
  width: 100%;
  margin-top: 20px;
}

#lf_form_container .buttons input[type="hidden"] {
  display: none;
}

#lf_form_container #saveForm {
  display: block;
  width: 100%;

  height: 48px;
  line-height: 48px;

  padding: 0;
  margin: 0;

  border-radius: 4px;
  border: none;

  background-color: #CFA36A;
  color: #ffffff;

  font-size: 16px;
  font-weight: 600;
  text-align: center;

  box-sizing: border-box;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#lf_form_container #saveForm:hover {
  background-color: #b88e55;
}


/* =========================
SUCCESS MESSAGE
========================= */

#lf_form_container .success,
#lf_form_container .clio-grow-success {
  margin-top: 20px;
  padding: 16px;
  background: #e6f4ea;
  border: 1px solid #28a745;
  color: #1e4620;
  border-radius: 4px;
  font-size: 14px;
}


/* =========================
MOBILE
========================= */

@media (max-width: 600px) {
  #lf_first_name_block,
  #lf_last_name_block {
    width: 100%;
    margin-right: 0;
  }
}