#register-sm, #concessionary-key-workers, #skydeck-enquiry_start_page {
	--font:var(--n4) var(--9px) / var(--23px) var(--hff2);
	--font2:var(--n4) var(--7px) / var(--23px) var(--hff2);
	--fieldh:var(--41px);
	--fmb:var(--19px);
	--checkbox-size:var(--16px);
	--checkbox-spacing: calc( var(--checkbox-size) + var(--12px) );
	--border:var(--1px) solid;
	--border-color:var(--cream);
	--color:var(--fc2);	
	--highlight:var(--fc2);
	--bg:var(--dbrown);
	--highlight-bg:var(--orange);
	--select-bg:var(--dbrown);
	--select-maxheight:var(--250px);
	--select-width:calc(100% + var(--3px));
	--transition:background-color 0.6s ease, color 0.6s ease;
	--select-padding:var(--7px) var(--16px);
	--select-icon:url('/templates/baleandanchor/images/shared/chev-down-white.svg') var(--contain);
	--select-top:calc(var(--fieldh) - var(--3px));
	--select-left:var(--n1px);
	--transy-50:translateY(-50%);
	--textarea-height:var(--151px);
	--textarea-padding:var(--14px) var(--16px);
	--input-padding:var(--4px) var(--16px);
	--padding:var(--72px) var(--127px) var(--72px) var(--145px);
	--text-transform:uppercase;
	--ls:.2em;
	--radio-buttons-padding:var(--8px) var(--2px);
	--radio-buttons-gap:var(--7px);
	--input-gap-vertical:var(--18px);
	--input-gap-horizontal:var(--17px);
	--input-gap:var(--input-gap-vertical) var(--input-gap-horizontal);
	--button-font:var(--nav);
	--button-color:var(--fc2);
	--button-bg:var(--orange);
	--button-padding:var(--12px) var(--26px);
	--terms-checkbox-lh:2;
	--terms-width:var(--380px);
	--select-border: var(--cream) var(--border);
}

#skydeck-enquiry_start_page {
	--textarea-height:var(--90px);
	--fmb:var(--8px);
	--terms-width:100%;
	--button-bg:var(--white);
	--button-color:var(--red);
}

#concessionary-key-workers{
	--color:var(--fc1);
	--border-color:var(--dbrown);
}

#skydeck-enquiry_start_page {
		--padding:var(--45px) var(--hpad);
		--terms-checkbox-lh:var(--12px);
		--font:var(--n4) var(--10px) / var(--12px) var(--hff2);
		--font2:var(--font);
		--terms-width:100%;
		--checkbox-mb:var(--22px);
		--button-margin: 0 auto;
		--terms-jc:center;
		--fieldh:var(--30px);
	}

@media (max-width: 768px) {
	#register-sm, #concessionary-key-workers {
		--padding:var(--45px) var(--hpad);
		--terms-checkbox-lh:var(--12px);
		--font:var(--n4) var(--10px) / var(--12px) var(--hff2);
		--font2:var(--font);
		--terms-width:100%;
		--checkbox-mb:var(--22px);
		--button-margin: 0 auto;
		--terms-jc:center;
		--fieldh:var(--30px);
	}
}

form div[data-vtype="button"] {
	text-transform:var(--text-transform);
}

#terms {
	display:flex;
	justify-content: var(--terms-jc, space-between);
}



#terms > div:first-child {width:var(--terms-width);}



#register-sm > div {padding:var(--padding);margin:0 auto;gap:var(--92px);}
#register-sm a {display:inline;}
#register-sm .img-wrap {width: 52%;align-self: start;}
#register-sm .img-wrap > img {width:var(--406px);height: var(--548px);object-fit: cover;}

@media (max-width: 768px) {
	#register-sm .img-wrap{display:none;}
	#terms{flex-wrap:wrap;}
	#register-sm p:last-child{text-align: center;}
	#register-sm label[for=register_number_of_beds_2],
	#register-sm label[for=register_number_of_beds_3],
	#register-sm label[for=register_number_of_beds_4]{font-size:0;}
	#register-sm label[for=register_number_of_beds_2]:first-letter,
	#register-sm label[for=register_number_of_beds_3]:first-letter,
	#register-sm label[for=register_number_of_beds_4]:first-letter{font:var(--font);}
}

form div:not(.checkbox) > label {display:none;}
form.ui.form p {font:var(--font); text-transform: var(--text-transform); letter-spacing: var(--ls);}
form.ui.form div > input, form.ui.form #cols_1 > div input {padding: var(--input-padding);}
form.ui.form textarea {padding: var(--textarea-padding); }
form div > textarea {height:var(--textarea-height);}
#cols_1, .budget, .beds, .newsletter {margin-bottom:var(--fmb)}
.terms {margin-top:var(--fmb);margin-bottom:calc(var(--fmb)/2)}
.mainfield {line-height:1;}
form.ui.form .required {font:var(--font2);}

/*
PLACEHOLDERS :-(
========================================================== */
.ui.form input[type="text"]::-webkit-input-placeholder { opacity: 1; color:var(--color); font-weight: normal;}
.ui.form input[type="text"]::-moz-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input[type="text"]:-ms-input-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input[type="text"]:-moz-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input[type="calendar"]::-webkit-input-placeholder { opacity: 1; color:var(--color); font-weight: normal;}
.ui.form input[type="calendar"]::-moz-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input[type="calendar"]:-ms-input-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input[type="calendar"]:-moz-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form textarea::-webkit-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color:var(--color);padding:inherit;}
.ui.form textarea::-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color:var(--color);padding:inherit;border-radius: inherit;}
.ui.form textarea:-ms-input-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color:var(--color);padding:inherit;border-radius: inherit;}
.ui.form textarea:-moz-placeholder { opacity: 1; font-family: inherit; font-weight: normal; color:var(--color);padding:inherit;border-radius: inherit;}

/*
SELECT DROPDOWN OVERRIDES 
========================================================== */
form div > .selection.dropdown, 
form div > .ui.selection.dropdown {position: relative;color:var(--highlight);height:var(--fieldh); padding:var(--select-padding);}
form div > .selection.dropdown:hover,
form div > .ui.selection.dropdown:hover {border-color:var(--border-color);}
.ui.selection.dropdown:not(.button) > .default.text {color:inherit;}
.ui.selection.dropdown > .dropdown.icon {display:none;}
.default.dropdown:not(.button) > .text, 
.dropdown:not(.button) > .default.text:not(.a) {color:inherit;}
.dropdown > input:not(.search):first-child, 
.dropdown > select {display: none !important;}
.selection .menu {display: none;}
.selection.dropdown:not(.ui) .menu {overflow-x:hidden;overflow-y:auto;position:absolute;width:var(--select-width);max-width:calc(100% + var(--2px));background:var(--select-bg);padding:0;border:0;max-height:var(--select-maxheight);top:var(--select-top); left:var(--select-left);border:var(--select-border);}
.dropdown:not(.ui) .menu > .item {position: relative;cursor: pointer;display: block;border: none;height: auto;padding:.33em .5em;color:var(--color);transition:.3s ease;}
.selection.dropdown::before {content:'' !important;display:block;width:2.2em;height:1.2em;position:absolute;right:3%;background:var(--select-icon);-webkit-transform:var(--transy-50);-ms-transform:var(--transy-50);transform:var(--transy-50);z-index:999;top:50%;}
form.ui.form .field .dropdown .menu > .item{font:var(--form)}

/*
COL 1 SPECIFICS
========================================================== */
form.ui.form #cols_1 {display: flex;flex-wrap: wrap;gap:var(--8px) 0;justify-content: space-between;}
form.ui.form #cols_1 > div {flex-basis: calc(50% - var(--8px)); font:var(--font); text-transform: var(--text-transform); letter-spacing: var(--ls);}
form.ui.form #cols_1 > div[data-uid="6"],
form.ui.form #cols_1 > div[data-uid="57"],
form.ui.form #cols_1 > div[data-uid="59"],
#skydeck-enquiry_start_page form.ui.form #cols_1 > div[data-uid="1"]{flex-basis:100%;}
form.ui.form #cols_1 label {display:none;}
form.ui.form #cols_1 > div input, 
form.ui.form textarea,
form.ui.form textarea:focus,
form.ui.form div > .selection.dropdown {width:100%;min-height: var(--fieldh);background: transparent;border: var(--border) var(--border-color);color: var(--highlight);border-radius:0; font:var(--font); text-transform: var(--text-transform); letter-spacing: var(--ls); color:var(--color);}

/*
RADIO/CHECKBOXES - BEDS & BUDGET
========================================================== */
/*form.ui.form .beds,form.ui.form .budget {margin-bottom:var(--fmb)}*/
form.ui.form .beds .inline,
form.ui.form .budget .inline {display:flex; flex-direction:row; gap:var(--radio-buttons-gap);}
form.ui.form .beds .inline .field,
form.ui.form .budget .inline .field {flex-grow: 1;}
form.ui.form .beds .inline .checkbox.radio label,
form.ui.form .budget .inline .checkbox.radio label {border: var(--border) var(--border-color); font:var(--font); text-transform: var(--text-transform); letter-spacing: var(--ls); width:100%;height:var(--fieldh);display: block;text-align: center; padding:var(--radio-buttons-padding); background-color:var(--bg); transition:var(--transition);color:var(--color)}
form.ui.form .beds .inline .checkbox.radio.checked label,
form.ui.form .budget .inline .checkbox.radio.checked label {background-color:var(--highlight-bg);color:var(--color);}
.checkbox label {cursor: pointer;}
.checkbox label a {position:relative; display: inline;}
.checkbox label a::before {transition:.2s ease;content:'';width:100%;height:1.5px;background:var(--highlight-bg);bottom:-0.33em;position:absolute;opacity:1;}
.checkbox label a:hover::before {opacity: 1;}
.terms div[data-vtype="checkbox"] label + input {opacity: 0;position: absolute;width:0px;height:0;}

.terms div[data-vtype="checkbox"] label,.terms div[data-vtype="checkbox"] label:hover,
form.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
form.ui.form .ui.checkbox:not(.radio) input:focus ~ label{position:relative; font:var(--font); text-transform: var(--text-transform); letter-spacing: var(--ls); left:var(--checkbox-spacing); line-height:1.4em;color:var(--color) !important;padding-left: 0;}

.terms div[data-vtype="checkbox"] label::before, .terms div[data-vtype="checkbox"] label:hover::before {position: absolute;top: 0; left:calc(0px - var(--checkbox-spacing)); width:var(--checkbox-size); height: var(--checkbox-size);content: '';background: transparent;border: var(--border) var(--border-color);transition:var(--transition);border-radius:0;}
.terms div[data-vtype="checkbox"] input[type="checkbox"]:checked + label::before {background-color:var(--highlight-bg);}
.terms div.checkbox {line-height:var(--terms-checkbox-lh);margin-bottom:var(--checkbox-mb,0);}

form.ui.form .ui.radio.checkbox label::before,
form.ui.form .ui.radio.checkbox label::after,
form.ui.form .required.field > .checkbox::after,
form.ui.form .ui.checkbox input:checked ~ label::after,
form.ui.form .beds .inline.fields > label,
form.ui.form .mainfield > label{ display:none;}
form.ui.form .ui.radio.checkbox{width:100%;}

form.ui.form .beds .inline.fields > label{display:none}


/*
BUTTON
========================================================== */
form div[data-vtype="button"] {text-align: center;}
form div[data-vtype="button"] button,
form div[data-vtype="button"] button:hover {background-color:var(--button-bg);color:var(--button-color);text-transform:uppercase;}
form div[data-vtype="button"] button {position: relative;}
#register_submit {font:var(--button-font);padding:var(--button-padding);}

.ui.form .required.field > .checkbox::after, .ui.form .required.fields:not(.grouped) > .field > .checkbox::after {
	display:none !important;
}
.ui.form .inline.fields .field {padding:0!important;}

#concessionary-start_page, form#concessionary{width:var(--600px); }
#concessionary_start_page{position:relative;}
#concessionary_start_page:after{position:absolute; content:''; display:block; width:var(--320px); height:var(--375px); bottom:0; right:var(--119px); background:url('/templates/baleandanchor/images/illustrations/concessionary.png') center / contain no-repeat;}

@media (max-width: 768px) {
	form.ui.form div[data-uid="29"]{margin-bottom: var(--22px);}
	#concessionary-start_page{width:100%;; padding-bottom:var(--330px);}
	#concessionary_start_page:after{right:auto; left:50%; transform:translateX(-55%); width:var(--257px); height:var(--301px);}
	#concessionary_start_page form.ui.form input{--ls:0em;}
	
	
}
#skydeck-enquiry_start_page .fxcm{flex-direction: row !important;}

#skydeck-enquiry_start_page{background: var(--red);}
#skydeck-enquiry_start_page .button-wrapper{ width:100%; display:flex; justify-content: space-between;}
.ui.calendar .ui.table tr .link{color:var(--fc1) !important; letter-spacing: normal;}

#skydeck-enquiry_start_page .success li{display: block;}
#skydeck-enquiry_start_page .success li p{font:var(--p2);}

.contentpane{background:var(--red);}

form svg.fasvg{fill:var(--white);}

form .ui.calendar .ui.popup{position: fixed; left:50% !important; right:50% !important; transform:translateY(50%) translateX(-50%) !important; transform-origin: center !important}

form p.required{color:var(--white)}

.contentpane .G3-body ul{list-style: none; text-align: left !important;}
.contentpane .G3-body ul .skydeck-response *{color:var(--fc2)}

#thankyoumsg * { color: #FFFFFF !important; }

form.ui.success.message {
	background-color: inherit !important;
}

form.ui.success.message h1, .ui.success.message p:first-child {
	font-size: clamp(1.5rem, 8vw, 3rem) !important;
	line-height: 1.1 !important;
}

form.ui.success.message p, .ui.success.message p:last-child {
	font-size: clamp(1rem, 6vw, 2rem);
	line-height: 1.33 !important;
	color: inherit !important;
}
form.ui.success.message ul li::before {display:none !important;}
form.ui.attached.success.message, .ui.success.message {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	width: fit-content;
	margin: auto;
}

#concessionaryForm .ui.success.message{margin:0;}