@charset "utf-8";

/* Form container */
.contact-form {
  box-sizing: border-box;
  width: 100%;
  max-width: 880px;
  margin: 0 20px;
  padding: 24px 40px;
  color: #111111;
}

/* Field block */
.form-row {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

/* Labels */
#contact_form label {
  margin-bottom: 6px;
}

/* Inputs / textarea */
#contact_form input,
#contact_form textarea {
  /* [disabled]width: 100%; */
  height: 46px;
  padding: 10px 12px;
  border: 1px solid #D8D2C8;
  border-radius: 7px;
  background: #FFFFFF;
  color: #111111;
  outline: none;
  font: inherit;
  max-width: 100%;
}

/* Textarea */
#contact_form textarea {
  height: 110px;
  resize: vertical;
}

/* Focus */
#contact_form input:focus,
#contact_form textarea:focus {
  border-color: #000000;
  box-shadow: 0 0 0 3px rgba(191,164,111,0.5);
}

/* Submit button */
#contact_form input[type="submit"] {
  width: 100%;
  height: 50px;
  margin-top: 12px;
  background: #111;
  color: #fff;
  border: 1px solid #111;
  border-radius: 7px;
  cursor: pointer;
  font: inherit;
}

#contact_form input[type="submit"]:hover {
  background: #222;
}

#contact_form input[type="submit"]:active {
  background: #000;
}

/* Helper text */
.form-note {
  margin-top: 10px;
  text-align: center;
}