/*************************************************************************************************************
***** FORM ***************************************************************************************************
**************************************************************************************************************/
.form{width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}

/* -- Input Placeholder */
.form ::-webkit-input-placeholder,
.form :-ms-input-placeholder,
.form ::placeholder {color: hsl(var(--color-light-peach));}


/* -- Input Row */
.form-row,
.form-row .input-group,
.form-row .input-accept{width: 100%;float: left;position: relative;}

.form-row{margin-bottom: var(--gap-form);}
.form-row:last-of-type{margin-bottom: 0;}

/* -- Input Half Row */
.form-row.form-row--half{display: flex;}
.form-row.form-row--half .input-group{width: 50%;}
.form-row.form-row--half .input-group + .input-group{margin-left: var(--gap-form);}

.form-row .input-group{display: flex;align-items: flex-start;flex-wrap: wrap;}


.form-row input,
.form-row textarea,
.form-row select,
.form-row .select2{width: 100%;float: left;padding: var(--padding-input);background-color: transparent;border-bottom: 1px solid hsl(var(--color-light-peach));transition: var(--trans);}

.form-row input:focus,
.form-row textarea:focus{border-color: hsl(var(--color-white));}

.form-row input:focus::placeholder,
.form-row textarea:focus::placeholder{color: hsl(var(--color-white));}


/* -- Input Placeholder */
.text-primary input::placeholder,
.text-primary textarea::placeholder,
.text-primary input:focus::placeholder,
.text-primary textarea:focus::placeholder{color: hsl(var(--color-primary));}


/* -- Form Buttons */
.form .form-row p + p{margin-top: var(--gap-400);}
.form .form-footer{width: 100%;position: relative;display: flex;justify-content: space-between;align-items: flex-start;}

.form button.btn .form_button_text{font-family: var(--ff-sans);font-size: var(--fs-400);}
.form button.btn .form_button_text,
.form button.btn .form_button_icon{display: flex;}

.form button.btn .form_button_icon svg{width: 64px;height: 24px;margin-left: 28px;}
.form button.btn .btn-arrow-path{fill:none;stroke:#DEDCD6;transition: var(--trans);}
.form button.btn:hover .btn-arrow-path{stroke: hsl(var(--color-primary));}


/* -- Form Fancy Accept */
.form .input-accept input[type="checkbox"] + label:before{border-color: hsl(var(--color-light-peach));}
.form .input-accept input[type="checkbox"] + label:after{background-color: hsl(var(--color-light-peach));}

.form .input-accept input[type="checkbox"] + label a:hover{opacity: 1;}
.form .input-accept input[type="checkbox"] + label a{margin: 0px 5px;text-decoration: underline;}

.form .input-accept input[type="checkbox"] + label span,
.form .input-accept input[type="checkbox"] + label a{font-family: var(--ff-sans);font-size: var(--fs-400);}

.form .input-accept input[type="checkbox"]{width: initial;height: initial;padding: 0;margin: 0;display: none;cursor: pointer;}
.form .input-accept input[type="checkbox"] + label{cursor: pointer;display: inline-flex;align-items: center;font-weight: 700;}
.form .input-accept input[type="checkbox"] + label:before {content:'';-webkit-appearance: none;background-color: transparent;border: 1px solid hsl( var(--color-light-peach));border-radius: 50%;width: 48px;height: 48px;display: inline-block;position: relative;vertical-align: middle;cursor: pointer;margin-right: var(--gap-form, 1rem);flex-shrink: 0;}
.form .input-accept input[type="checkbox"] + label:after {content: '';position: absolute;top: 5px;left: 5px;width: 38px;height: 38px;background-color: hsl( var(--color-light-peach));border-radius: 50%;transform: scale(0);transition: var(--trans-300);}
.form .input-accept input[type="checkbox"]:checked + label:after {transform: scale(1);}


/* -- Form Variations Colors */
.form .input-accept.text-greyish input[type="checkbox"] + label:before{border-color: hsl(var(--color-greyish));}
.form .input-accept.text-greyish input[type="checkbox"] + label:after{background-color: hsl(var(--color-greyish));}

.form input.text-primary:focus,
.form textarea.text-primary:focus,
.form select.text-primary:focus{border-color: hsl(var(--color-primary));}

/* -- Form Success Message */
.form .success {width: 100%;padding: 20px 0px;font-weight: 700;font-size: 18px;color: hsl(var(--color-secondary));}

@media(max-width: 767px){
	.form button.btn.form_button {padding: 0;border: 0;}
	.form button.btn.form_button .form_button_text{display: none;}
	.form button.btn.form_button .form_button_icon svg{margin-left: 0;}
}

.grecaptcha-badge {display:none !important}
