label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 400;
}


input {
  &[type="submit"].button-primary:focus,
  &[type="reset"].button-primary:focus,
  &[type="button"].button-primary:focus {
    color: #fff;
    background-color: $link-color;
    border-color: $link-color;
  }
  &[type="email"],
  &[type="number"],
  &[type="search"],
  &[type="text"],
  &[type="tel"],
  &[type="url"],
  &[type="password"] {
    height: $input-height;
    padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
    background-color: #fff;
    border: 1px solid $separator-color;
    border-radius: $base-border-radius;
    box-shadow: none;
    box-sizing: border-box;
    &.has-error {
      border: 1px solid $error-color;
    }
  }
}


select {
  // appearance: none;
  border: 0;
}

textarea,
select {
  height: $input-height;
  padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
  background-color: #fff;
  border: 1px solid $separator-color;
  border-radius: $base-border-radius;
  box-shadow: none;
  box-sizing: border-box;
}

textarea {
  border: 1px solid $separator-color;
  border-radius: $base-border-radius;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}


input {
  &[type="email"]:focus,
  &[type="number"]:focus,
  &[type="search"]:focus,
  &[type="text"]:focus,
  &[type="tel"]:focus,
  &[type="url"]:focus,
  &[type="password"]:focus {
    border: 1px solid $secondary-color;
    outline: 0;
    &.has-error {
      border: 1px solid $error-color;
    }
  }
}

textarea:focus,
select:focus {
  border: 1px solid $secondary-color;
  outline: 0;
}


input {
  &[type="checkbox"],
  &[type="radio"] {
    display: inline;
  }
}