/* OPTIMISED FORMS
======================================================= */
body.optimised #cols_1{display:flex; justify-content: space-between;}

body.optimised form h2{font:var(--h2) !important; margin-bottom:calc(var(--ss)*25vw) !important;}
body.optimised form h2 + p{margin-bottom:calc(var(--ss)*24vw) !important; margin-top:0; max-width:calc(var(--ss)*433vw); font:var(--p1) !important;}

body.optimised .ui.form .mainfield{position:relative !important;}

body.optimised form.form.ui .hidden:not(.a),
body.optimised form.form.ui .ui.radio.checkbox label::after,
.ui.form .required.field > .checkbox::after,
.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
body.optimised form.form.ui .inline.field > label:after{display:none !important;}
/* FIELDS */
body.optimised form.form.ui .mainfield{margin-bottom: calc(var(--ss)*16vw) !important; position:relative;}
body.optimised #newsletter form.form.ui .field{margin-bottom: 0; position:relative;}
body.optimised form.form.ui .field > label.hidden,
body.optimised form.form.ui .field.error > label.hidden,
body.optimised form label.hidden{display:none}
body.optimised form.form.ui input[type="text"],
body.optimised form.form.ui input[type="text"]:focus,
body.optimised form.form.ui input[type="text"]:hover,
body.optimised form.form.ui .error input[type="text"],
body.optimised form.form.ui textarea,
body.optimised form.form.ui  #cols_1 > div .selection.dropdown,
body.optimised form input[type="text"],
body.optimised form textarea,
body.optimised .form.ui .selection.dropdown{padding:0 calc(var(--ss)*16vw) !important; border:calc(var(--ss)*2vw) solid var(--orange) !important; box-shadow:none; border-radius:calc(var(--ss)*8vw) !important; background: transparent !important; margin-bottom:0; margin-top:0; font:var(--form) !important; letter-spacing:normal; height:calc(var(--ss)*50vw); min-height:fit-content; display:flex; align-items: center; line-height:1; color:var(--orange) !important; font-weight:400 !important; width:100%; max-width:calc(var(--ss)*548vw); text-transform: none !important;}
body.optimised .red.text.small.error-msg{color:var(--yellow); position:absolute; bottom:calc(var(--ss)*-11vw); font-size:calc(var(--ss)*10vw)}

body.optimised form.form.ui .selection.dropdown *{ color:var(--orange) !important;}
body.optimised form.form.ui .selection.dropdown .menu{border-radius:0; border:calc(var(--ss)*2vw) solid var(--orange) !important; background:var(--dgrey); width:calc(100% + calc(var(--ss)*2vw)); left:calc(var(--ss)*-1vw)}
body.optimised form .selection.dropdown.ui .menu > .item{border-color: var(--orange); height:calc(var(--ss)*50vw); font:var(--form) !important; display:flex; align-items: center;}
body.optimised form .selection.dropdown .menu .item.selected{font-weight:600 !important;}


body.optimised form.form.ui .inline.field > label{font:var(--p1) !important;margin-bottom:calc(var(--ss)*8vw); width:100%; color:var(--white);}


body.optimised form.form.ui .inline.fields .field,
body.optimised form.form.ui .inline.fields .field .radio{width:fit-content; height:fit-content; padding-right:0;}
body.optimised form.form.ui .inline.fields .field label { width:fit-content; height: calc(var(--ss)*27vw); border-radius:0; border:calc(var(--ss)*1vw) solid var(--orange); display: flex; justify-content: center; align-items: center; font: var(--form2) !important; left: 0; transition: background 0.3s, color 0.3s; padding: 0 calc(var(--ss)*10vw) calc(var(--ss)*1vw); background:transparent; color:var(--orange) !important; margin-right:calc(var(--ss)*3vw);padding-bottom: 0; font-weight: 600 !important; text-transform: uppercase;}
body.optimised form.form.ui .inline.fields[data-name="register_number_of_beds"] .field label{padding: calc(var(--ss)*2vw) calc(var(--ss)*10vw) 0;}

body.optimised form.form.ui .inline.fields .field .checked label {background:var(--orange); color:var(--dgrey) !important}
body.optimised form.form.ui .inline.fields .field .radio:not(.checked) label:hover {background:rgba(230, 103, 62, 0.4);}
body.optimised form.form.ui .inline.fields .field label:before{display:none}
body.optimised form.form.ui .inline.fields[data-uid="10"] > label{margin-top:calc(var(--ss)*10vw);}

body.optimised form.ui.form .ui.checkbox{width:100%;min-height:fit-content;}
body.optimised form.ui.form .ui.checkbox label{display:flex !important;padding-left:calc(var(--ss)*21vw); font:var(--small) !important; color:var(--white) !important; width:100%; margin-bottom:0; align-items:center;min-height:calc(var(--ss)*13vw)}

body.optimised form.ui.form .ui.checkbox label:before{content:''; height:calc(var(--ss)*13vw) !important; width:calc(var(--ss)*13vw) !important; border-radius:0 !important; color:var(--white) !important; background:transparent; border:calc(var(--ss)*2vw) solid var(--white) !important; z-index:1; transition:all 0.3s; font-family: Checkbox;  display: flex; justify-content: center; align-items: center; font:var(--small); font-size:calc(var(--ss)*9vw) !important; line-height:calc(var(--ss)*9vw) !important; top:0 !important; min-height:fit-content !important;}

body.optimised form.ui.form .ui.checkbox.checked label:before{ content: "\e800"; }

body.optimised #terms{margin-top:calc(var(--ss)*24vw)}
body.optimised form.ui.form #terms .mainfield{margin-bottom:calc(var(--ss)*8vw) !important}

body.optimised form.ui.form .ui.checkbox:after,
body.optimised form.ui.form .ui.checkbox label:after{display:none;}
body.optimised form.ui.form .field.error .checkbox:not(.toggle):not(.slider) label::before{background:transparent;}

body.optimised form.ui.form #newsletter + p{margin-bottom:calc(var(--ss)*24vw) !important}



@media (min-width:769px){
body.optimised form.ui.form .btn{width:fit-content !important;}
}

@media (max-width:769px){
	body.optimised form h2{ margin-bottom:calc(var(--ss)*16vw) !important;}
	body.optimised form h2 + p{margin-bottom:calc(var(--ss)*24vw) !important;}
	
	body.optimised form.form.ui .field{margin-bottom: calc(var(--ss)*24vw); position:relative;}

	body.optimised form.form.ui input[type="text"],
	body.optimised form.form.ui input[type="text"]:focus,
	body.optimised form.form.ui input[type="text"]:hover,
	body.optimised form.form.ui .error input[type="text"],
	body.optimised form.form.ui textarea,
	body.optimised form.form.ui  #cols_1 > div .selection.dropdown,
	body.optimised form input[type="text"],
	body.optimised form textarea{ height:calc(var(--ss)*47vw); }
	
	body.optimised .footer-newsletter form .btn{height:calc(var(--ss)*40vw); width:100%;}
	
	body.optimised #contactForm form .btn{margin-top:calc(var(--ss)*25vw);}
	
	
	body.optimised form.form.ui .field[data-uid="10"]{margin-bottom:0;}
	body.optimised form.form.ui .inline.fields .field label {margin-bottom:calc(var(--ss)*5vw);}
	body.optimised form.ui.form #terms .mainfield{margin-bottom:calc(var(--ss)*5vw) !important}
	body.optimised form.ui.form #newsletter + p{margin-bottom:calc(var(--ss)*32vw) !important}
	
	body.optimised form.ui.form .btn{height:calc(var(--ss)*40vw) !important;}

}


body.optimised .form.ui input::-webkit-input-placeholder { opacity:1; color:var(--orange) !important; font:var(--form);}
body.optimised .form.ui input::-moz-placeholder { opacity:1; color:var(--orange) !important; font:var(--form); padding:inherit; border-radius:inherit;}
body.optimised .form.ui input:-ms-input-placeholder { opacity:1; color:var(--orange) !important; font:var(--form); padding:inherit; border-radius:inherit;}
body.optimised .form.ui input:-moz-placeholder { opacity:1; color:var(--orange) !important; font:var(--form); padding:inherit; border-radius:inherit;}
body.optimised .form.ui textarea::-webkit-input-placeholder { opacity:1; font:var(--form); color:var(--orange) !important; padding:0;}
body.optimised .form.ui textarea::-moz-placeholder { opacity:1; font:var(--form); color:var(--orange) !important; padding:0; border-radius:inherit;}
body.optimised .form.ui textarea:-ms-input-placeholder { opacity:1; font:var(--form); color:var(--orange) !important; padding:0; border-radius:inherit;}
body.optimised .form.ui textarea:-moz-placeholder { opacity:1; font:var(--form); color:var(--orange) !important; padding:0; border-radius:inherit;}