/*
Theme Name: WRC Quantity Surveying
Author: Synchromedia Group
Author URI: http://www.smg.com.au/

/* =Reset
-------------------------------------------------------------- */

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, strong, 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%;
	vertical-align: baseline;
}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0px; padding:0px;
	margin-bottom: 30px;
}
p{ margin-bottom: 15px;}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

body{ font: 14px/22px 'Lato'; color:#3b4e5c;}
#wrapper{ width: 960px; margin: 0px auto;}
#header{ height: 130px; overflow: hidden;}
#logo{ float: left;}
#whatwedo{ float: left; font-size: 24px; font-weight: 900; line-height: 130px;}
#rightTop{ float: right; }
#locations{ line-height: 70px; font-size: 16px; }
#phone{ font-size: 24px; font-weight: 900; float: left; }
#social{ float: right;}
#social img{ margin-left: 15px;}
#banner { overflow: hidden; height: 299px;}
#banner p{ margin-bottom: 0px; }
h1{ font: 900 24px/30px 'Lato'; }
h2{ font: 900 20px/26px 'Lato'; margin-bottom: 10px; }
.alignright{ float: right; margin-left: 30px; margin-bottom: 30px;}
.alignleft{ float: left; margin-right: 30px; margin-bottom: 30px; }
a{ color: #2ec2af; font-weight: 900; text-decoration: none; -webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;}
a:hover{ color: #3D817B;  text-decoration: underline;  }
#content{ padding: 30px 0px;}
#main{ width: 690px; float:left; margin-right: 30px;}
#menu ul{ margin: 0px; padding: 0px;}
#menu ul li{ list-style: none; display: inline-block;}
#menu ul li a{ text-decoration: none; display: block; padding: 0px 15px; text-transform: uppercase; color: #2ec2af; font-size: 16px; font-weight: 900; line-height: 60px; -webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease; }
#menu ul li.current-menu-item a{ line-height: 30px;  color: #3b4e5c; border-bottom: 2px solid #3b4e5c; }
 #menu ul li a:hover{ color: #3b4e5c; border: none; line-height:60px; padding: 0px; margin: 0px 15px;}


#menu ul li ul.sub-menu								{ opacity: 1; position:absolute; margin:0; padding:0; background:#3b4e5c; display:none; z-index:999999999999; overflow:hidden; border:none; }
#menu ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width:300px;}
#menu ul li ul.sub-menu li a							{ margin:0; padding:0 20px; font-size:14px; font-weight:normal; color: #FFF; border:none; line-height:45px; display:block; text-transform: inherit;}
#menu ul li ul.sub-menu li a:hover,
#menu ul li ul.sub-menu li.current-menu-item a		{ background: #2ec2af; color:#fff; border-radius:0;  }


blockquote{ font-style: italic; font-weight: 700; font-size: 16px; line-height: 24px;}
#associated, #footer{ border-top: 1px solid #CCC; clear: both; padding-bottom: 30px;}
#associated img{ float: left;}

#rightColumn{ width: 240px; float: left; }
#rightColumn h3{ margin-bottom: 15px; }
#rightColumn h3 a{ display: block; margin-bottom: 15px; background: #3b4e5c; text-transform: uppercase; color: #FFF; text-align: center; font-size: 26px; font-weight: 900; line-height: 36px; padding: 30px; margin-top: 15px;}
#rightColumn h3 a:hover{ background:#3B7270; color: #FFF; text-decoration: none; font-size: 27px;}


#footer ul{ float:right; }
#footer ul li{ display: inline; color: #999; padding: 0px 15px; font-size: 13px; line-height: 60px;}
#footer ul li a{ color: #999; font-weight: 400;}
#footer ul li a:hover{ color: #3D817B; }
.menu-side-menu-container{ background: #ebebeb; margin-bottom: 15px;}
.menu-side-menu-container ul{ margin: 0px; padding: 0px;}
.menu-side-menu-container ul li{ list-style: none; display: block;}
.menu-side-menu-container ul li a{padding: 8px 30px; display: block;}
.menu-side-menu-container ul li a:hover{ background: #3b4e5c; color: #FFF; text-decoration: none}

.menu-side-menu-container ul li.current-menu-item a{ color: #3b4e5c; }
.menu-side-menu-container ul li.current-menu-item a:hover{color: #FFF; }



.requestQuote a{ background: #2ec2af; color: #FFF; display: block; padding: 15px 30px; text-align: center; line-height: 30px;border-radius: 15px; font-size: 24px; font-weight: 900; text-transform: uppercase;}
.requestQuote a:hover{ background:#3B7270; text-decoration: none; font-size: 26px;} 
.requestQuote{  position: relative; margin-bottom: 15px;}
.banner{ position: absolute; margin-left: 690px;margin-top: 100px; }
	.requestQuote.banner a{ width: 180px;}

.slicknav_menu {
	display:none;
}
table{ margin-bottom: 15px;}
td{ padding: 4px; vertical-align: top;}
input[type="text"],input[type="email"],textarea{ width: 95%; padding: 4px;}


@media only screen and (max-width:959px) {
	#wrapper{ width: auto;}
	img{ max-width: 100%; height: auto;}
	#menu{ display: none;}
	.slicknav_menu {
	display:block;
}		#logo{ width:150px; height:auto;}
	#logo{ position: absolute;
top: 0px; }
	#whatwedo{ line-height: 30px;}
	#locations{ display: none;}
	#banner{ height: auto;}
	#main{ width: 70%; margin-right: 5%;}
	#rightColumn{ width: 25%; }
	#rightColumn h3 a{ padding: 10px; }
	.menu-side-menu-container ul li a{padding: 8px; }
	.banner{ margin-left: 70%;}
	#header{ height: auto; padding: 10px;}
	#content{ padding: 10px;}
	#social p{ margin: 0px;}
		#phone{ text-align:  center; }
}
@media only screen and (max-width:850px) {
	#locations{ display: none;}
	#social{ display: none; }

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

	#associated img{ width: 15%; height:auto;}

	#whatwedo{ line-height: 30px; font-size: 13px;}


	#footer{ padding: 30px; text-align: left;}
	#footer ul li{ padding: 0px 5px; line-height: 30px; }

}
@media only screen and (max-width:600px) {
	#main{ width: auto; float: none; margin-bottom: 15px;}
	#rightColumn{ width: auto; float: none;}
	#associated img{ width: auto; height:50px;}
	.requestQuote a{ padding: 8px; }
	.banner{ position: relative; margin: 10px; }
		#phone{line-height: 30px;}

	.requestQuote.banner a{ width: auto;}
	h1{ font-size: 18px; line-height: 24px; margin-bottom: 15px;}
	h2{ font-size: 16px; line-height: 22px; margin-bottom: 15px;}
	p{ margin-bottom: 15px;}

}