/*

Theme Name: SEO Theme

Author: Joshua Esmero 

Author URI: clixpert.com.au

Description: This theme is optimised for search engines and developed for quick and flexible implementation.

Version: 1.0

*/



@import url(css/reset.css);



/* ==================== */



/* GENERAL */

/* Fonts */

@import url(http://fonts.googleapis.com/css?family=Chivo:400,900);

body {

	font-family: 'Chivo', sans-serif;

}

/* Layout */

.centre-wrap {

	max-width:990px;

	margin:0 auto;

	padding:0 5px;

}

.clear-after:after {

	clear:both;

	content:"";

	display:block;

}

/* Links */

a {

	text-decoration:none;

}



/* ==================== */



/* HEADER MENU-V02 */

#header-menu-wrap {

	

}

/* Title */

#header-title {

	float:left;

}

#header-title > a {

	display:block;

	font-family: 'Chivo', sans-serif

	font-weight:700;

	font-size:2rem;

	color:#5677B3;

	padding:0 9px;

	

	

}

/* Menu */

#header-menu {

	float:right;

	position:relative;

}

/* __toggle */

#main-menu-toggle {

	width:50px;

	height:50px;

	background-image:url('images/interface/mobile-menu-button.png');

	background-repeat:no-repeat;

}

/* __level 1 */

#main-menu {

	display:none;

	position:absolute;

	z-index:999;

	width:200px;

	right:0;

	

}

#main-menu > li {

	margin:0 0 2px;

}

#main-menu > li > a {

	display:block;

	padding:11px 15px;

	color:#000;

	font-size:1.05rem;

	background-color:#bfbfbf;

}

#main-menu > li:hover > a {

	color:#ff0000;

}

#main-menu > .current-menu-item > a {

	color:#8080ff;

}

#main-menu > .menu-item-has-children > div {

	position:absolute;

	right:0;

	width:40px;

	height:40px;

	background-image:url('images/interface/mobile-menu-arrow.png');

}

/* __level 2 */

#main-menu > .menu-item-has-children > ul {

	display:none;

}

#main-menu > .menu-item-has-children > ul > li {

	margin:2px 0 0;

}

#main-menu > .menu-item-has-children > ul > li > a {

	display:block;

	padding:10px 15px;

	color:#000;

	background-color: #808080;

}

#main-menu > .menu-item-has-children > ul > li:hover > a {

	color:#ff0000;

}

#main-menu > .menu-item-has-children > ul > .current-menu-item > a {

	color:#fff;

}
span.wpcf7-form-control-wrap {
  display: block;
  position: relative;
}
span.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0;
  box-sizing: border-box;
  color: #f00;
  display: block;
  font-size: 12px !important;
  height: 20px;
  left: 0;
  padding: 3px 4px !important;
  position: absolute;
  top: 0;
  width: 100% !important;
}
div.wpcf7-validation-errors {
  display: none !important;
}
.wpcf7-form-control-wrap.captcha {
  float: right !important;
  margin: 0;
  width: 110px !important;
}
.wpcf7-form-control-wrap.captcha input {
  box-sizing: border-box;width: 100% !important;}
#body-main-column iframe {max-width: 100%;}
/* Phone */

#header-phone {

	height:50px;

	float:right;

}

#header-phone > a {

	display:block;

	font-size:2rem;

	color:#000;

	padding:9px 50px 9px 0;

}



/* ==================== */



/* BANNER-V04 */

#banner-wrap {

	background-image:url('images/cash-cars-melbourne-banner.png');

	background-repeat:repeat-x;

	background-position:center top;

	margin:0 0 50px;

	height:320px;

}

#banner-wrap > div > ul {

	width:310px;

	padding:50px 0 0;

}

#banner-wrap > div > ul > li {

	margin:0 0 0 0px;

	padding:15px 0;

	font-size:1.3rem;		color:#fff;

}



/* ==================== */



/* SERVICES-V01 */

/* Section */

#services-wrap {

	margin:0 0 50px;

}

#services-wrap > div > div,

#services-wrap > div > a {

	width:23%;

	margin:0 1%;

	color:#000;

}

#services-wrap > div > a {

	display:block;

}

#services-wrap .service-portrait {

	float:left;

}

#services-wrap .service-portrait > img {

	width:100%;

	background-color:#ccc;

	margin:0 0 15px;

}

#services-wrap .service-portrait > header {

	font-size:1.2rem;

	font-weight:700;

	font-family: 'Chivo', sans-serif;

	text-align:center;

	padding:5px 0;

	margin:0 0 5px;

}

#service-form {

	float:right;

}



/* ==================== */



/* MAIN FORM-V01 */

.widget-wrap #main-form {

	position:initial;

}

#main-form {

	background-color:#F8D83E;

	width:100%;

	border-radius:5px;

}

/* Heading */

#main-form > header {

	

}

#main-form > header > span {

	display:inline-block;

	font-size:1.9rem;

	line-height:1.9rem;

	color:#000;

	padding:10px 0 10px 55px;

	background-image:url( 'images/interface/form-header-arrow.png' );

	background-repeat:no-repeat;

	background-position:3px 3px;

	font-family: 'Chivo', sans-serif;

}

/* Wrap */

#main-form > div {

	padding:15px;

}

/*Fields */

#main-form .form-element {

	margin:0 0 10px;

}

#main-form .form-element > span {

	display:block;

}

#main-form .form-element > span > input {

	width:96%;

	border:none;

	margin:0;

	padding:2px 2%;

	font-size:1rem;

	line-height:1rem;

}

#main-form .form-element > span > textarea {

	width:96%;

	border:none;

	margin:0;

	padding:2px 2%;

	font-size:1rem;

	line-height:1rem;

	font-family: 'Chivo', sans-serif;

	height:2rem;

}

#main-form .form-element > .message {

	height:36px;

}

/* Error Message */

#main-form .form-element > span > span {

	padding:5px 0 10px;

}

/* Captcha */

#main-form .form-captcha {

	margin:0 0 10px;

}

#main-form .form-captcha > img {

	height:22px;

	display:block;

	float:left;

}

#main-form .form-captcha > span {

	display:block;

	float:left;

}

#main-form .form-captcha > span > input {

	display:block;

	border:none;

	margin:0;

	padding:2px;

	font-size:1rem;

	line-height:1rem;

	width:72px;

}

#main-form .form-captcha > span > span {

	width:100px;

	padding:5px 0 10px;

}

/* Submit */

#main-form .form-submit {

	margin:0;

}

#main-form .form-submit > input {

	display:block;

	border:none;

	border-radius:5px;

	margin:0;

	padding:5px 0;

	font-size:1.5rem;

	line-height:1.5rem;

	width:100%;

	text-transform:uppercase;

	text-align:center;

	background-color:#F8923E;

	color:#000;

}

#main-form .form-submit > img {

	display:none;

}

/* Validation Message */

#main-form form > .wpcf7-validation-errors {

	border:none;

	color:#f00;

	margin:15px 0 0;

	padding:0;

}



/* ==================== */



/* BODY ELEMENTS-V01 */

/* Headings */

#body-wrap h1,

#body-wrap h2,

#body-wrap h3 {

	margin:0 0 15px;

	font-family: 'Chivo', sans-serif;

}

#body-wrap h1 {

	font-size:2.4rem;

	line-height:2.6rem;

	color:#358D7C;

}

#body-wrap h2 {

	font-size:1.8rem;

	line-height:2rem;

	padding:20px 0 0;

	color:#5677B3;

}

#body-wrap h3 {

	font-size:1.4rem;

	line-height:1.6rem;

	padding:20px 0 0;

	color:#5677B3;

}

#body-main-column header {

	margin:0 0 15px;

}

#body-main-column header > h1,

#body-main-column header > h2 {

	margin:0;

}

#body-main-column header > span {

	font-size:0.9rem;

	color:#808080;

}

/* Paragraph */

#body-wrap p {

	margin:0 0 15px;

	line-height:1.5rem;

}

/* Lists */

#body-wrap ul,

#body-wrap ol {

	margin:0 0 15px;

}

#body-wrap ul > li > ul,

#body-wrap ol > li > ol {

	margin:15px 0;

}

#body-wrap ul > li,

#body-wrap ol > li {

	margin:0 0 10px 30px;

	line-height:1.2rem;

}

/* Links */

#body-wrap a {

	color:#358D7C;

}

#body-wrap a:hover {

	color:#cc5252;

}

/* Table */

#body-wrap table {

	margin: 0 0 15px;

}

#body-wrap table th,

#body-wrap table td {

	padding:0 10px;

	line-height:1.4rem;

}

#body-wrap .table-header-left th:first-child {

	text-align:right;

}

/* Images */

.img-full-width {

	width:100%;

}





/* ==================== */







/* ==================== */



/* BODY-V02 */

#body-wrap {

	margin:0 0 50px;

}

.inner-wrap > div {

	padding: 50px 5px 0;

	border-top-style:solid;

	border-top-width:1px;

	border-top-color:#ccc;

}

/* Main Column */

#body-main-column {

	float:left;

	width:65%;

}

/* Side Column */

#body-side-column {

	float:right;

	width:30%;

}

/* Post */

.body-post-wrap {

	margin:0 0 15px;

	border-style:solid;

	border-color:#cccccc;

	border-top-width:1px;

}

.body-post-wrap > .read-more-button {

	display:inline-block;

	padding:4px 8px;

	background-color:#ff8c19;

	color:#fff !important;

	font-weight:700;

	border-radius:4px;

}



/* ==================== */



/* SIDEBAR-V01 */

/* Widgets */

.widget-wrap {

	padding:0 0 15px;

}

.widget-wrap > header {

	margin: 0 0 15px;

	font-size: 1.8rem;

	line-height: 2rem;

	color:#142f66;

}



/* ==================== */



/* FOOTER MENU-V01 */

#footer-menu-wrap {

	background-color:#BFBFBF;

}

#footer-menu {

	letter-spacing:1px;

	font-size:0.9rem;

}

#footer-menu > li {

	float:left;

}

#footer-menu > li > a {

	display:block;

	padding:10px 15px;

	color:#000;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

}

#footer-menu > li:hover > a {

	color:#FF0000;

}

#footer-menu > .current-menu-item > a {

	color:#FF0000;

}



/* ==================== */



/* FOOTER INFO-V01 */

#footer-info-wrap {

	background-color:#BFBFBF;

	padding:20px 0;

}

/* Copyright */

#copyright {

	width:40%;

	float:left;

	color:#000;

}

/* Clixpert Link */

#clixpert-link {

	width:40%;

	float:right;

	text-align:right;

}

#clixpert-link > a {

	color:#000;

}

/* Micro Data */

#micro-data {

	width:20%;

	float:left;

	text-align:center;

	position:relative;

	color:#000;

}

#micro-data > div {

	position:absolute;

	display:none;

	width:310px;

	padding:5px;

	background-color:#666868;

	top:-332px;

}

#micro-data:hover > div {

	display:block;

}

#micro-data > div > img {

	width:310px;

	height:155px;

}

#micro-data > div > div {

	font-size:1.5rem;

	padding:10px 0;

}

#micro-data > div > table tr {

	padding:0 0 5px;

	font-size:0.9rem;

}

#micro-data > div > table th {

	text-align:left;

	padding:0 5px 0 0;

}

#micro-data > div > table td {

	text-align:left;

}

#micro-data > div > a {

	display:block;

	padding:5px 10px;

	background-color:#F8923E;

	border-radius:5px;

	margin:10px auto 0;

	width:160px;

	color:#fff;

	font-weight:700;

}



/* #################### */



/* TABLET RESPONSIVE */

@media only screen and (max-width:768px) {
	
	

	/* HEADER MENU-V02 */

	/* Title */

	#header-title > a {

		font-size:1.75rem;

		padding:11px 0;

	}

	/* Phone */

	#header-phone > a {

		font-size:1.75rem;

		padding:11px 30px 11px 0;

	}

	

	/* ==================== */

	

	/* SERVICES-V01 */

	/* Section */

	#services-wrap > div > div,

	#services-wrap > div > a {

		width:48%;

		margin:20px 1% 0;

	}

	#services-wrap .service-portrait {

		min-height:288px;

	}

	#services-wrap .service-portrait > img {

		width:80%;

		margin:0 auto;

		display:block;

	}



}



@media only screen and (max-width:767px) {
.wpcf7-form-control-wrap.captcha {width: 79px !important;}	
.wpcf7-form-control-wrap.captcha input {font-size: 11px !important;}
#micro-data span{display:none !important;}
}

/* #################### */



/* PHONE RESPONSIVE */

@media only screen and (max-width:630px) {
	.wpcf7-form-control-wrap.captcha {margin-top: 6px;width: 100% !important;}
}
@media only screen and (max-width:480px) {

	

/* HEADER MENU-V02 */	

	/* Phone */

	#header-phone {

		float:left;

	}

	#header-phone > a {

		padding:11px 0;

	}

	/* Menu */

	#header-menu {

		padding:50px 0 0;

	}



	/* ==================== */

	

	/* BANNER-V04 */

	#banner-wrap {

		background-image:none;

		background: rgb(30,87,153); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */



	}

	

	/* ==================== */

	

	/* SERVICES-V01 */

	/* Section */

	#services-wrap > div > div,

	#services-wrap > div > a {

		width:100%;

		margin:20px 0 0;

	}

	#services-wrap .service-portrait {

		float:none;

		min-height:0;

	}

	#service-form {

		float:none;

		margin:20px 0 0;

	}

	

	/* ==================== */

	

	/* MAIN FORM-V01 */

	#main-form {

		border-radius:10px;

		position:initial;

		top:initial;

	}

	/* Heading */

	#main-form > header {

		cursor:pointer;

		text-align:center;

	}

	#main-form > header > span {

		display:inline-block;

		font-size:2.2rem;

		line-height:2.2rem;

		font-family: 'Chivo', sans-serif;

		color:#000;

		text-transform:uppercase;

		padding:10px 0 10px 55px;

		background-image:url( 'images/interface/form-header-arrow.png' );

		background-repeat:no-repeat;

		background-position:3px 3px;

	}

	/* Wrap */

	#main-form > div {

		display:none;

	}

	/* ==================== */



	/* BODY-V02 */



	/* Main Column */	



	#body-main-column {		float:none;		width:100%;	}	/* Side Column */	#body-side-column {		float:none;		width:100%;	}

	/* ==================== */

	/* FOOTER MENU-V01 */

	#footer-menu {

		width:100%;

		float:none;

	}

	#footer-menu > li {

		width:100%;

	}

	#footer-menu > li > a {

		text-align:center;

	}

	

	/* ==================== */

	

	/* FOOTER INFO-V01 */

	#copyright,

	#clixpert-link,

	#micro-data {

		width:initial;

		float:initial;

		text-align:center;

		padding:10px 0;

	}





/* ====================== */



	/* Table    */



	#nav {

    		line-height:30px;

    		height:350px;

   		width:100px;

    		float:left;

   		padding:5px;	      

	}

	

	#section {

   		width:350px;

   		float:left;

    		padding:10px;	 	 

	}

	

}