@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);

/* Scope ONLY to the contact form */
#wa-contact-form input,
#wa-contact-form textarea{
  width:100%;
  font-size:14px;
  line-height:1.2;
  padding:12px 14px;
  border:1px solid #d8d8d8;
  border-radius:12px;
  background:#fff;
  color:#222;
  transition:.15s ease;
  box-sizing:border-box;
}

#wa-contact-form input::placeholder,
#wa-contact-form textarea::placeholder{
  color:#9aa0a6;
}

#wa-contact-form input:focus,
#wa-contact-form textarea:focus{
  outline:none;
  border-color:#7aa7ff;
  box-shadow:0 0 0 3px rgba(122,167,255,.18);
}

#wa-contact-form textarea{
  height:140px;
  resize:none;
}

#wa-contact-form #submit{
  background-color:#123456;
  border:1px solid #123456;
  color:#fff;
  font-family:'Fauna One', serif;
  font-weight:700;
  font-size:16px;
  padding:14px 16px;
  border-radius:14px;
  cursor:pointer;
  transition:opacity .15s ease, transform .15s ease;
}

#wa-contact-form #submit:hover{ transform: translateY(-1px); }

#wa-contact-form #submit:disabled,
#wa-contact-form #submit.is-loading{
  opacity:.65;
  cursor:not-allowed;
  transform:none;
}

/* message area */
#wa-contact-form #returnmessage{
  margin:0 0 14px 0;
  font-size:14px;
  text-align:left;
}

/* alerts used by the new JS */
#wa-contact-form .cf-alert{
  padding:12px 14px;
  border-radius:12px;
  border:1px solid transparent;
  line-height:1.35;
}
#wa-contact-form .cf-alert-success{
  background:#ecfdf3;
  border-color:#a7f3d0;
  color:#065f46;
}
#wa-contact-form .cf-alert-error{
  background:#fff1f2;
  border-color:#fecdd3;
  color:#9f1239;
}
#wa-contact-form .cf-alert-info{
  background:#eff6ff;
  border-color:#bfdbfe;
  color:#1e40af;
}

/* success block */
#wa-contact-form .contact-form-result{
  display:none;
  margin-top:16px;
  padding:16px;
  border-radius:14px;
  border:1px solid #a7f3d0;
  background:#ecfdf3;
}
#wa-contact-form .contact-form-result.is-visible{ display:block; }