.columnA form.infusion-form.final-form-outer
{
	position: relative;
	box-sizing: border-box;
	height: auto !important;
	width: 100% !important;
	padding: 10px 0 0 0 !important;
	margin-bottom: 16px !important;
	clear: both !important;
	background: none !important;
	/* FEB2022 removed - causes popdown gap - float: left !important;*/
}
.final-form-inner
{
	background: #e5e5e5;
	box-sizing: border-box;
	width: 100% !important;
	padding: 0 0 0 0 !important;
}

	/* ----------------------------------------------------------------------------------------------------------------
	columnA tweaks:
	------------------------------------------------------------------------------------------------------------------- */
	.columnA .final-form-inner
	{
		padding: 22px !important;
	}


/* ----------------------------------------------------------------------------------------------------------------
.close-button-container
------------------------------------------------------------------------------------------------------------------- */
.close-button-container
{
	box-sizing: border-box;
	width: 100% !important;
	float: left !important;
	clear: both !important;
	margin: 16px 0 10px 0 !important;
}
	.columnA .close-button-container
	{
		display: none !important;
	}
@media screen and (max-width:1315px)
{
	.close-button-container
	{
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}	
}
@media screen and (max-width:1010px)
{
	.close-button-container
	{
		margin-top: 14px !important;
		padding-right: 16px !important;
	}	
}


/* ----------------------------------------------------------------------------------------------------------------
columns:
------------------------------------------------------------------------------------------------------------------- */
.final-form-column-1,
.final-form-column-2,
.final-form-column-3
{
	box-sizing: border-box;
	float: left;
}

/* ----------------------------------------------------------------------------------------------------------------
column widths:
------------------------------------------------------------------------------------------------------------------- */
.final-form-column-1
{
	width: 23% !important;
	padding-right: 2%;
}
.final-form-column-2
{
	width: 38% !important;
}
.final-form-column-3
{
	width: 36% !important;
	float: right;
}
	/* FEB2025 - 3 COLUMNS */
	.two-custom-columns-split-5050 .final-form-column-1,
	.two-custom-columns-split-5050 .final-form-column-2,
	.two-custom-columns-split-5050 .final-form-column-3
	{
		width: 100% !important;
		padding: 0 !important;
		clear: both !important;
		float: left !important;
		margin: 0 0 15px 0 !important;
	}

@media screen and (max-width:1010px)
{
	.final-form-column-1,
	.final-form-column-2,
	.final-form-column-3
	{
		width: 100% !important;
		float: left !important;
		clear: both !important;
		padding: 16px !important;
	}
	#popdown .final-form-column-1
	{
		padding-top: 10px !important;
		margin-top: -38px !important;
		width: 80% !important;
	}
	#popdown .final-form-column-1,
	#popdown .final-form-column-2
	{
		padding-bottom: 0 !important;		
	}
}


/* ----------------------------------------------------------------------------------------------------------------
.final-form-inner p
------------------------------------------------------------------------------------------------------------------- */
.final-form-inner p
{
	font-size: 20px !important; /* FONTY2025 was 16px */
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.5 !important; /* FONTY2025 was 22px */
}
.final-form-inner p
{
	margin-bottom: 14px !important;
}	
	
/* ----------------------------------------------------------------------------------------------------------------
.form-bullet
------------------------------------------------------------------------------------------------------------------- */
.final-form-inner p.form-bullet
{
	padding-left: 13px !important;
	background: transparent url(images/bullet-2022.png) no-repeat 0 8px; 
}


/* ----------------------------------------------------------------------------------------------------------------
FAKE inputs
------------------------------------------------------------------------------------------------------------------- */
.final-form-column-2 p,
form.infusion-form input.infusion_text-field,
form.infusion-form input.infusion-field-input,
form.infusion-form textarea
{
	width: 100% !important;
	box-sizing: border-box;
	background: #fff;
	display: block !important;
	padding: 12px 17px !important;
	line-height: normal !important;
	margin-bottom: 12px !important;
}


/* ----------------------------------------------------------------------------------------------------------------
FAKE checkboxes
------------------------------------------------------------------------------------------------------------------- */
form.infusion-form .final-form-column-3 label
{
	display: block;
	margin-bottom: 14px;
}

/* MAY2022 temp hide gutter cleaning checkbox: */
form.infusion-form .final-form-column-3 label.temp-hidden-checkbox-2022
{
	visibility: hidden;
}
	/* FEB2025 - CHECKBOXES */
	.two-custom-columns-split-5050 form.infusion-form .final-form-column-3 label.temp-hidden-checkbox-2022
	{
		display: none;
	}
	/* FEB2025 - BUTTON */
	.columnA .two-custom-columns-split-5050 form.infusion-form #infusion_submit-button,
	.columnA .two-custom-columns-split-5050 form.infusion-form .infusion-submit button
	{
		width: 100% !important;
		clear: both !important;
		float: left !important;
		margin: 20px 0 0 0 !important;
	}
@media screen and (max-width:1010px)
{
	form.infusion-form .final-form-column-3 label.temp-hidden-checkbox-2022
	{
		display: none;
	}	
}

span.fake-checkbox
{
	display: block !important;
	background: #fff;
	width: 22px !important;
	height: 22px !important;
	float: left !important;
	margin-right: 18px !important;
	margin-top: -1px !important;
}



/* ----------------------------------------------------------------------------------------------------------------
infusion / keap form submit button
------------------------------------------------------------------------------------------------------------------- */
form.infusion-form .infusion-submit button
{
	box-sizing: border-box;
	line-height: normal !important;
	background: #ec008c;
	color: #fff !important;
	padding: 10px 5% !important;
	text-align: center;
	width: 35% !important; /* APRIL2022 was 40% */
	float: right !important;
	clear: none !important;
	display: block !important;
	margin: -50px 0 0 0 !important;
}
	/* MAY2022 added for ORANGE_FORM: */
	.orangeform form.infusion-form .infusion-submit button
	{
		background: #de5b27;
	}

	.cc-infusionsoft-form form.infusion-form .infusion-submit button
	{
		width: 50% !important; /* APRIL2022 added */
	}
@media screen and (max-width:1010px)
{
	form.infusion-form .infusion-submit button
	{
		float: left !important;
		clear: both !important;
		margin: 16px 0 0 0 !important;
		width: 100% !important;
		position: static;
	}
		.cc-infusionsoft-form form.infusion-form .infusion-submit button
		{
			width: 100% !important; /* APRIL2022 added */
		}
}


/* ----------------------------------------------------------------------------------------------------------------
p.fake-suburb-select
------------------------------------------------------------------------------------------------------------------- */
p.fake-suburb-select,
#custom_suburb_input
{
	color: #ec008c !important;
	background: #fff url(images/search-icon.png) no-repeat center right;
}
	/* MAY2022 added for ORANGE_FORM */
	.orangeform p.fake-suburb-select,
	.orangeform #custom_suburb_input
	{
		color: #de5b27 !important;
		background-image: url(images/search-icon-orange.png);
	}

		/* NOV2025 added for mini-form in slide */
		.mini-form p.fake-suburb-select,
		.mini-form #custom_suburb_input
		{
			color: #ec008c !important;
			background-image: url(images/search-icon-2025.png);
		}

/* ----------------------------------------------------------------------------------------------------------------
.circle
------------------------------------------------------------------------------------------------------------------- */
.circle
{
	display: block;
	position: absolute;
	top: -10px;
	right: -10px; /* FONTY2025 was 20px */
	background: #64c0ae;
	width: 228px !important;
	height: 228px !important;
	border-radius: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-weight: bold;
	pointer-events: none;
	z-index: 200;
	transform: rotate(5deg);
	box-shadow: rgba(0, 0, 0, 0.4) 1px 1px 4px;
	padding: 51px 0 0 0; /* 45px */
	font-size: 22px; /* 24px */
}
	#popdown .circle
	{
		right: 0;
		top: 26px; /* FONTY was 42px */
	}

/* ----------------------------------------------------------------------------------------------------------------
.circle smaller screens
NB: the circle drastically changes position below, and some of the CSS is repeated. Ideally simplify to prevent this.
------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:1450px)
{
	.circle
	{
		right: -20px;
	}
}
@media screen and (max-width:1315px)
{
	.circle
	{
		position: static;
		margin: -15px 0 -2px 0;
	}
	
	/* APRIL2022: SPECIAL "NON-CIRCLE" VERSION IN POPDOWN ONLY! */
	#popdown .circle
	{
		position: static;
		width: 100% !important;
		height: auto !important;
		border-radius: 0;
		transform: rotate(0deg);
		padding: 10px;
		margin: 23px 0 10px 0 !important;
		float: left !important;
		clear: both !important;
	}
	#popdown .circle br
	{
		display: none;
	}
}
@media screen and (max-width:1010px)
{
	.circle
	{
		position: absolute;
		right: 20px;
	}
	#popdown .circle
	{
		margin-top: 42px !important;
		margin-bottom: 0 !important;
		padding-top: 14px;
	}
}
@media screen and (max-width:720px)
{
	.circle
	{
		position: static;
		margin: -15px 0 -2px 0;
	}
}
/* tiny screens: */
@media screen and (max-width:280px)
{
	.circle
	{
		transform: scale(0.8) rotate(5deg);
		margin: 0 0 -22px -22px;
	}
}

/* ----------------------------------------------------------------------------------------------------------------
.circle - arrow
------------------------------------------------------------------------------------------------------------------- */
.circle-arrow
{
	display: block !important;
	position: absolute;
	top: 24px; /* FEB2024 was 67px */
	left: -41px;
	width: 69px !important;
	height: 35px !important;
	pointer-events: none;
	padding: 0 !important;
}
	/* FEB2025 - .circle - arrow */
	.columnA .two-custom-columns-split-5050 img.circle-arrow
	{
		max-width: fit-content !important;
	}
@media screen and (max-width:1315px)
{
	.circle-arrow
	{
		top: auto;
		bottom: 0;
		left: auto;
		right: 0;
		transform: scaleX(-1) rotate(-42deg);
	}
	#popdown .circle-arrow
	{
		display: none !important;
	}
}
@media screen and (max-width:1010px)
{
	.circle-arrow
	{
		top: auto;
		bottom: 0;
		left: -14px;
		right: auto;
		transform: scaleX(1) rotate(-62deg);
	}	
}
@media screen and (max-width:720px)
{
	.circle-arrow
	{
		top: auto;
		bottom: 0;
		left: auto;
		right: 0;
		transform: scaleX(-1) rotate(-42deg);
	}	
}


/* FONTY2025 OCT2025 added: */
#infusion_form-checkbox-container label span
{
	font-size: 20px;
}


/* NOV2025 ADDED for new mini form in slide: */
.mini-form
{
	background: #ec008c !important;
	padding: 13px !important;
	clear: both !important;
}
	/* DEC2025 might do later:
	.lime-green .mini-form
	{
		background: #a0b100 !important;
	} */
@media screen and (max-width:700px)
{
	.mini-form
	{
		padding: 10px !important;
		width: 80% !important;
		margin: 0 auto !important;
	}
}
.mini-form p
{
	margin: 0 0 8px 0 !important;
	padding: 0 !important;
	color: #fff !important;
	line-height: 1 !important;
}
.mini-form label
{
	color: #fff !important;
	margin: 0 30px 5px 0 !important;
	display: block !important;
	float: left !important;
}
.mini-form label.mini-form-checkbox-label
{
	margin-bottom: 12px !important;
}
/* HMMMM, probably need a different ID to avoid conflict with existing: */
.mini-form input#custom_suburb_input
{
	width: 100% !important;
	background-color: #fff !important;
	box-sizing: border-box !important;
	border: 0 !important;
	padding: 7px 8px !important;
}