/* Form Styling */
form {
	margin: 0;

	fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}
}

/* Inputs */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	border: 1px solid $form-border;
	padding: 14px 15px;
	height: 40px;
	margin-bottom: 20px;
	color: $black;
	font-size: 12px;
	font-weight: 400;
	background: #fff;
	max-width: 100%;
	outline: 0;
	font-family: inherit;
	border-radius: 3px;
	@include box-shadow(none);
	@include appearance(none);
	@extend .quick-transition;

	&:focus {
		border-color: $black;
		color: $black;
		@include box-shadow(none);
	}

	.wpcf7-form-control-wrap & {
		margin-bottom: 20px;
		width: 100%;
	}
	&.wpcf7-not-valid {
		border-color: #e76049;
	}

	@include input-placeholder {
		font-weight: 400;
		text-transform: uppercase;
		color: rgba($black, 0.6);
	}
	&.large {
		height: 46px;
		padding: 17px 20px;
	}
	&.full,
	.woocommerce-checkout &,
	.woocommerce-MyAccount-content & {
		width: 100%;
	}
}
.dark-form-elements {
	border-color: rgba(#fff,0.3);
	color: #fff;
	background: transparent;
	&:focus {
		color: #fff;
		border-color: rgba(#fff,1);
	}
	@include input-placeholder {
		font-weight: 400;
		color: rgba(#fff, 0.6);
	}
}
.wpcf7 {
  .ajax-loader {
    display: none;
  }
}

.wpcf7-checkbox {
	display: block;
	margin-bottom: 20px;

	label {
		padding: 10px;
		border: 1px solid #dedede;
		border-radius: 3px;
		font-size: 13px;
		color: $black;
		margin: 0;
		min-width: 150px;
		input {
			margin-right: 5px;
		}
	}
	.wpcf7-list-item {
		display: block;
		margin: 0 0 15px;

		@include min-break($break-small) {
			display: inline-block;
			& + .wpcf7-list-item {
				margin-bottom: 0;
				margin-left: 15px;
			}
		}
	}
}
.wpcf7-response-output {
	padding: 18px 22px !important;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}
.parsley-error-list,
.wpcf7-not-valid-tip,
.screen-reader-response {
	display: none !important;
}
.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
label {
	display: inline-block;
	clear: left;
  text-transform: uppercase;
	font-size: 11px;
	color: rgba(#000,0.75);
	margin: 0 0 10px;
	font-weight: 500;

	&.woocommerce-form__label-for-checkbox.inline {
		.woocommerce-form__input-checkbox {
			margin-right: 10px;
		}
		span {
			display: inline-block;
			vertical-align: middle;
		}
	}
}
textarea {
	height: auto;
	min-height: 185px;
	line-height: 1.6;
	resize: none;
	.wpcf7-form & {
		height: 235px;
	}
}

select {
	@include appearance(none);
	border: 1px solid $form-border;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
	border-radius: 3px;
	color: $black;
	font-size: 12px;
	font-weight: 400;
	background: #fff url('../img/select_arrow.png') calc(100% - 15px) 18px no-repeat;
	background-size: 7px 4px;
	position: relative;

	&.wpcf7-select {
    margin-bottom: 20px;
  }
	.rtl & {
		background-position: 15px 18px;
	}
}
/* Select2 */
.form-row.woocommerce-invalid-required-field {
	.select2-container .select2-choice  {
		border-color: #e76049;
	}
}
.select2.select2-container--default {
	margin-bottom: 20px;
	clear: left;
	font-size: 12px;
	height: 40px;
	max-width: 100%;
	.select2-selection__arrow {
		height: 100%;
		background: transparent url('../img/select_arrow.png') calc(100% - 15px) 18px no-repeat;
		background-size: 7px 4px;
		width: 26px;
		b {
			display: none;
		}
		.rtl & {
			background-position: 10px 18px;
		}
	}
	&.select2-container--open {
		.select2-selection--single {
			border-color: $black;
			background: #fff;
		}
	}
	.selection {
		* {
			&:focus {
				outline: none;
			}
		}
	}

	.select2-selection--single {
		border-radius: 3px;
		background: #fff;
		border-color: $form-border;
		height: 40px;
		line-height: 40px;
		.form-radius-off & {
		  border-radius: 0;
		}
		.select2-selection__rendered {
			height: 40px;
			line-height: 40px;
			padding-left: 15px;
		}
	}
}

.select2-container .select2-dropdown {
	background: #fff;
	border-radius: 3px;
	@include box-shadow(none);
	border-color: $black;
	.form-radius-off & {
	  border-radius: 0;
	}
	.rtl & {
		left: auto;
		right: -9999px;
	}
	&.select2-dropdown--above {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
	&.select2-dropdown--below {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

	.select2-search {
		padding: 8px;
		input {
			background: #fff !important;
			margin-bottom: 0px;
			height: 30px;
		}
	}

	.select2-results {
		background: transparent;
		font-size: 12px;
		.select2-results__option {
			margin: 0;
			height: 40px;
			line-height: 40px;
			padding: 0 15px;
			&[aria-selected=true] {
				background: $border;
			}
			&.select2-results__option--highlighted {
				background: $black;
				border-radius: 0;
				color: #fff;
			}
		}
	}
}

/* Custom Checkbox */
.thb-custom-checkbox {
	line-height: 1;
	padding-top: 20px;
	input[type="checkbox"] {
		opacity: 0;
		display: none;
		&:checked + label:before {
			background: $accent;
			content: '\e807';
			opacity: 1;
		}
	}
	label {
		position: relative;
		display: inline-block;
		padding-left: 22px;
		line-height: 12px;
		font-size: 12px;
		margin: 0;
		text-transform: none;
		@include user-select(none);

		.rtl & {
			padding-left: 0;
			padding-right: 22px;
		}
		&:before {
			position: absolute;
			top: 50%;
			left: 0;
			font-family: "fontello";
		  content: '';
			color: #fff;
			width: 12px;
			font-size: 8px;
			height: 12px;
			margin-top: -6px;
			border: 1px solid $accent;
			background: transparent;
		  display: inline-flex;
			justify-content: center;
			align-items: center;
			opacity: 0.6;

			.rtl & {
				left: auto;
				right: 0;
			}
		}
	}
}