input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button-secondary,
.woocommerce_message .button,
.woocommerce-message .button {
  @extend .btn;
  @extend .btn-filled;
  font-weight: inherit;
}

.woocommerce_message .button,
.woocommerce-message .button {
  background-color: transparent !important;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="time"], input[type="month"], input[type="week"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
input.input-text,
select,
textarea {
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  line-height: 1.6;
  outline: 0;
  padding: 8px 10px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.06);
  border-radius: 2px;
  -webkit-appearance: none;
  transition: all 0.2s;

  &:focus {
    outline: 0;
    border-color: #d7d7d7;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.07);
  }
}

label {
  display: block;
  color: gray('600');
  padding-bottom: 3px;

  .required {
    color: gray('500');
  }
}

[type=checkbox]+label, [type=radio]+label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.375rem;
  margin-right: 0.75rem;
  margin-bottom: 0;
}

label>[type=checkbox], label>[type=radio] {
  margin-right: 0.375rem;
}

.form-row input, .form-row input[type="text"], .form-row input[type="email"], .form-row input[type="checkbox"], .form-row input[type="number"], .form-row input[type="password"] {
  border: 1px solid #dcdcdc;
}

.form-row input[type="submit"] {
  border: 0;
}

.contact-form {

  .wpcf7-form {
    @include make-row();

    .form-row {
      @include make-col-ready();
    }

    @include media-breakpoint-up(md) {
      .form-row-first,
      .form-row-last {
        @include make-col(6);
      }
    }

    input[type=submit] {
      border: 0;
    }
  }

}