/*  
Theme Name: Clixpert Theme 2.0
Theme URI: http://www.clixpert.com.au
Description: An SEO expert support Theme
Version: 1.11
Author: Clixpert
Author URI:  http://www.clixpert.com.au
*/
@import url('reset.css');

@import url(https://fonts.googleapis.com/css?family=Arvo:400,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);

p {
	font-family: 'Libre Baskerville', serif;
	color: #000;
	font-size: 15px;
	line-height: 26px;
	text-align: justify;	padding:0 0 10px;
}
a {
	text-decoration:none;
}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
}
h1 {
	color:#0182C4;
	font: normal 700 2.3em 'Arvo', serif;
	margin-bottom:10px;
}


/* N A V I G A T I O N */
#main-menu {
	background-color:#0182C4;
	border-bottom:5px solid #EF7625;
	height:40px;
	width:100%;
}
#main-menu ul {
	text-align:center;
}
/* MENU ITEM */
#main-menu ul > li {
	display:inline-block;
}
#main-menu ul > li > a {
	color:#fff;
	display:block;
	font: normal 700 1em/2.5em 'Arvo', serif;
	height:40px;
	padding:0 30px;
}
#main-menu ul > li:hover > a {
	background:linear-gradient(#000000, #666666);
}



/* H E A D E R */
#main-header {
	margin: 30px auto 50px;
	max-width:1000px;
}
#main-logo {
	float:left;	width:500px;
	padding:10px 0 0;
}
#main-logo > a {
	font-weight:700;
	font-size:2.8rem;
	font-family:'Arvo', serif;
	color:#EF7625
}
#main-logo > a > span {
	background-color:#0182C4;
	color:#fff;
	padding:10px 15px;
}

#main-logo img {	width:100%;}
#main-slogan {		color:#fff;	
	font: normal 400 1.2em 'Arvo', serif;
	float:left;
	text-align:center;
	margin: 15px 0 0 80px;		background:linear-gradient(#01a4f7, #016091); /*ff914d*/		padding:8px 20px;	
}
#main-slogan span {
	font-weight:700;
}
#main-phone {
	background-image:url('images/phone-icon.png');
	background-repeat:no-repeat;
	float:right;
	height:44px;		margin: 13px 5px 0 0;
	text-align:right;
	width:210px;
}
#main-phone > a {
	color:#000;
	font: normal 700 1.6em/1.7em 'Arvo', serif;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  display: none !important;
}
.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0;
  left: 2px;
  position: absolute;
  top: 2px;
}

/* B A N N E R */
#form-wrap {
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

#banner-image {
	width:100%;
	overflow:hidden;
}

#banner-image > img {
	height:350px;
	width:100%;
}
#selling-point-title {
	text-align:left;
	font-weight:700;
	font-size:2.2rem;
	color:#EF7625 !important;
}
#selling-points > li {
	text-align:left;
	font-size:1.5rem;
	padding:5px 0;
	list-style-position:inside;
	/*color:#0182C4;*/ 
	/*font-weight:700;*/
}



/*QUOTE FORM*/
#quote-form {
	background: #e5e5e5;
	border: 1px solid #a5a4a4;
	border-radius:5px;
	position:absolute;
	top:-20px;
	width:300px;
	/*min-height:387px;*/
	right:0;
	box-shadow: 2px 4px 9px #333;
}
#form-wrap:before {
	display:block;
	content:"";
	width:25px;
	height:25px;
	background-image:url(images/form-shadow-top.png);
	position:absolute;
	right:-25px;
	top:-25px;
}
#form-wrap:after {
	display:block;
	content:"";
	width:25px;
	height:25px;
	background-image:url(images/form-shadow-bottom.png);
	position:absolute;
	right:-25px;
	top:350px;
}
#quote-form form {
	width: 270px;
	margin: 17px auto auto auto;
}
#quote-form li {
	list-style-type:none;
}
#quote-form header {
	background-image:url('images/quote-form-header.png');
	height:67px;
	width:300px;
}

#wpcf7-f10-o1 input {
	width:100%;
	height:24px;
}
#wpcf7-f10-o1 textarea {
	height: 56px !important;
	resize: none;
	width:99%;
}
#wpcf7-f10-o1 li {
	margin-bottom:10px;
}
#wpcf7-f10-o1 span > span {
	font: normal 400 0.7rem 'Arvo', serif;
}

/*Name*/
.name-field {
	width:100%;
}
/*Phone*/
.ph_holder {
	width:48%;
	float:left;
}
/*Postcode*/
.suburb_hldr {
	width:48%;
	float:right;
}
/*Email*/
.email-field {
	width:100%;
	clear:both;
}
/*Message*/
.message-field {
	width:100%;
}


/*CAPTCHA*/
.captcha-field > img {

}
.captcha-field > span {
	display:block;
	float:right;
	width:50%;
}

/*SUBMIT*/
.quote-submit > input {
	margin-top:10px;
	width:100%;
	height:50px !important;
	background:url(images/submit-btn-bg.png) repeat-x left top;
	text-align:center;
	color:#fff;
	font-size:25px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #333;
	border:1px solid #adadad;
	box-shadow:1px 3px 5px #393939;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
}

/*
.get-a-quote-box{width:320px;min-height:383px;float:right;position:absolute;right:0;top:-17px;display:block;}
.get_quote_form{background:#e5e5e5;border:1px solid #a5a4a4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;width:295px;padding-bottom: 18px;box-shadow:2px 4px 9px #333;}
.shadow_right{position:absolute;right:-9px;top:-4px;background:url(images/quote-box-shadow-top.png) no-repeat left top;width:32px;height:36px;}
.shadow_left{position:absolute;right:-9px;bottom:-7px;background:url(images/quote-box-shadow-bottom.png) no-repeat bottom left;width:32px;height:36px;}
orm{width:270px;margin:17px auto auto auto;}
form li{list-style-type:none;}
form li input[type='text'], .get-a-quote-box form li input[type='email'], .get-a-quote-box form li textarea, .contact_form_area input[type='text'], .contact_form_area input[type='email'], .contact_form_area textarea{height:25px;width:96%;background:#fff;border:1px solid #b2b2b2;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;margin-bottom:7px;padding-left:8px;font:normal 13px Arial, Helvetica, sans-serif;color:#7c7c7c;} 
form li textarea, .contact_form_area textarea{height:56px;resize:none;}
form li input.phone[type='text']{width:44%;float:left;}
form li input.suburb[type='text']{float:right;width:44%;}
form li input.captcha_txt[type='text']{width:44%;float:right;text-align:center;font-weight:bold;font-size:16px;color:#000;font-style:italic;}


form li input[type='submit'], .contact_form_area input[type='submit']{width:100%;height:50px;background:url(images/submit-btn-bg.png) repeat-x left top;text-align:center;color:#fff;font-size:25px;text-transform:uppercase;text-shadow:1px 1px 1px #333;border:1px solid #adadad;box-shadow:1px 3px 5px #393939;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;cursor:pointer;font-family: 'Oswald', sans-serif;font-weight:700;}

form li input[type='text'], form li input[type='email'], form li textarea, input[type='text'], input[type='email'], textarea {
height: 25px;
width: 96%;
background: #fff;
border: 1px solid #b2b2b2;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom: 7px;
padding-left: 8px;
font: normal 13px Arial, Helvetica, sans-serif;
color: #7c7c7c;
}

textarea {
height: 56px !important;
resize: none;
}
*/



/* B O D Y */

#body-wrap {
	max-width:980px;
	margin:50px auto 50px;
	padding:0 10px;
	overflow:hidden;
}

#body-wrap h2 {
	color:#0182C4;
	font: normal 700 1.75em/2.25em 'Arvo', serif;
	/*margin-top:30px;*/
}#body-wrap h2 span {	font: normal normal 1rem 'Arvo', serif;	color:#000;}

#reviewer-name {
	width: 100%;
	display: block;
	text-align: left;
	color: #487c16;
	font-size: 16px;
	font-weight: bold;
}

.phone-number-body {
	font-size:1.2em;
	color:red;
}

/* SPECIAL OFFER */
#special-offer-section {
	margin-bottom:30px;
}
#special-offer-text {
	width:56%;
	float:left;
	padding:0 2% 0;
	text-align:center;		
}
#special-offer-text p {
	text-align:center;
}
#special-offer-image {
	float:right;
	width:40%;
}#special-offer-image > img {	width:100%;}
#special-offer-text > p {	font-family:'Arvo', serif;}
#special-offer-text > p > span {	color:#0182C4;	font-weight:700;	font-size:1.3em;}#special-offer-text > p > bold {	font-size:1.4em;}
#special-offer-phone {	font-size:1.2em;}#special-offer-phone > span {	font-size:1.6em;	font-weight:700;}
/* PRODUCT DISPLAY */
#product-display {
	margin-bottom:40px;
}
.product-item {
	margin-bottom:30px;
}
.product-item > .product-image {
	float:left;
	width:40%;
}
.product-item > .product-text {
	display:block;
	float:right;
	width:55%;
}
.product-item h2 {
	line-height:1em !important;
	margin-top:0px !important;
	margin-bottom:15px !important;
}
.product-image img {
	width:100%;
}.product-text ul {	margin-top:10px;}
.product-text li {
	font-family: 'Libre Baskerville', serif;
	color: #000;
	font-size: 12px;
	line-height: 26px;
	margin-left:20px;
}

/* IN THE MEDIA */
#media-logos,
#media-logos > img {
	width:100%;
}
#media-event {
	width:50%;
	float:left;
}
#media-event > img {
	width:100%;
}
#media-text {
	float:left;
	width:50%;
	margin-top:60px;
}
#media-text > p {
	font: normal 700 36px 'Arvo', serif;
	text-align:center;
	padding:10px 0;
}
#media-text span {
	color:#f04f23;
}
#media-text h3 {
	font: normal 700 24px 'Arvo', serif;
	text-align:center;
	padding:10px 0;
}
#showground-map {
	width:50%;
	margin:0 auto;
	height:250px;
}
#showground-map > iframe {
	width:100%;
	height:100%;
}
	
/* COMPANY INFO */
#company-info {
	margin:50px 0;
}
#company-info > div {
	display:block;
	float:left;
	font: normal 700 1em/3em 'Arvo', serif;
	height:44px;
	margin-left:6%;
	padding-left:57px;
	text-align:right;
}
#company-info > div:first-child {
	margin-left:0;
	font-size:2em;
	line-height:1.7em;
}
#body-phone {
	background-image:url('images/phone-icon.png');
	background-repeat:no-repeat;
}
#body-email {
	background-image:url('images/address-icon.png');
	background-repeat:no-repeat;
}
#body-address {
	background-image:url('images/email-icon.png');
	background-repeat:no-repeat;
}#home-image-row {	padding:20px 0;}
#home-image-row > img {	width:30%;	margin:0 0 0 5%;}#home-image-row > img:first-child{	margin:0;}


/* F O O T E R */
#footer-wrap {
	background-color:#0182C4;
}
#main-footer {
	max-width:1000px;
	margin:0 auto;
}
#site-info-copyright {
	float:left;
}
#site-info-company {
	float:right;
}

/* FOOTER MENU ITEM */
#main-footer {
	font: normal 400 0.9em 'Calibri', san-serif;
	padding:10px 0;
}
#main-footer > nav {
	padding-bottom:10px;
}
#main-footer > nav ul > li {
	float:left;
}
#main-footer > nav ul > li > a {
	color:#fff;
	display:block;
	font: normal 700 0.8em 'Arvo', serif;
	padding:4px 10px;
}

/* SOCIAL MEDIA LINKS */
#social-media-links {
	margin:5px 0;
}

.facebook-link {
	background-image:url('images/facebook.png');
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:35px;
	margin-right:15px;
	width:35px;
}
.twitter-link {
	background-image:url('images/twitter.png');
	background-repeat:no-repeat;
	display:block;
	float:right;
	height:35px;
	margin-right:15px;
	width:35px;
}


#quote-form-page {
	max-width:320px;
}




/*** B R O C H U R E ***/
#brochure-button a {
	display:block;
	background-color:#f04f23;
	color:#fff;
	width:120px;
	font: normal 700 1em 'Arvo', serif;
	border-radius:1em;
	margin:20px auto;
	text-align:center;
	padding:15px;
}

#wpcf7-f194-p190-o1 {
	width:400px;
}

#wpcf7-f194-p190-o1:after {
	content:"";
	display:block;
	clear:both;
}

#wpcf7-f194-p190-o1 p {
	margin:10px;
}

#wpcf7-f194-p190-o1 input[type="reset"],
#wpcf7-f194-p190-o1 input[type="submit"] {
	width:100px;
	height:50px;
	color:#fff;
	font: normal 700 1em 'Arvo', serif;
	background-color:#f04f23;
	border-style:none;
	border-radius:1em;
	float:left;
	margin-right:50px;
}




@media screen and (max-width:1000px) {
	#company-info > div {
		margin-left:5%;
		float:none;
		width:80%;
		line-height:1.1em;
		text-align:left;
		height:100px;
		word-wrap:break-word;
	}
	#company-info > div:first-child {
		font: normal 700 1em/3em 'Arvo', serif;
		margin-left:5%;
	}
	#quote-form {
		right:25px;		
	}
	#form-wrap:before {
		right:0;
	}
	#form-wrap:after {
		right:0;
	}
	#special-offer-text {
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	#special-offer-image {
		float:none;
		text-align:center;
	}
	#main-slogan {
		display:none;
	}
	#banner-image > img {
		width:initial;
	}
}

@media screen and (max-width:720px) {				#main-header {				margin-bottom:147px;		}				#main-banner > img {			height:100%;			}
	#quote-form {
		/*min-height:67px;*/
		right:0;		top:-69px;
	}
	/*
	#quote-form:hover {
		position:absolute;
		height:387px;
	}
	*/
	#quote-form form {
		display:none;
	}
	/*
	#quote-form:hover form {
		display:block;
	}
	*/
	#form-wrap:after,
	#form-wrap:before {
		display:none;
	}
	.product-item {
		margin-bottom:50px;
	}
	
	.product-item > .product-image {
		float:none;
		width:auto;
	}
	.product-item > .product-text {
		display:block;
		float:none;
		width:100%;
		margin-top:15px;
	}	.product-image {		text-align:center;	}
	.product-image img {
		width:60%;
	}
	#media-event,
	#media-text {
		float:none;
		margin:0 auto;
		width:95%;
	}
	#showground-map {
		width:100%;
	}		#special-offer-image {		width:100%;	}	#special-offer-image > img {		width:60%;	}	
}

@media screen and (max-width:480px) {
	#main-logo {
		float:none;
		margin:0 auto;
		width:100%;
	}
	#main-logo img {
		width:100%;
	}
	#main-phone {
		float:none;
		margin:0 auto;
	}
	#site-info-company,
	#site-info-copyright {
		float:none;
		text-align:center;
	}
	.product-image img {		width:100%;	}
	#special-offer-image > img {		width:100%;	}
	
	#main-logo > a {
		line-height:4rem;
	}
}
@media screen and (max-width:340px) {
	#banner-image > img {
		position:relative;
		left:-720px;
	}
	#quote-form form {
		z-index:9999;
	}
	#banner-image > img {
		z-index:0;
	}
	#form-wrap {
		z-index:9999;
	}
}
