// Forms //––––––––––––––––––––––––––––––––––––––––––––––––––

textarea, select {

height: 38px;
padding: 6px 10px; // The 6px vertically centers text on FF, ignored by Webkit
background-color: #fff;
border: 1px solid lighten($border-color, 8.8%);
border-radius: $global-radius;
box-shadow: none;
box-sizing: border-box;

}

// Removes awkward default styles on some inputs for iOS input {

&[type="email"],
&[type="number"],
&[type="search"],
&[type="text"],
&[type="tel"],
&[type="url"],
&[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

}

textarea {

-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 $primary-color;
  outline: 0;
}

}

textarea:focus, select:focus {

border: 1px solid $primary-color;
outline: 0;

}

label, legend {

display: block;
margin-bottom: .5rem;
font-weight: 600;

}

fieldset {

padding: 0;
border-width: 0;

}

input {

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

}

label > .label-body {

display: inline-block;
margin-left: .5rem;
font-weight: normal;

}