/* Estilos da validação do formulário de contato (ver public/js/contact-form.js) */

.contact-form .field-error,
.contact-form .field-error:focus {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 1px rgba(231, 76, 60, 0.35);
}

.contact-form .field-msg {
  display: block;
  text-align: left;
  color: #c0392b;
  font-size: 12px;
  line-height: 1.35;
  margin: -10px 0 14px;
}

/* o textarea não tem a mesma margem inferior dos inputs */
.contact-form textarea + .field-msg {
  margin-top: 6px;
}

.contact-form .field-msg:empty {
  display: none;
}

.contact-form .alert-msg {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 12px;
}

.contact-form .alert-msg.alert-error {
  color: #c0392b;
}

.contact-form .alert-msg.alert-ok {
  color: #1e824c;
}