.lav-boost {
	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: $lav-boost-main;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-color: $lav-boost-opacity;
		border-radius: unset;
		width: 100%;
		margin-bottom: 15px;
		&:focus {
			outline: none;
			border-color: $lav-boost-accent;
		}
		&:focus-visible {
			outline-color: $lav-boost-accent;
		}
		&::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
			color: rgba(9, 28, 85, 0.5);
			opacity: 1; /* Firefox */
		}

		&:-ms-input-placeholder { /* Internet Explorer 10-11 */
			color: #C4C4C4;
		}

		&::-ms-input-placeholder { /* Microsoft Edge */
			color: #C4C4C4;
		}
	}

	select {
		border: 1px solid #C4C4C4;
		height: 50px;
		padding-right: 30px;
		position: relative;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background: url("../img/angle-down-solid-01.svg") no-repeat;
		background-position: right 10px top 50%;
		background-size: 25px 25px;
		max-width: 100%;
		width: 100%;
		border-radius: 1px;
		margin: 0;
		min-height: 45px;
		&:focus-visible {
			outline-color: $lav-boost-accent;
		}
	}

	textarea {
		width: 100%;
	}
	input[type="submit"]{
		@include lav-btn-default();
	}

	label{
		width: 100%;
	}

	.post-password-form{
		label {
			margin-bottom: 20px;
		}
	}



	.product{
		/* Checkbox */
		input[type="checkbox"] {
			opacity: 0;
			z-index: -1;
			display: none;
		}

		input[type="checkbox"] + label {
			display: inline-block;
			line-height: 1;
			cursor: pointer;
		}

		input[type="checkbox"] + label::before,
		input[type="checkbox"] + label::after {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
		}

		input[type="checkbox"] + label::before {
			content: " ";
			border: 2px solid $lav-boost-main;
			border-radius: unset;
			width: 1em;
			height: 1em;
		}

		input[type="checkbox"] + label::after {
			content: " ";
			border: 2px solid $lav-boost-main;
			border-top: none;
			border-right: none;
			line-height: 1.5;
			height: 0.4rem;
			left: 0.2rem;
			top: 0.2rem;
			width: 0.7rem;
		}

		/* :checked */
		input[type="checkbox"]:checked + label::before {
			background: #fdfdfd;
			border-color: $lav-boost-main;
		}

		input[type="checkbox"] + label::after {
			transform: scale(0);
		}

		input[type="checkbox"]:checked + label::after {
			transform: scale(1) rotate(-45deg);
		}

		/* Transition */
		label::before,
		label::after {
			transition: 0.25s all ease;
		}
	}

}