form.infusion-form
{
	max-width: 752px;
}

/* inputs ----------------------------------------------- */
.infusion-field input,
.infusion-field textarea,
.infusion-field select
{
	appearance: none !important;
	-webkit-appearance: none !important;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	border: #b8bdc9 solid 1px;
	color: #2c3345;
	font-size: 17px;
	height: 50px;
	padding: 0 .625em;
	display: block;
	width: 100%;
	margin: 0 0 25px 0;
}
	.infusion-field textarea
	{
		height: 150px;
		padding: .625em;
	}
	.infusion-field select
	{
		appearance: menulist-button !important;
		-webkit-appearance: menulist-button !important;
	}
		.infusion-field input:hover,
		.infusion-field textarea:hover,
		.infusion-field select:hover
		{
			border-color: rgba(46,105,255,.5);
			box-shadow: 0 0 0 2px rgba(46,105,255,.25);
		}

/* labels ----------------------------------------------- */
.infusion-field label
{
	display: block;
	font-size: 17px;
	text-align: left !important;
	font-style: normal !important;
	margin: 0 0 10px 0;
}
@media screen and (max-width:680px)
{
	.infusion-field input,
	.infusion-field textarea,
	.infusion-field select
	{
		font-size: 16px;
		height: 44px;
		margin: 0 0 15px 0;
	}
	.infusion-field textarea
	{
		height: 100px;
	}
	.infusion-field label
	{
		font-size: 16px;
		margin: 0 0 2px 0;
	}
}

/* structure ----------------------------------------------- */
.infusion-half-left,
.infusion-half-right
{
	width: 48.5%;
}
	.infusion-half-left
	{
		float: left;
	}
	.infusion-half-right
	{
		float: right;
	}
@media screen and (max-width:480px)
{
	.infusion-half-left,
	.infusion-half-right
	{
		width: 100%;
		float: left;
	}
}

/* errors ----------------------------------------------- */
.infusion-required
{
	color: red;
}
form.infusion-form label.error
{
	font-weight: bold;
	background: #ea212f;
	color: #fff;
	display: block;
	padding: 3px 12px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

/* button ----------------------------------------------- */
form.infusion-form button
{
	width: 100%;
	background-color: transparent;
	border: 2px solid #e6007e;
	background-color: #ffffff;
	color: #000000;
	padding: 15px 30px;
	font-weight: 700;
	height: auto;
	-webkit-transition: 0.4s ease all;
	-moz-transition: 0.4s ease all;
	-ms-transition: 0.4s ease all;
	transition: 0.4s ease all;
	text-transform: uppercase;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	width: auto;
	min-width: 180px;
}
	form.infusion-form button:hover
	{
		cursor: pointer;
		background-color: #e6007e;
		color: #ffffff;
	}
@media screen and (max-width:680px)
{
	form.infusion-form button
	{
		font-size: 15px;
	}
}


/* SEPT2023 errors NEW for plain JS validation: */
form.infusion-form .screen-reader-error,
form.infusion-form #errorMsgDiv /* zoho */
{
	line-height: normal;
	font-weight: normal;
	background: #ff0000;
	color: #fff;
	padding: 22px 21px 17px 21px;
	border-radius: 4px;
	margin: 13px 0 0 0;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	display: block;
	font-size: 17px;
}
	/* zoho ONLY: */
	form.infusion-form #errorMsgDiv
	{
		opacity: 0; /* CRUCIAL for zoho ONLY */
		margin-top: 8px;
		padding-top: 6px;
		padding-bottom: 3px;
	}