/** Gravity Forms */
#wrapper {
	label,legend {
		display: block;
		text-transform: uppercase;
		@include font-mixin(600, 14, 1.272, $font-heading);
		line-height: 1.272;
		letter-spacing: 0.1em;
		color: black;
		margin: 0 0 6px;

		@include media-breakpoint-down(sm) {
			@include font-mixin(600, 12, 1.272, $font-heading);
		}
	}

	input,
	textarea {
		@include font-mixin(400, 16, 1.618, $font-body);
		letter-spacing: 0.01em;
		color: black;
		vertical-align: middle;
		line-height: 1.6 !important;
	}

	.form-control {
		@include font-mixin(400, 16, 1.618, $font-body);
		background: $grey-94;
		color: black;
		border: 2px solid transparent;
		border-radius: 8px;
		box-shadow: none;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
		padding: 5px 10px;
		-webkit-appearance: none;
		border-radius: 4px;

		&:focus {
			background-color: white;
			box-shadow: 0;
			border: 2px solid $blue;
			outline: none;
		}
		&::placeholder {
			@include font-mixin(400, 16, 1.618, $font-body);
			text-transform: uppercase;
		}
		@include media-breakpoint-down(sm) {
			@include font-size-mixin(14);
			&::placeholder {
				@include font-size-mixin(14);
			}
		}
	}

	input[type="email"],
	input[type="date"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="month"],
	input[type="number"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="text"],
	input[type="time"],
	input[type="week"],
	input[type="url"],
	select,
	textarea {
		@extend .form-control;
	}
	textarea {resize: none;height: 130px;}
	select {
		padding: 7px 10px 5px;
	}
}

#wrapper .gform_wrapper {
	form {
		margin-bottom: 0;
		li {
			list-style: none;
		}
	}
	.gform_fields {
		@extend .row;
	}
	ul {
		@include clearlist;
		li {
			// @extend .form-group;
			margin-bottom: 15px;
			position: relative;
			width: 100%;
			padding-right: 15px;
			padding-left: 15px;
			flex: 0 0 100%;
			max-width: 100%;
			list-style: none;
			// padding-right: 0 !important;

			textarea {
				resize: none;
				height: 317px;
			}
		}
		li:not(.gf_left_half):not(.gf_right_half) {
			width: 100%;
		}
		@include media-breakpoint-down(sm) {
			li {
				width: 100%;
			}
		}
	}

	.gfield_radio,.gfield_checkbox{
		display: flex;
		align-items: center;
		input{margin: 0 20px 0 0;display:none;}
		.gchoice:not(:last-child){margin-right:10px}
		label{
		  @include font-mixin(400, 16, 1.272, $font-heading);
		  position: relative;
		  margin-left:35px;
		}
		label::before{
		  content: '';
		  position: absolute;
		  top:50%;
		  left:-35px;
		  transform: translateY(-50%);
		  width: 22px;
		  height: 22px;
		  text-align: center;
		  border: 1px solid $blue;
		  border-radius: 2px;
		  background-color: transparent;
		}
		label::after{
		  content: '';
		  position: absolute;
		  top:30%;
		  left:-30px;
		  transform: translateY(-20%);
		  width: 12px;
		  height: 6px;
		  border:solid $blue;
		  border-width: 0 0 1px 1px;
		  transform: rotate(-45deg);
		  transform-origin: center;
		  display: none;
		}
		input:checked + label::after{
		  display:block;
		}
	}
	
	.gfield_label{
		@include font-mixin(600, 20, 1.272, $font-heading);
		letter-spacing: 0;
		text-transform: none;
	}

	.hidden_label .gfield_label {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	fieldset:last-child{margin-bottom: 15px;}

	.gfield_required {
		padding-left: 1px;
		color: $red;
	}

	// .ginput_container_select {
	// 	position: relative;
	// 	&:after {
	// 		content: "\f078";
	// 		position: absolute;
	// 		// font: 400 12px/80px "Font Awesome 5 Free";
	// 		@include font-mixin(400, 12, 45px, $fontawesome);
	// 		color: black;
	// 		top: 0;
	// 		right: 15px;
	// 		width: 11px;
	// 		transition: all .5s ease;
	// 	}
	// }

	.button {
		@extend .btn;
		/*@extend .sm;*/
		// @extend .red;
		// @extend .btn-primary;
	}

	.gfield_error {
		.gfield_label {
			color: $danger;
		}

		input,
		select,
		textarea {
			@extend .alert-danger;
			border-color: $danger;
		}
	}
	.gform_footer {
		margin: 0;
		padding: 0;
		.gform_button {
			margin-bottom: 0 !important;
		}
	}
}

.gform_validation_container {
	display: none !important;
	position: absolute !important;
	left: -9000px;
}

.validation_error {
	@extend .alert;
	@extend .alert-danger;
}

.validation_message {
	display: none;
}
#main .gform_confirmation_message {
	@extend p;
	text-align: center;
	font-size: 2.8rem;
	h2 {
		font-weight: bold;
		margin-top: 20px;
	}
	p {
		font-size: 2.5rem;
	}
}

#global-footer .gform_confirmation_message {
	text-align: center;
	p {
		font-size: 2.5rem;
		color: white;
		margin: 0;
	}
}

#wrapper .hide-label {
	> label {
		display: none;
	}
}

#main {
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
		margin-top: 0;
	}
	.gform_wrapper li.gfield.gfield_error,
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
		padding-top: 2px;
	}
}

/*#main .gfield_checkbox,#main .gfield_radio {
		position: relative;
		padding-left: 40px;
		margin-top:10px!important;
		display: inline-block;
		width: auto!important;
		label {
			padding: 4px 0 4px 20px;
			margin:0;
			&:after {
				content: "";
				background: white;
				width: 24px;
				height: 24px;
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				border: solid 1px black;

				z-index: 0;
			}
			&:before {
				content: "";
				display: block;
				position: absolute;
				width: 6px;
				height: 15px;
				border: solid $blue;
				border-width: 0 1px 1px 0;
				left: 9px;
				top: 4px;
				transform: rotate(45deg);
				opacity: 0;
				z-index: 1;
				transition: all 100ms;
			}
		}
}

#main input[type="checkbox"],#main input[type="radio"] {
	opacity: 0;
	outline: none;
	z-index: 100;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	position: absolute;
	appearance: none;
	cursor: pointer;
	+ label {
		text-transform: none;
		cursor: pointer;
		padding-top: 4px;
	}
	&:checked + label {
		&:before {
			opacity: 1;
			top: 3px;
		}
	}
}*/
#wrapper .date-picker.form-control,
#wrapper select.form-control {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.1 7.86'%3E%3Cpath d='M7.54 7.86c-.13 0-.25-.01-.36-.02-.12-.01-.21-.03-.3-.04-.09-.02-.15-.05-.21-.07a.353.353 0 01-.11-.09L.1.3A.367.367 0 010 .16C-.01.12.01.09.06.06.11.04.2.02.32.01.45 0 .62 0 .83 0c.22 0 .41 0 .55.01.14.01.26.02.35.04.1.02.17.05.23.09.06.04.12.1.17.16L7.6 6.6 12.96.31c.06-.07.12-.12.18-.16.05-.04.12-.07.22-.09.09-.02.21-.04.35-.04.14-.02.33-.02.56-.02.21 0 .38 0 .5.01s.21.03.26.05c.05.02.07.06.06.1-.01.04-.04.09-.1.14L8.51 7.68c-.04.05-.15.09-.32.13-.17.03-.39.05-.65.05z' fill='%23898b8d'/%3E%3C/svg%3E");
	// background-image: url();
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right 0.7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: 1em auto, 100%;
}
/* class applies to select element itself, not a wrapper element */
#wrapper select.form-control {
	display: block;
	// line-height: 1.3;
	// padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	//margin: 0;
	// border: 1px solid #aaa;
	// box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	// border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	// background-color: #fff;

	/* Hide arrow icon in IE browsers */
	&::-ms-expand {
		display: none;
	}
	/* Hover style */
	&:hover {
		// border-color: #888;
	}
	/* Focus style */
	&:focus {
		// border-color: #aaa;
		/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
		// box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
		// box-shadow: 0 0 0 3px -moz-mac-focusring;
		// color: #222;
		outline: none;
	}

	/* Set options to normal weight */
	& option {
		font-weight: normal;
	}

	/* Support for rtl text, explicit support for Arabic and Hebrew */
	*[dir="rtl"] &,
	:root:lang(ar) &,
	:root:lang(iw) & {
		background-position: left 0.7em top 50%, 0 0;
		padding: 0.6em 0.8em 0.5em 1.4em;
	}

	/* Disabled styles */
	&:disabled,
	&[aria-disabled="true"] {
		color: graytext;
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"),
			linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	}

	&:disabled:hover,
	&[aria-disabled="true"] {
		border-color: #aaa;
	}
}

#wrapper .application-form {
	.gform_wrapper {
		ul {
			li {
				flex: 0 0 50%;
				&.full,
				&.gsection,
				&.gfield_html {
					flex: 0 0 100%;
				}
				&.gsection {
					text-align: center;
					border:none;
					h2{font-size: 24px;}
				}
				&.one-third {
					flex: 0 0 33.33%;
				}
				select {
					padding: 5px 10px;
				}
				.address_country {
					width: 100%;
					@include media-breakpoint-down(sm) {
						margin:0;
						min-height: unset;
					}
				}
				.form-banner {
					background: $grey-94;
					color: black;
					padding: 20px;
					h5{font-size: 1.8rem;margin-bottom: 5px;}
					p{font-size: 1.4rem;margin-bottom: 0;}
				}
				ul.gfield_checkbox {
					li {
						width: 20%;
						display: inline-block;
						input[type="checkbox"] {
							margin: 0;
						}
						label {
							padding: 4px 0 4px 30px;
							margin: 0;
							&:after {
								width:23px;
								height:23px;
								border: solid 1px #707274;
								top: 50%;
								transform: translateY(-50%);
							}
						}
						@include media-breakpoint-down(sm) {
							width: 100%;
						}
					}
				}
				.ginput_container_consent {
					input[type="checkbox"] {
						margin: 0;
						top: 30%;
						left: 15px;
					}
					label {
						padding: 4px 0 4px 30px;
						margin: 0;
						&:before {
							content: "";
							display: block;
							position: absolute;
							width: 6px;
							height: 15px;
							border: solid #00b3f0;
							border-width: 0 1px 1px 0;
							left: 24px;
                            top: 13px;
							-webkit-transform: rotate(45deg);
							transform: rotate(45deg);
							opacity: 0;
							z-index: 1;
							transition: all 100ms;
						}
						&:after {
							content: "";
							background: white;
							width: 23px;
							height: 23px;
							display: block;
							position: absolute;
							z-index: 0;
							border: solid 1px #707274;
							top: 30%;
						    left: 15px;
						}
					}
					input[type=checkbox]:checked+label:before{opacity: 1;}
					.gfield_required_asterisk{display: none;}
				}
				&.single-check{
					ul.gfield_checkbox {
						li{width:100%;}
					}
				}
				input{
					&::placeholder {
						text-transform: none;
					}
				}
				@include media-breakpoint-down(sm) {
					flex: 0 0 100%!important;
					input,select{margin-bottom: 0;}
				}
			}
		}
		.gform_footer{
			text-align: center;
			.button{
				width:250px;
				@include media-breakpoint-down(xs) {
					width: 100%;
				}
			}
		}
	}
	.gform_legacy_markup_wrapper li.hidden_label input {
		margin-top: 0;
	}
	.gform_confirmation_message{font-size: 2.4rem;}
}