/* Font Face Declarations */
@font-face {
	font-family: 'REA Pangea';
	src: url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Regular.eot);
	src: url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Regular.eot?#iefix) format("embedded-opentype"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Regular.woff2) format("woff2"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Regular.woff) format("woff"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Regular.ttf) format("truetype"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Regular.svg#REAPangea-Regular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'REA Pangea Text';
	src: url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangeaText-Regular.eot);
	src: url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangeaText-Regular.eot?#iefix) format("embedded-opentype"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangeaText-Regular.woff2) format("woff2"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangeaText-Regular.woff) format("woff"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangeaText-Regular.ttf) format("truetype"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangeaText-Regular.svg#REAPangeaText-Regular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'REA Pangea Medium';
	src: url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Medium.eot);
	src: url(REAPangea-Medium.eot?#iefix) format("embedded-opentype"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Medium.woff2) format("woff2"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Medium.woff) format("woff"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Medium.ttf) format("truetype"),
	     url(https://www.developersites.com.au/rea-content-leads/fonts/REAPangea-Medium.svg#REAPangea-Medium) format("svg");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* Reset Styles */
* {
	margin: 0;
	padding: 0;
}

/* Base Element Styles */
body,
html {
	overflow-x: hidden;
	font-size: 16px;
}

html {
	width: 100%;
	height: 100%;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

p {
	line-height: 1.2;
}

h1,
h2,
h3 {
	font-weight: 400;
}

a {
	text-decoration: none;
}

.red {
	color: #e4002b;
}

/* Form Content Styles */
#formcontent {
	width: 594px;
	padding: 19px 32px 16px;
	margin: 0;
	height: 283px;
	border: 1px solid #d8d8d8;
}

#formcontent #register,
#formcontent #thankyou1 {
	width: 100%;
	height: 32px;
	margin: 0 0 24px;
	position: relative;
}

#formcontent #register .form-heading,
#formcontent #thankyou1 .form-heading {
	font-size: 1.125rem;
	font-family: 'REA Pangea Medium', sans-serif;
	color: #e4002b;
	position: absolute;
	bottom: 0;
}

#formcontent #register .logo,
#formcontent #thankyou1 .logo {
	float: right;
	height: 32px;
}

/* Clearfix Styles */
#formcontent .clearfix:after,
#formcontent .clearfix:before {
	display: table;
	content: "";
	line-height: 0;
}

#formcontent .clearfix:after {
	clear: both;
}

#formcontent label {
	width: 100%;
}

#formcontent #sorry1,
#formcontent #thankyou1 {
	display: none;
}

#formcontent fieldset,
#formcontent form {
	padding: 0;
	margin: 0;
	border: none;
}

#formcontent fieldset {
	padding: 0;
}

/* Form Elements Styles */
#formcontent a.selectbox-link span.selectbox-link-text,
#formcontent input,
#formcontent label,
#formcontent textarea {
	font-size: 0.875rem;
	font-family: 'REA Pangea', sans-serif;
	text-align: left;
	box-shadow: none;
	color: #333f48;
}

#formcontent input,
#formcontent textarea {
	border: 0 solid #d8d8d8;
	border-radius: 2px;
	padding: 0 0 0 10px;
	margin: 0;
	height: 33px;
	width: calc(100% - 10px);
	color: #333f48;
	display: table-cell;
}

#formcontent input:focus,
#formcontent textarea:focus {
	box-shadow: none;
}

/* Form Field Styles */
#formcontent .email-address,
#formcontent .first-name,
#formcontent .last-name,
#formcontent .phone, #formcontent .postcode, #formcontent .state {
	height: 33px;
	border-radius: 3px;
	border: 1px solid #d2d6da;
}

#formcontent .first-name {
	float: left;
	width: calc(50% - 10px);
	display: inline-block;
	margin-bottom: 20px;
}

#formcontent .last-name  {
	float: right;
	width: calc(50% - 10px);
	display: inline-block;
	margin-bottom: 20px;
}


#formcontent .email-address {
	width: 100%;
	display: inline-block;
	margin-bottom: 20px;
}

#formcontent .phone  {
	float: left;
	width: calc(50% - 10px);
	display: inline-block;
	margin-bottom: 0;
}

#formcontent .postcode {
	float: left;
	width: calc(25% - 10px);
	display: inline-block;
	margin-bottom: 0;
}

#formcontent .state {
	float: left;
	width: calc(25% - 20px);
	display: inline-block;
	margin: 1px 0 0 20px;

	select {
		width: 100%;
		height: 33px;
		border-radius: 3px;
		font-size: 0.875rem;
		font-family: 'REA Pangea', sans-serif;
		text-align: left;
		box-shadow: none;
		color: #333f48;
		padding: 0 0 0 7px;
		border: 0px;
	}

}


/* Button Styles */
#formcontent .button-link {
	background: #e4002b;
	width: calc(50% - 10px);
	float: right;
	display: inline-block;
	border: none;
	color: #fff;
	padding: 0 9px;
	height: 35px;
	font-family: 'REA Pangea Medium', sans-serif;
	margin-bottom: 0;
	transition: all 0.6s ease;
	border-radius: 3px;
}

#formcontent .button-link:hover {
	background: #333f48;
}

/* Hidden Elements */
#formcontent [hidden],
#formcontent template {
	display: none;
}

#formcontent #loadingbtn,
#formcontent #thankyou {
	display: none;
}

/* Form Paragraph and Label Styles */
#formcontent form p {
	position: relative;
	margin: 1px 0;
}

#formcontent form p label {
	position: absolute;
	top: 3px;
	left: 10px;
}

#formcontent form fieldset p label {
	width: 100%;
	display: block;
	font-size: 14px;
	text-align: left;
}

#formcontent label.infield {
	margin: 5px 0 0;
	color: grey;
}

#formcontent label.error {
	margin: 6px 0 0;
	padding: 0 0 0 4px;
	background-color: #fff;
}

/* Disclaimer Styles */
#formcontent .disclaimer {
	color: #333f48;
	font-family: 'REA Pangea', sans-serif;
	font-size: 0.75rem;
	line-height: 0.875rem;
	margin: 25px 0 0;
}

#formcontent .disclaimer a {
	text-decoration: underline;
	color: #e4002b;
}

#formcontent .disclaimer a:hover {
	text-decoration: none;
}

/* Mobile Responsive Styles */
@media screen and (max-width: 659px) {
	#formcontent {
		width: auto;
		padding: 26px 20px 16px;
		height: auto;
	}

	#formcontent #register,
	#formcontent #thankyou1 {
		width: 100%;
		height: auto;
		margin: 0 0 24px;
		position: relative;
	}

	#formcontent #register .form-heading,
	#formcontent #thankyou1 .form-heading {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
	}

	#formcontent #register .logo,
	#formcontent #thankyou1 .logo {
		display: block;
		height: 32px;
		margin: 0 auto;
		float: none;
	}

	#formcontent .button-link,
	#formcontent .first-name,
	#formcontent .last-name,
	#formcontent .phone {
		width: 100%;
	}

	#formcontent .first-name {
		float: none;
		margin-bottom: 10px;
	}

	#formcontent .last-name {
		float: none;
		margin-bottom: 10px;
	}

	#formcontent .email-address {
		margin-bottom: 10px;
	}

	#formcontent .phone {
		float: none;
		margin-bottom: 20px;
	}

	#formcontent .postcode {
		float: left;
		width: calc(50% - 10px);
		display: inline-block;
		margin-bottom: 15px;
	}

	#formcontent .state {
		float: right;
		width: calc(50% - 10px);
		display: inline-block;
		margin: 1px 0 15px 10px;

		select {
			width: 100%;
			height: 33px;
			border-radius: 3px;
			font-size: 0.875rem;
			font-family: 'REA Pangea', sans-serif;
			text-align: left;
			box-shadow: none;
			color: #333f48;
			padding: 0 0 0 7px;
			border: 0px;
		}

	}


}