/*********************
 * FORM INPUTS
 *********************/
// setting up defaults
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
	display: block;
	font-family: $sans;
	color: $text;
	border-radius: 0;
	font-size: 0.813rem !important; line-height: 0.938rem;
	// a focused input (or hovered on)
	&:focus,
	&:active, &.active { color: $text; border: 1px solid $primary !important; outline: unset !important; } // end hover or focus

	// error notification
	&.error,
	&.is-invalid {} // end invalid input

	// success notification
	&.success,
	&.is-valid {} // end valid input

	// a disabled input
	&[disabled],
	&.is-disabled {
		opacity: 0.6;
		cursor: not-allowed;
		border: 1px solid $greyLt;
		background-color: $white !important;
		color: $greyLt;

		&:focus,
		&:active {
			border: 1px solid $greyLt;
		} // end disabled focus
   
	} // end disabled input

	&::-webkit-input-placeholder {
		color: lighten($text-dark, 40%) !important;
	}

	&::-moz-placeholder {
		color: lighten($text-dark, 40%) !important;
	}
	&:-ms-input-placeholder {
		color: lighten($text-dark, 40%) !important;
	}
	&:-moz-placeholder  {
		color: lighten($text-dark, 40%) !important;
	}
} // end input defaults

// height to match buttons
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
select,
.field {
	border: 1px solid $grey !important;
	min-height: calc(1.5em + 0.5rem + 9px);
}
textarea { border: 1px solid $grey !important; }

input[type="text"] {
	
		min-height: calc(1.5em + 0.5rem + 9px);
	
}

// spacing out the password (thx @murtaugh)
input[type="password"] {
	letter-spacing: 0.3em;
}