/*
 * Contact Form 7 styling for the bmade form block.
 * Replaces the Gravity Forms rules in bmade.main.css (.gform_*, .gfield_*).
 */

.form .wpcf7 {
  width: calc(100% - 8px);
}

.form .wpcf7-form p {
  margin: 0 0 1.5625rem;
}

.form .wpcf7-form label {
  display: block;
}

.form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 0.5rem;
}

.form .wpcf7-form input[type="text"],
.form .wpcf7-form input[type="email"],
.form .wpcf7-form input[type="tel"],
.form .wpcf7-form textarea {
  width: 100%;
}

.contact-form input[type="tel"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 0px 0px 1px;
  border-color: #a3a3a3;
  transition: all 0.2s ease-in-out;
  background-color: transparent;
}

.contact-form input[type="tel"]:focus {
  border-color: #000000;
}

.form .wpcf7-submit {
  background-color: #000000;
  color: white;
}

.form .wpcf7-spinner {
  vertical-align: middle;
}

.form .wpcf7-not-valid {
  border-color: #d0021b !important;
}

.form .wpcf7-not-valid-tip {
  color: #d0021b;
  font-size: 0.875rem;
  margin-top: 0.3125rem;
}

.form .wpcf7 form .wpcf7-response-output {
  margin: 1.5625rem 0 0;
  padding: 0;
  border: 0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.25rem;
}

.form .wpcf7 form.invalid .wpcf7-response-output,
.form .wpcf7 form.unaccepted .wpcf7-response-output,
.form .wpcf7 form.failed .wpcf7-response-output,
.form .wpcf7 form.spam .wpcf7-response-output {
  color: #d0021b;
}