input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: var(--askella-font-color);
	border: 0;
	outline: 0;
	padding: 0.5em;
	position: relative;
	background: var(--askella-menu-bg-color-lighten-2);
	border: 3px solid var(--askella-font-color-opacity-60);
	&:focus {
		background: var(--askella-menu-bg-color-lighten-5);
	}	      
	&::placeholder{
		color: var(--askella-font-color);
	}
}

input.search-field {
	// padding: 0.5em;
	// margin: 1em 0;
	// border: 0;
	// outline: 0;
	// border-bottom: 3px solid var(--askella-menu-bg-color-lighten-5);
	// border-top: 3px solid var(--askella-menu-bg-color-lighten-5);
    // vertical-align: bottom;
	// background: var(--askella-menu-bg-color-lighten-5);
}

input.search-field:focus {
	// padding: 0.5em;
	// margin: 1em 0;
	// border: 0;
	// outline: 0;
	// border-bottom: 3px solid var(--askella-menu-bg-color-lighten-50);
	// border-top: 3px solid var(--askella-menu-bg-color-lighten-5);
	// background: var(--askella-menu-bg-color-lighten-10);
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


select {
	border: 1px solid $color__border-input;
}

textarea {
	width: 100%;
}

//checkbox:

// input[type="checkbox"]{
// 	appearance: none;
// }