/* FORMS
 * ------------------------------------------------ */
 input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
select,
textarea {
	width: 100%;
	-webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    font-family: $form-font;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin: 8px 0;
	&:focus {
		border: 1px solid #99b3ff;
		border-radius: 4px;
	}
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
select {
    padding: 12px 20px;
    display: inline-block;
    box-sizing: border-box;
}
textarea,
textarea[type=text] {
	font-family: $form-font;
    height: 100px;
    padding: 14px 20px;
    box-sizing: border-box;
    resize: none;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
label,
legend {
	display: block;
	margin-bottom: relative(5px);
	font-weight: 600;
}
fieldset {
	padding: 0;
	border-width: 0;
}
input[type="checkbox"],
input[type="radio"] { display: inline; }
label > .label-body {
	display: inline-block;
	margin-left: relative(5px);
	font-weight: normal;
}
