body form, joomla-tab-element {
	--fieldh:var(--40px);
	--form-maxwidth:calc(var(--750px) + var(--hpad));
	--fmb:var(--26px);
	--cbsize:var(--23px);
	--border:var(--1-5px) solid;
	--bordercolor:var(--dgreen);
	--color:var(--fc1);
	--highlight:var(--fc1);
	--bg:var(--dgreen);
	--highlightbg:var(--dgreen);
	--selectbg:var(--pgreen);
	--select-maxheight:var(--250px);
	--selectwidth:calc(100% + var(--4px));
	--transition:background-color 0.6s ease, color 0.6s ease;
	--selectpadding:var(--7px) var(--20px);
	--selecticon:url('/templates/newacres/images/shared/down-arrow-cream.svg') var(--contain);
	--select-top:calc(var(--fieldh) - var(--3px));
	--select-left:var(--n2px);
	--transy-50:translateY(-50%);
	--textarea-height:var(--113px);
	--textarea-padding:var(--8px) var(--20px) var(--2px);
	--input-padding:0 var(--20px) 0;
	--font:var(--p4);
	--font-2:var(--nav);
	--col-gap:var(--25px) var(--19px);
	--beds-flex:22%;
	--form-volor: var(--fc1);
	--radio-gap:var(--15px);
}

body .dgreen-bg form{
	--bordercolor:var(--cream);
	--highlightbg:var(--cream);
	--highlight:var(--fc1);
	--color: var(--fc2);
}

body.contact #contact-form-contact { 
	--vpad:var(--nohero-pt);
	--vpadb:var(--246px);
	--hpad:var(--64px);
	--padding:var(--vpad) var(--hpad) var(--vpadb);
}

@media(max-width:768px) {
	body.contact .copy h2 {
		font:var(--p1);
		max-width:var(--192px)
	}
	body form.form.ui, joomla-tab-element {
		--border:var(--1-5px) solid;
		--col-gap:0;
		--col-mb:var(--19px);
		--font:var(--p1);
		--font-2:var(--font);
		--beds-flex:47%;
		--radio-gap:0;
		--radio-margin:var(--15px);
	}
	body form.form.ui .testimonial.left {
		text-align:left;
		font:var(--p1);
		font-weight: bold;
	}
	body.contact #contact-form-contact {
		--padding:var(--vpad) var(--35px) var(--vpadb);
		--vpadb:var(--48px);
	}
	#area_container_40 p {text-align: left;}
	#register_submit {font:var(--n6) var(--15px) / var(--21px) var(--bff) !important;transition: .3s;}
}


.basic-block > div {padding:var(--padding);max-width:var(--form-maxwidth);margin:0 auto;}


form.form.ui div:not(.checkbox) > label{display:none;}
form.form.ui p{font:var(--font-2);}
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.form.ui 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;}

/*
PLACEHOLDERS :-(
========================================================== */
.ui.form input::-webkit-input-placeholder { opacity: 1; color:var(--color); font-weight: normal;}
.ui.form input::-moz-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input:-ms-input-placeholder { opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form input:-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;}
.ui.form #preferred_move_in_date::-webkit-input-placeholder{ opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form #preferred_move_in_date::-moz-placeholder{ opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form #preferred_move_in_date:-ms-input-placeholder{ opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}
.ui.form #preferred_move_in_date:-moz-placeholder{ opacity: 1; color:var(--color); font-weight: normal;padding:inherit;border-radius: inherit;}

/*
SELECT DROPDOWN OVERRIDES 
========================================================== */
form.form.ui div > .selection.dropdown, 
form.form.ui div > .ui.selection.dropdown{position: relative;color:var(--highlight);height:var(--fieldh); padding:var(--selectpadding);}
form.form.ui div > .selection.dropdown:hover,
form.form.ui div > .ui.selection.dropdown:hover{border-color:var(--bordercolor);}
form.form.ui .ui.selection.dropdown:not(.button) > .default.text{color:var(--color);}
.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(--selectwidth);max-width:101%;background:var(--selectbg);padding:0;border:0;max-height:var(--select-maxheight);top:var(--select-top); left:var(--select-left);}
.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:1.2em;height:1.2em;position:absolute;right:3%;background:var(--selecticon);-webkit-transform:var(--transy-50);-ms-transform:var(--transy-50);transform:var(--transy-50);z-index:999;top:50%;}

form.form.ui ui.popup.ui.calendar:not(.active) {display:none;}
form.form.ui ui.popup.ui.calendar * {color:var(--fc1);}
#preferred_move_in_date {background: transparent;border: var(--border) var(--bordercolor);margin-bottom: var(--30px);width: 100%;padding: var(--8px) var(--20px);font: var(--font);color: var(--font-color);}
#preferred_move_in_date + svg {position: absolute;right: var(--16px);transform:translate(0, var(--20px));top:0;}

/*
COL 1 SPECIFICS
========================================================== */
form.form.ui #cols_1 {display: flex;flex-wrap: wrap;gap:var(--col-gap);justify-content: space-between;}
form.form.ui #cols_1 > div {flex-basis: 48%;font:var(--font);margin-bottom:var(--col-mb,0);}
form.form.ui #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,
form.ui.form input[type="text"], form.ui.form input[type="text"]:focus, form.ui.form .error input[type="text"], form.ui.form input[type="date"] {width:100%;min-height: var(--fieldh);background: transparent;border: var(--border) var(--bordercolor);color: var(--highlight);border-radius:0; font:var(--font);text-align:left !important;}
form.ui.form #cols_1 > div input, 
form.ui.form textarea,
form.ui.form textarea:focus,
form.ui.form div > .selection.dropdown,
form.ui.form input[type="text"], #preferred_move_in_date { color:#fff !important; }
#retail-form form.ui.form #cols_1 > div input, 
#retail-form form.ui.form textarea,
#retail-form form.ui.form textarea:focus,
#retail-form form.ui.form div > .selection.dropdown,
#retail-form form.ui.form input[type="text"] { color:var(--fc1) !important; }

/*
RADIO/CHECKBOXES - BEDS & BUDGET
========================================================== */
form.form.ui .beds .inline{display:flex;flex-direction:row;gap:var(--radio-gap,0);}
form.form.ui .beds .inline .field{flex: var(--beds-flex);padding:0;margin-bottom:var(--radio-margin);}
form.form.ui .beds .inline .field:nth-child(odd){margin-left:calc(var(--radio-margin,0)/2);}
form.form.ui .beds .inline .field:nth-child(even){margin-right:calc(var(--radio-margin,0)/2);}

form.form.ui .beds .inline .checkbox.radio label{border: var(--border) var(--bordercolor);font:var(--font-2);width:100%;height:var(--fieldh);text-align: center;background-color:var(--bg);transition:var(--transition);display: flex;justify-content: center;  align-items: center;padding-left:0;color:var(--color)}
form.form.ui .beds .inline .checkbox.radio.checked label{background-color:var(--highlightbg);color:var(--highlight);}

.checkbox label {cursor: pointer;}
.checkbox label a {position:relative;}
.checkbox label a::before {transition:.2s ease;content:'';width:100%;height:1.5px;background:var(--highlightbg);bottom:-0.33em;position:absolute;opacity:1;}
.checkbox label a:hover::before {opacity: 1;}
.terms > .field > .checkbox label + input, 
.newsletter > .field > .checkbox label + input {opacity: 0;position: absolute;width:0px;height:0;}

.terms div[data-vtype="checkbox"] label,.terms div[data-vtype="checkbox"] label:hover,
.newsletter div[data-vtype="checkbox"] label,.newsletter 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-2);left:var(--37px, unset);max-width: 90%;display: inline-block;color:var(--color) !important;padding-left: 0;}

form.ui.form .ui.checkbox{display:block;}
.terms div[data-vtype="checkbox"] label::before, 
.terms div[data-vtype="checkbox"] label:hover::before,
.newsletter div[data-vtype="checkbox"] label::before, 
.newsletter div[data-vtype="checkbox"] label:hover::before  {position: absolute;top: 0;left:var(--n37px);width:var(--cbsize);height: var(--cbsize);content: '';background: transparent;border: var(--border) var(--bordercolor);transition:var(--transition);  border-radius: 0;}

.terms div[data-vtype="checkbox"] input[type="checkbox"]:checked + label::before, 
.newsletter div[data-vtype="checkbox"] input[type="checkbox"]:checked + label::before {background-color:var(--highlightbg);}
.terms, .newsletter {letter-spacing: 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}

#register_submit {
  font: var(--h2);
}

/*
BEES
========================================================== */
form.form.ui .beds {position: relative;}
form.form.ui .beds::before {content:'';display:block;background:url('/templates/newacres/images/shared/bee1.svg') var(--contain); width:var(--22px);height:var(--22px);position:absolute;left:calc(var(--n69px) - var(--22px));top:var(--n35px);}
body.contact .basic-block h1::after {content:'';display:block;background:url('/templates/newacres/images/shared/bee2.svg') var(--contain); width:var(--30px);height:var(--29px);position:absolute; right:var(--n59px);bottom:var(--n22px);}


/*
BUTTON
========================================================== */
form.form.ui div[data-vtype="button"] {
	--bgwidth: var(--34px);
	--bgheight: var(--16-5px);
	--bgimg: url('/templates/newacres/images/shared/arrow-right.svg') var(--contain);
	--right:calc(var(--n25px) - var(--bgwidth));
	--top:15.5%;
	--mt:var(--42px);
}

form.form.ui div[data-vtype="button"]{text-align: center;margin-top:var(--mt);width:100%}
form.form.ui div[data-vtype="button"] button,
form.form.ui div[data-vtype="button"] button:hover {background-color:transparent;color:var(--color);text-transform:uppercase;}
form.form.ui div[data-vtype="button"] button{position: relative;}
form.form.ui div[data-vtype="button"] button:hover::before{transform:translateX(40%);} 
form.form.ui div[data-vtype="button"] button::before {content:'';width:var(--bgwidth);height:var(--bgheight);position: absolute;background: var(--bgimg);top:var(--top);right: var(--right);transition: .3s;}

body.apartments-intermediate h3{display: none;}

/* Module message fix */
.moduletable .chronoforms > section, .moduletable  .chronoforms > section + div:not(.message) { display:none; }
.moduletable .chronoforms .message > ul.list.header { list-style: none; }

/*
NEWSLETTER
========================================================== */
body #newsletter form{
	--fieldh:var(--46px);
}
#newsletter > div:not([data-uid="28"]){padding:var(--78px) var(--hpad) var(--107px); text-align: center;}
#newsletter .h1:not(.a){margin-bottom: var(--50px);}
#newsletter form.form.ui p{font:var(--p1);}
#newsletter .ui.segment{background: transparent; box-shadow: none; margin: var(--32px) auto 0; padding:0; border-radius:0; border:0; width:100%; max-width:var(--567px); display:flex; justify-content:space-between;}
#newsletter [data-uid="97"]{display:none;}
#newsletter form.form.ui div[data-vtype="button"]{width:var(--115px); margin-top:0;}
#newsletter [data-uid="96"]{width:var(--433px);}
#newsletter form.form.ui div[data-vtype="button"] button{width:100%; height:var(--fieldh); background:var(--dgreen); color: var(--fc2); display: flex; justify-content: center; align-items: center; border-radius:0; font:var(--p1); text-transform: none;}
#newsletter form.form.ui div[data-vtype="button"] button:before{display: none;}
#newsletter form.ui.form input[type="text"]{color:var(--fc1) !important;}

@media(max-width:768px) {
	body #newsletter form{
		--fieldh:var(--32px);
	}
	#newsletter > div:not([data-uid="28"]){padding:var(--58px) var(--hpad);}
	#newsletter .h1:not(.a){margin-bottom: var(--50px);}
	#newsletter form.form.ui p{max-width:var(--241px); margin:0 auto;}
	#newsletter .ui.segment{ max-width:var(--241px); flex-wrap:wrap;}
	
	#newsletter #newsletter [data-uid="96"], #newsletter form.form.ui div[data-vtype="button"]{width:100%;}
	#newsletter form.form.ui div[data-vtype="button"]{margin-top:var(--35px);}
}