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: $color_text_input;
	font-size: 0.9rem;
	border: 1px solid $color_border_input;
	border-radius: 0.188rem;
	padding: 0.7rem 3rem 0.7rem 1rem;
	width: 100%;
	box-sizing: border-box;

	&:focus {
		color: $color_text_input-focus;
	}
}

select {
	border: 1px solid $color_border_input;
}

textarea {
	width: 100%;
	max-width: 100% !important;
}

*:focus {
	outline: -webkit-focus-ring-color auto 1px;
}

/* Search form */
form.search-form {
	position: relative;
	margin: 0;

	label {
		flex: 2 1 auto;

		input.search-field {
			width: 100%;
			outline: none;
		}
	}

	button.search-submit {
		position: absolute;
		right: 0%;
		top: 0;
		bottom: 0;
		background: 0 0;
		background-color: transparent !important;
		font-size: 0;
		padding: 0.7rem 0.7rem;
		color: $color_dark_blue;
		border: none;
		box-shadow: none;
		transform: none;
		cursor: pointer;

		&::after {
			content: "\f002";
			font-family: 'Font Awesome 5 Free';
			font-weight: 700;
			display: inline-block;
			font-size: 1.2rem;
			text-rendering: auto;
		}

		&:hover {
			border: none;
			box-shadow: none;
			transform: none;
			background: 0 0;
			color: $color_dark_blue;
		}
	}
}