Theme Name:     Electrical Inspectorate

Theme URI:      http://www.chromatix.com.au

Description:    A theme designed Electrical Inspectorate

Author:         Chromatix

Author URI:     http: //www.chromatix.com.au

Version:        1.0

*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/***

 * General

 */

body {

	font-family: Arial, Helvetica, sans-serif;

	color: #737373;

}



h1, h2, h3 {

	font-family: 'Open Sans', Arial, sans-serif;

}

h1 {

	font-size: 23px;

	font-weight: 700;

	color: #3e3e3e;

	padding-bottom: 20px;

}

h2 {

	font-size: 16px;

	font-weight: 600;

	color: #3e3e3e;

	padding-bottom: 10px;

}



p {

	color: #737373;

	font-size: 14px; /*13px;*/

	padding-bottom: 20px;

	line-height: 22px;

}



a { color: #666; text-decoration: underline; } /* added by TM 07/11/13 */

a:hover { color: #bbb; text-decoration: underline; } /* added by TM 07/11/13 */



/***

 * Header

 */

#header {

	width: 100%;

	height: 198px;

	background: url('images/page_banner.jpg?v=2.0') top center no-repeat;

}

#header_content {

	margin: 0 auto;

	padding: 30px 10px 0 10px;

	width: 940px;

}

img#logo {

	width: 280px;

	height: 107px;

	float: left;

}

img#phone_number {

	width: 258px;

	height: 53px;

	float: right;

	margin-top: 11px;

}

#main_nav {

	padding-top: 30px;

	float: right;

}

#main_nav ul li {

	float: left;

	margin-right: 55px;

	font-family: 'Open Sans', Arial, sans-serif;

	font-weight: 600;

	font-size: 14px;

}

#main_nav ul li:last-child {

	margin-right: 0;

}

#main_nav ul li a {

	color: #fff;

	text-decoration: none;

}



	#main_nav ul li a:hover { color: #ddd; } /* added by TM 07/11/13 */



/***

 * Body

 */

#main {

	width: 100%;

}

#main_content {

	margin: 0 auto;

	padding: 30px 10px 40px 10px;

	width: 940px;

	overflow: hidden;

}

#left {

	float: left;

	width: 640px;

}



body.page-id-7 #left img:nth-child(even) {

	margin-bottom: 40px;

}



body.page-id-7 #left img:nth-child(odd) {

	margin-right: 40px;

	margin-bottom: 40px;

}



#left-full {

	width: 100%;

}



#right {

	float: right;

	width: 280px;	

}



body.page-id-7 #right li#text-8 {

	margin-top:60px;

}



#right li.widget {

	list-style-type: none;

}

#right li.widget div.wpcf7 {

	background: #80a3d6;

	padding: 20px 20px 10px 20px;

}

#right li.widget div.wpcf7 h2 {

	font-size: 19px;

	font-weight: 700;

	color: #fff;

	margin: 0;

    padding-bottom: 5px;

}

/*#right li.widget div.wpcf7 table tr td {

	padding-bottom: 5px;

	vertical-align: top;

}

#right li.widget div.wpcf7 table tr td:first-child {

	color: #d6e1f2;

	font-size: 12px;

	width: 60px;

	padding-top: 5px;

}

#right li.widget div.wpcf7 input[type="text"], #right li.widget div.wpcf7 textarea {

	width: 175px;

}

#right li.widget div.wpcf7 input[type="submit"] {


}*/



#right li#text-3.widget {

	margin-bottom:20px;

}



/***

 * Footer

 */

#footer {

	width: 100%;

	border-top: 1px solid #ececec;

	border-bottom: 4px solid #344469;

	background: #f5f5f5;	

	/*background-color: #222;*/

	padding-top: 13px;

}



#footer p {

	font-size: 12px; /*11px;*/

	line-height: 18px;

}



#footer_content {

	margin: 0 auto;

	padding: 30px 10px 20px 10px;

	width: 940px;

	overflow: hidden;

}

#footer_content li.widget {

	list-style-type: none;

	font-size: 11px;

	line-height: 18px;

	float: left;

	width: 33%;

}



/***

 * Front Page

 */

body.home #header {

	height: 450px;

	background: url('images/front_page_banner.jpg?v=2.2') top center no-repeat;

}

table#front_page_table {

	width: 100%;

	margin-top: 30px;

}

table#front_page_table tr td {

	vertical-align: top;

	padding-bottom: 10px;

}

table#front_page_table tr td:first-child, table#front_page_table tr td:nth-child(3), table#front_page_table tr td:nth-child(5) {

	width: 60px;

}

table#front_page_table tr td:nth-child(2), table#front_page_table tr td:nth-child(4), table#front_page_table tr td:nth-child(6) {

	width: 240px;

	padding-right: 20px;

}



	/* added by TM 07/11/13 */

	/* note that this table is now also on three other pages, same code */

	table#front_page_table tr td { cursor: pointer; }

	table#front_page_table tr td img { opacity: .8; }

	table#front_page_table tr td a { text-decoration: underline; color: #111; }

	table#front_page_table tr td:hover img { opacity: 1; }

	table#front_page_table tr td:hover a { text-decoration: underline; color: #666; }



body.home .products {

	cursor: pointer;

	

}



/* Bullet list additions on 31/10/13 by Tim Malone - tim.malone@chromatix.com.au */



#main_content ul { list-style-type: disc; font-size: 13px; margin: 0 0 20px 0; line-height: 22px; font-size: 14px; }

	#main_content ul li { list-style-type: disc; margin-left: 30px; margin-bottom: 5px; }



ul.snap_open>li { cursor: pointer; text-decoration: underline; font-weight: normal; }

ul.snap_open>li:hover { color: #aaa; }



ul.snap_open>li.active { text-decoration: none; font-weight: bold; margin-top: 15px; }

ul.snap_open>li.active:first-child { margin-top: 0; }

ul.snap_open>li.active:hover { color: #737373; }



ul.snap_open>li:hover div.hidden { color: #737373; }

ul.snap_open>li div.hidden { display: none; text-decoration: none; margin: 20px; border: 1px #eee solid; padding: 20px 20px 5px 20px; cursor: default; font-weight: normal; }



ul.spaced>li { margin: 6px 0; }



/* Flame box additions for front page - 2/10/14 by Tim Malone - tim.malone@chromatix.com.au */



.flame {

	text-align: center;

	width: 70%;

	border: 1px solid #dcdcdc;

	padding: 20px 10px 2px 10px;

	margin: 20px auto 20px auto;

	position: relative;

}



	.flame:before {

		content: "";

		position: absolute;

		background-image: url("images/flame.png");

		width: 111px;

		height: 142px;

		left: -37px;

		top: -34px;

		background-size: 86%;

		background-repeat: no-repeat;

	}

	

/* Dynamic content for front page - 2/10/14 by Tim Malone - tim.malone@chromatix.com.au */



.dynamic_content { transition: all .5s; position: relative; padding-bottom: 25px; }

	.dynamic_content .first_view { margin-bottom: -20px; }



	.dynamic_content .subsequent_view {

		display: none;

		border: 1px solid #dcdcdc;

		padding: 20px 20px 0px 20px;

		position: absolute;

		top: 0;

		left: 0;

	}

	

/* Make about page spaced better - 2/10/14 by Tim Malone - tim.malone@chromatix.com.au */



.page-id-5 h2 { padding-top: 15px; font-weight: 700; color: #737373; }

.page-id-5 p { padding-bottom: 10px; }


/* fix form after update - CHROMATIX DJ 15/11/2016 */

.wpcf7{
	position: relative;
}

.wpcf7 p:after{
	display: table;
	content: '';
}

.wpcf7 p:nth-of-type(1){
	margin: 0; height: 0;
}

.wpcf7 p:nth-of-type(2){
	margin-top: 0;
	margin-bottom: 0;
}

.wpcf7 br{
	display: none;
}
.wpcf7 label span:first-child{
	display: none;
}

.wpcf7 .wpcf7-not-valid-tip { display: none !important; } 
		
.wpcf7 .wpcf7-form-control-wrap { height: auto !important; overflow: visible !important; }
		
.wpcf7 .wpcf7-form-control-wrap { display: block !important; margin-bottom: 10px;} 

.wpcf7 .wpcf7-response-output{
	box-sizing: border-box;
	margin: 0;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.9);
	position: absolute;
	bottom: 40%;
	left: 5%;
	width: 90%;
	padding: 1.2em 1.5em;
	font-size: 16px;
	line-height: 1.6em;
	text-align: center;
	box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.3);
}

.wpcf7 .wpcf7-not-valid { border-color: #da0030; }
.wpcf7 .wpcf7-response-output .wpcf7-validation-errors { border-color: #FABB00; }
.wpcf7 .wpcf7-response-output .wpcf7-mail-sent-ok { border-color: #6FCB12;  }

.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select{
	box-sizing: border-box;
	display: block;
	width: 100%;
	float: left;
	margin: 0;
	margin-bottom: 8px;
	padding: 4px;
	font-family: 'Open Sans', sans-serif;
}

.wpcf7 textarea{
	resize: none;
}

.wpcf7 .wpcf7-form-control.g-recaptcha.wpcf7-recaptcha{
	display: block;
	float: right;
	width: 100%;
}

.wpcf7 .wpcf7-submit{
	float: left;

	margin-top: 5px;

	border: 0;

	border-radius: 5px;

	background: #5483c8;

	color: #fff;

	width: 90px;

	height: 25px;

	font-weight: bold;

	font-size: 14px;

	line-height: 25px;

	-moz-box-shadow: 1px 1px 2px #000000;

	-webkit-box-shadow: 1px 1px 2px #000000;

	box-shadow: 1px 1px 2px #000000;

	filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');

	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
}


/* ************************ The end! ************************