/*

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=Play);

body {

	font-family:Arial, sans-serif;

}



iframe {
  width: 100% !important;
}

span.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0 !important;
  color: #f00;
  display: block;
  font-size: 11px !important;
  height: 7px !important;
  left: 5px !important;
  position: absolute !important;
  top: 0 !important;
}


.captcha span.wpcf7-not-valid-tip {
  background: #fff none repeat scroll 0 0 !important;
  color: #f00;
  display: block;
  font-size: 11px !important;
  height: 4px !important;
  left: 20px !important;
  position: absolute !important;
  top: 0 !important;
  width: 100px !important;
}

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

}



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



/* MAIN MENU-V01 */

#main-menu-wrap {

	background-color:#0A1612;

}

/* Toggle */

#main-menu-toggle {

	display:none;

}

/* Level 1 */

#main-menu {

	text-transform:uppercase;

	letter-spacing:1px;

	font-size:0.9rem;

	background-color:#0A1612;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

}

#main-menu > li {

	float:left;

}

#main-menu > li > a {

	display:block;

	padding:10px 15px;

	color:#cccccc;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

}

#main-menu > li:hover > a {

	background-color:#F7CE3E;

	color:#fff;

}

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

	background-color:#F7CE3E;

	color:#333333;

}

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

	position:relative;

}

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

	border-radius:initial;

}

/* Level 2 */

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

	position:absolute;

	display:none;

	background-color:#191919;

	z-index:998;

	width:300px;

}

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

	display:block;

}

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

}

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

	background-color:#cccccc;

	color:#333333;

}

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

	display:none;

}



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



/* HEADER-V01 */

#header-wrap {

	padding:20px 0 20px;

	background-color:#1A2930;

	margin:0 0 50px;

}

/* Title */

#header-title {

	width:60%;

	float:left;

}

#header-title > a {

	display:block;

	font-size:2.5rem;

	line-height:2.5rem;

	text-transform:uppercase;

	color:#fff;

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

	font-weight:700;

	letter-spacing:2px;

}

#header-title > a > span {

	color:#F7CE3E;

}

/* Phone */

#header-phone {

	width:40%;

	float:right;

}

#header-phone > a {

	display:block;

	float:right;

	font-size:2.5rem;

	line-height:2.5rem;

	color:#fff;

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

	padding:0 0 0 50px;

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

	background-repeat:no-repeat;

}

/* Message */

#header-message {

	clear:both;

	text-align:right;

	color:#cccccc;

	padding:10px 0 0;

}

.social-icon > a {

	display:inline-block;

	float:right;

	width:32px;

	margin:0 0 0 10px;

}

.social-icon > a > img {

	width:100%;

}



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



/* BANNER-V01 */

#banner-wrap {

	background-color:#F7CE3E;

	border-style:solid;

	border-color:#262228;

	border-top-width:2px;

	border-bottom-width:2px;

	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-family: 'Play', sans-serif;

	font-size:1.6rem;

	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:60px 0 0;

}



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



/* MAIN FORM-V01 */

.widget-wrap #main-form {

	position:initial;

}

#main-form {

	background-color:#C5C1C0;

	position:absolute;

	width:100%;

	top:8px;

	border-radius:10px;

	overflow:hidden;

}

/* Heading */

#main-form > header {

	background-color:#1A2930;

}

#main-form > header > span {

	display:inline-block;

	font-size:2.2rem;

	line-height:2.2rem;

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

	color:#fff;

	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 {

	padding:15px;

}

/*Fields */

#main-form .form-element {

	margin:0 0 15px;

}

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

	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:#1A2930;

	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;
	display:none !important;

}



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



/* BODY ELEMENTS-V01 */

/* Headings */

#body-wrap h1,

#body-wrap h2,

#body-wrap h3 {

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

	margin:0 0 15px;

}

#body-wrap h1 {

	font-size:2.4rem;

	line-height:2.6rem;

	color:#0A1612;

}

#body-wrap h2 {

	font-size:1.8rem;

	line-height:2rem;

	padding:20px 0 0;

	color:#0A1612;

}

#body-wrap h3 {

	font-size:1.4rem;

	line-height:1.6rem;

	padding:20px 0 0;

	color:#0A1612;

}

#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:#527acc;

}

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

#body-wrap {

	margin: 0 0 50%;

}



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



/* BODY-V02 */

#body-wrap {

	margin: 0 0 50px;

}

/* 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-family: 'Play', sans-serif;

	font-size: 1.8rem;

	line-height: 2rem;

	color:#142f66;

}



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



/* FOOTER MENU-V01 */

#footer-menu-wrap {

	background-color:#0A1612;

}

#footer-menu {

	text-transform:uppercase;

	letter-spacing:1px;

	font-size:0.9rem;

}

#footer-menu > li {

	float:left;

}

#footer-menu > li > a {

	display:block;

	padding:10px 15px;

	color:#cccccc;

	border-bottom-left-radius:10px;

	border-bottom-right-radius:10px;

}

#footer-menu > li:hover > a {

	background-color:#F7CE3E;

	color:#fff;

}

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

	background-color:#F7CE3E;

	color:#333333;

}



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



/* FOOTER INFO-V01 */

#footer-info-wrap {

	background-color:#0A1612;

	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: 20%;
    float: left;
    text-align: center;
    position: relative;
    color: #ccc;
    display: none !important;
}

#micro-data > div {

	position:absolute;

	display:none;

	width:310px;

	padding:5px;

	background-color:#2e384d;

	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;

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

}

#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) {

	

	/* MAIN MENU-V01 */

	/* Level 1 */

	#main-menu {

		display:block !important;

	}

	

}

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

	

	/* 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-bottom-width:1px;

		border-bottom-color:#cccccc;

		border-radius:initial;

	}

	#main-menu > li {

		float:none;

	}

	#main-menu > li > a {

		padding:18px 15px;

		border-radius:initial;

	}

	/* 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:640px) {

#micro-data {display: none;}
#copyright,	#clixpert-link{width:initial;float:initial;text-align:center;padding:10px 0;}		
		

	/* HEADER-V01 */

	/* Title */

	#header-title {

		width:initial;

		float:none;

	}

	#header-title > a {

		text-align:center;

		font-size:2.2rem;

		line-height:2.2rem;

	}

	/* Phone */

	#header-phone {

		width:initial;

		float:none;

		text-align:center;

		padding:30px 0 0;

	}

	#header-phone > a {

		float:initial;

		display:inline-block;

		text-align:center;

	}

	

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

	

	/* BANNER-V01 */

	/* Form */

	#banner-form {

		float:initial;

		width:initial;

	}

	/* Points */

	#banner-points {

		float:initial;

		width:initial;

	}

	/* Image */

	#banner-images {

		float:initial;

		width:initial;

	}

	

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

	

	/* MAIN FORM-V01 */

	#main-form {

		border-radius:10px;

		position:initial;

		top:initial;

	}

	/* Heading */

	#main-form > header {

		cursor:pointer;

		text-align:center;

	}

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

		border-radius:10px;

	}

	

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

	

	/* FOOTER INFO-V01 */


.centre-wrap {}
#body-wrap table th, #body-wrap table td {
  display: block;
  padding: 0;
  text-align: left !important;
  width: 100%;
}
 #body-wrap table td{ margin-bottom:10px;}

	

}