/*



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=Exo:300,400,700);



body {



	font-family:Arial, 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-V01 */



#header-wrap {



	padding:30px 0 20px;



	background-color:#21270B;



}



/* Title */



#header-title {



	width:60%;



	float:left;



}



#header-title > a {



	display:block;



	font-size:2.5rem;



	line-height:2.5rem;



	color:#fff;



	font-weight:700;



	letter-spacing:2px;



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



}



#header-title > a > span {



	color:#BDCD51;



}



/* Phone */



#header-phone {



	float:right;



	background-image:url( 'images/interface/square-phone-icon.png' );



	background-repeat:no-repeat;



	background-position:left center;



}



#header-phone > a {



	display:block;



	font-size:2.5rem;



	line-height:2.5rem;



	color:#fff;



	padding:2px 0 2px 50px;



	



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



}



/* Message */



#header-message {



	clear:both;



	text-align:center;



	color:#DDA185;



	padding:30px 0 0;



}







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







/* MAIN MENU-V01 */



#main-menu-wrap {



	background-color:#9AB42F;



	border-style:solid;



	border-color:#4c6633;



	border-bottom-width:2px;



}



/* Toggle */



#main-menu-toggle {



	display:none;



}



/* Level 1 */



#main-menu {



	letter-spacing:1px;



	font-size:0.9rem;



}



#main-menu > li {



	float:left;



}



#main-menu > li > a {



	display:block;



	padding:10px 15px;



	color:#f8ffca;



}



#main-menu > li:hover > a {



	color:#000;



}



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



	color:#cccccc;



}



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



	position:relative;



}



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



	border-radius:0;



}



/* Level 2 */



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



	position:absolute;



	display:none;



	background-color:#331919;



	z-index:998;



	width:300px;



}



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



	display:block;



}

div.wpcf7-validation-errors {  display: none !important;}

span.wpcf7-not-valid-tip {

  background: #fff none repeat scroll 0 0;

  color: #f00;

  display: block;

  font-size: 12px !important;

  padding: 0 !important;

  position: absolute;

  top: 4px;

  width: auto !important;

}

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



	display:block;



	padding:10px 15px;



	color:#fff;



}



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



	background-color:#DDA185;



}



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



	background-color:#EDDAB6;



	color:#331919;



}



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



	display:none;



}















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







/* BANNER-V01 */



#banner-wrap {



	background-color:#BBCB4E;



	margin:0 0 50px;



	min-height:318px;



}



/* Form */



#banner-form {



	float:right;



	width:25%;



	position:relative;



}



/* Points */



#banner-points {



	float:left;



	width:40%;



	padding:40px 0 20px;



}



#banner-points > ul > li {



	font-size:1.4rem;



	line-height:1.6rem;



	margin:0 0 20px 30px;



	list-style-image:url( 'images/interface/selling-point-bullet.png' );



}



/* Image */



#banner-images {



	float:left;



	width:35%;



	padding:30px 0 0;



}







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







/* MAIN FORM-V01 */



.widget-wrap #main-form {



	position:static;



}



#main-form {



	background-color:#21270B;



	position:absolute;



	width:100%;



	overflow:hidden;



}



/* Heading */



#main-form > header {



	



}



#main-form > header > span {



	display:inline-block;



	font-size:2.2rem;



	line-height:2.2rem;



	color:#fff;



	padding:10px 0 10px 55px;



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



	background-repeat:no-repeat;



	background-position:3px 3px;



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



	font-weight:700;



	letter-spacing:2px;



}

.sociallinks {

    width: 57%;
	

}

.sociallinks ul {

    list-style: none;

}

.sociallinks ul li {

    float: left;

    padding: 4px 04px;

}



/* Wrap */



#main-form > div {



	padding:15px;



}



/*Fields */



#main-form .form-element {



	margin:0 0 5px;



}



#main-form .form-element > span {



	display:block;



}



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



	width:96%;



	border:none;



	margin:0;



	padding:1px 2%;



	font-size:0.9rem;



	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:Arial, sans-serif;



	height:3rem;



}



/* Error Message */



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



	padding:5px 0 10px;



}



/* Captcha */



#main-form .form-captcha {



	margin:0 0 15px;



}



#main-form .form-captcha > img {



	height:22px;



	display:block;



	float:left;



}



#main-form .form-captcha > span {



	display:block;



	float:right;



	padding:0 0 0 15px;



}



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



	display:block;



	border:none;



	margin:0;



	padding:2px 2%;



	font-size:1rem;



	line-height:1rem;



	width:100px;



}



#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:#6699ff;



	color:#fff;



}



#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;



}



#main-form .page-form-title {



	margin:0 0 5px;



	color:#BBCB4E;



	font-size:0.8rem;



}



#main-form .page-form-drop-list > span > select {	



	width:100%;	



	max-width:322px;	



	margin:0 0 5px;	



	padding:2px 5px;



}







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







/* BODY ELEMENTS-V01 */



/* Headings */



#body-wrap h1,



#body-wrap h2,



#body-wrap h3 {



	margin:0 0 15px;



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



}



#body-wrap h1 {



	font-size:2.4rem;



	line-height:2.6rem;



	color:#9AB42F;



}



#body-wrap h2 {



	font-size:1.8rem;



	line-height:2rem;



	padding:20px 0 0;



	color:#4c6633;



}



#body-wrap h3 {



	font-size:1.4rem;



	line-height:1.6rem;



	padding:20px 0 0;



	color:#4c6633;



}



#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.2rem;



}



/* 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:#6699ff;



}



#body-wrap a:hover {



	color:#AB3334;



}



/* 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-V01 */



#body-wrap {



	margin: 0 0 50px;



}







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







/* BODY-V02 */



#body-wrap {



	margin: 50px 0;



}



/* 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:#6699ff;



	color:#fff !important;



	font-weight:700;



	border-radius:4px;



}



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



	background-color:#AB3334;



}







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







/* PAGE FORM */



#page-form {	



font-family: Arial, sans-serif;



}



#page-form .page-form-title 



{	



margin:0;



}



#page-form .page-form-element {	



margin:0 0 10px;



}



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



display:block;



}



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



width:100%;	



max-width:310px;	



margin:0;	



padding:2px 5px;	



border-width:1px;	



border-color:#a9a9a9;



}



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



width:100%;	



max-width:310px;	



margin:0;	



padding:2px 5px;	



height:3rem;



}



#page-form .page-form-drop-list > span > select {	



width:100%;	



max-width:322px;	



margin:0;	



padding:2px 5px;



}



#page-form .page-form-captcha {	







}



#page-form .page-form-captcha > img {	



float:left;	



margin:0;	



height:21;



}



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



float:left;	



margin:0;



}



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



width:100%;	



max-width:150px;	



margin:0;	



padding:2px 5px;	



border-width:1px;	



border-color:#a9a9a9;



}



#page-form .page-form-submit > input {	



margin:0;	



padding:8px 16px;	



background-color:#6699ff;	



border:none;	



border-radius:10px;	



font-size:1.2rem;	



font-weight:700;	



color:#fff;	



letter-spacing:2px;



}







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



/* SIDEBAR-V01 */



/* Widgets */



.widget-wrap {



	padding:0 0 15px;



}



.widget-wrap > header {



	margin: 0 0 15px;



	font-size: 1.8rem;



	line-height: 2rem;



	color:#331919;



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



	font-weight:700;



}







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







/* FOOTER MENU-V01 */



#footer-menu-wrap {



	background-color:#21270B;



}



#footer-menu {



	letter-spacing:1px;



	font-size:0.9rem;



}



#footer-menu > li {



	float:left;



}



#footer-menu > li > a {



	display:block;



	padding:10px 15px;



	color:#fff;



}



#footer-menu > li:hover > a {



	background-color:#9AB42F;



}



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



	color:#cccccc;



}







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







/* FOOTER INFO-V01 */



#footer-info-wrap {



	background-color:#21270B;



	padding:20px 0;



}



/* Copyright */



#copyright {



	width:40%;



	float:left;



	color:#cccccc;



}



/* Clixpert Link */



#clixpert-link {



	width:40%;



	float:right;



	text-align:right;



}



#clixpert-link > a {



	color:#cccccc;



}



/* Micro Data */



#micro-data {



	width:18%;



	float:left;



	text-align:center;



	position:relative;



	color:#cccccc;



}



#micro-data > div {



	position:absolute;



	display:none;



	width:310px;



	padding:5px;



	background-color:#21270B;



	top:-346px;



}



#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:#ff8c19;



	border-radius:5px;



	margin:10px auto 0;



	width:160px;



	color:#fff;



	font-weight:700;



}







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







/* TABLET RESPONSIVE */



@media only screen and (min-width:769px) {


	#micro-data {
    width: 16%;
    float: left;}



	/* MAIN MENU-V01 */



	/* Level 1 */



	#main-menu {



		display:block !important;



	}



	



}



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

.sociallinks {
    float: left;
}


	#micro-data {
    width: 16%;
    padding-top: 25px;
}



	/* MAIN MENU-V01 */



	#main-menu-wrap > div {



		position:relative;



		padding:0;



	}



	/* Toggle */



	#main-menu-toggle {



		display:block;



		height:50px;



		width: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:100%;



		border-style:solid;



		border-color:#4c6633;



		border-top-width:2px;



		border-radius:0;



		background-color:#9AB42F;



	}



	#main-menu > li {



		float:none;



	}



	#main-menu > li > a {



		padding:18px 15px;



		border-radius:0;



	}



	/* Level 2 */



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



		display:block;



		right:0;



		position:absolute;



		width:50px;



		height:50px;



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



		background-repeat:no-repeat;



	}



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



		width:75%;



		border:none;



	}



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



		display:none;



	}



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



		padding:18px 15px;



	}



	



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



	



	/* HEADER-V01 */



	/* Title */



	#header-title {



		width:50%;



	}



	/* Phone */



	#header-phone {



		width:50%;



	}



	



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



	



	/* BANNER-V01 */



	/* Form */



	#banner-form {



		width:30%;



	}



	/* Points */



	#banner-points {



		float:left;



		width:70%;



	}



	/* Image */



	#banner-images {



		float:left;



		width:70%;



		padding:0;



	}



	



}







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







/* PHONE RESPONSIVE */



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

    #micro-data {display: none !important;}

    #header-phone > a {font-size: 26px;}

    #header-phone {width: 40%;}

}

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

	.sociallinks {
    float: left;
}

    #header-phone {

  clear: both;

  float: none;

  margin: 0 auto;

  width: 246px;

}

#header-title {

  clear: both;

  float: none;

  margin: 0 auto;

  text-align: center;

  width: 276px;

}

}

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



.sociallinks {

    width: 50%;

    padding-left: 127px;

}

#banner-images > img {

  height: auto;

  width: 100%;

}

	



	/* HEADER-V01 */



	/* Title */



	#header-title {



		width:100%;



		float:none;



	}



	#header-title > a {



		text-align:center;



		font-size:2.2rem;



		line-height:2.2rem;



	}



	/* Phone */



	#header-phone {



		/*width:100%;*/



		float:none;



		text-align:center;



		padding:30px 0 0;



	}



	#header-phone > a {



		float:none;



		display:inline-block;



		text-align:center;



	}



	



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



	



	/* BANNER-V01 */



	#banner-wrap {



		padding:5px 0 0;



	}



	/* Form */



	#banner-form {



		float:none;



		width:100%;



	}



	/* Points */



	#banner-points {



		float:none;



		width:100%;



	}



	/* Image */



	#banner-images {



		float:none;



		width:100%;



	}



	



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



	



	/* MAIN FORM-V01 */



	#main-form {



		border-radius:10px;



		position:static;



		top:0;



	}



	/* Heading */



	#main-form > header {



		cursor:pointer;



		text-align:center;



		background-color:#6699ff;



	}



	/* Wrap */



	#main-form > div {



		display:none;



	}



	



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



	



	/* BODY-V02 */



	#body-wrap {



		margin: 50px 0;



	}



	/* 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:100%;



		float:none;



		text-align:center;



		padding:10px 0;



	}



	



}



@media only screen and (max-width:360px) {
	
#header-phone > a {

  color: #fff;

  display: block;

  font-family: "Exo",sans-serif;

  font-size: 26px;

  line-height: 2.5rem;

  padding: 2px 0 2px 39px;

}

#header-phone {

  float: none;

  margin: 0 auto;

  padding: 17px 0 0;

  text-align: center;

  width: 248px;

}

}