/*
Theme Name: Truespan Buildings
Theme URL: https://www.truespanbuildings.com.au
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au

/**
 * Table of Contents
 *
 * 1.0 -
 * 
 */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}


main, .half, form{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

ol, ul {
	list-style: none;
}

.clear {
	clear: both;
}

* {
	margin: 0;
	padding: 0;
}

body, html {
	font-family: 'Open Sans', sans-serif; /* Select website font */
	height:100%;
	line-height:1;
}

#full-screen-background-image {
  	z-index: -999;
  	min-height: 100%;
  	min-width: 1024px;
  	width: 100%;
  	height: auto;
  	position: fixed;
  	top: 0;
    left: 0;
}

.wrapper{
	width:100%;
	height:100%;
}

/* * * 2.0 Fonts * * */

h1 {
	color:#00274c;
	font-size: 32px;
	font-weight:700;
	text-transform:uppercase;
	line-height:150%;
	margin-bottom:15px;
}

main h1{
	border-bottom:1px solid #ffcb0b;
	padding-bottom:5px;
}

h2 {
	color:#003e78;
	font-size: 24px;
	font-weight:700;
	padding:0 0 15px 0;
	text-transform:uppercase;
	line-height:125%;
}

h3 {
	color:#003e78;
	font-size: 20px;
	font-weight:700;
	padding:0 0 15px 0;
	text-transform:capitalize;
}

h4 {
	color:#3f66b0;
	font-size: 18px;
	font-weight:700;
	padding:0 0 15px 0;
	text-transform:capitalize;
}

/* * * 3.0 Fonts * * */

img {
	border: none;
	padding: 0;
}

img a {
	border: none;
}

img.left {
	float: left;
	border: none;
	padding: 6px 0 0 0;
}

img.right {
	float: right;
	border: none;
	padding: 0 0 0 6px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a {
	text-decoration: none;
	color:#777878; /* Select font color */
}

main img{max-width:100%;height:auto;}

/* * * 4.0 Header * * */

header {
	width:100%;
	max-width:1000px;
  	height: 181px;
	margin:0 auto;
	position:relative;
	top:20px; 
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	background:#FFFFFF;
}

#logo {
	width:170px;
	height:161px;
	float:left;
	padding-left:15px;
	overflow:hidden;
}

#logo img{
	height:100%;
	width:auto;
}

#services {
	width:445px;
	height:161px;
	float:right;
	padding-right:5px;
}

/* * * 5.0 Menu * * */

#menu-container {
	background-color: #ffcb0b;
	clear: both;
	width: 100%;
	height: 106px;
	position:relative;
	z-index:999;
}

#menu-container2{
	display:none;
}

div#main_navi {
	font-size:20px;
	width:100%;
	max-width:1000px;
	height:100%;
	margin:0 auto; 
	overflow:visible;
	position:relative;
}

div#main_navi ul.left {
	list-style-type:none;
	margin:0 auto;
	width:100%;
	max-width:1000px;
	height:100%;
	position:relative;
	display:flex;
	flex-direction:row;
  	align-items:stretch;
	justify-content: center;
}
		
div#main_navi ul li {
	flex:1;
	box-sizing:border-box;
	border-right:1px solid #eeeeee;
	float: left;
	text-transform: uppercase;
	height:100%;
	position:relative;
}

div#main_navi ul.left li a {
	color: #00274c;
	display:flex;
	height:100%;
	align-items: center;
  	justify-content:center;
	overflow: hidden;
	width:100%;
	font-size: 14px;
	font-weight:700;
	box-sizing:border-box;
	text-align:center;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;	
	line-height:135%;	
}

div#main_navi ul.left li a:hover {

	}

@media all and (max-width: 900px) and (min-width: 700px){


div#main_navi ul.left li a {
	font-size: 11px;
}

}

div#main_navi ul.left li a:hover{
	color: #003e78;
	background-color: #fdd541;
	text-decoration: none;
}

div#main_navi ul li:last-child {
	border-right:none;
}

/* --- Drop Down Menu --- */

div#main_navi ul.left li ul{
	background-color: #f7ec06;
	display: none;
	position: absolute;
	left:-1px;
	right:-1px;
	top:100%;
	height: auto;
	border-top: 0;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

div#main_navi ul.left li ul li {
	border-top: 1px solid #00548f;
	width: 100%;
	border-right:none;
	line-height:40px;
	overflow: hidden;
	height: 40px;

}

div#main_navi ul.left li ul li a {
	width: 100%;
	height:39px;
	font-size: 11px;
	line-height:40px;
	text-align:center;
	padding-bottom:1px;
	margin:0;
	font-weight:normal;
}				

div#main_navi ul.left li ul li a:hover {
	background-color: #fdcc0f; /* Select color for drop down menu when hovered */
}

div#main_navi ul.left li ul li:last-child a:hover {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/* * * 6.0 Content * * */

main {
	background-color:#FFF; /* Select content background color */
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:20px;
	clear:both;
	position:relative;
	min-height:calc(100% - 490px);
	display:block;
}

.banner-outer{
	width:100%;
	margin:25px 0 0 0;
	background:#e5eff6;
}
 
.banner{
	width:46%;
	height:auto;
	margin:0;
	float:left;
	margin:15px 2% 20px 2%;
}

main ul{
	list-style-type:disc;
	padding-left:20px;
}

main p, main li {
	color:#777878;
	margin-bottom: 15px;
	font-size: 14px;
	line-height:150%;
	font-weight:normal;
}

main li{
	margin-bottom:3px;
}

.navigation {
	font-size: 12px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
	
.alignleft a {
	float: left;
	margin: 25px 0;
}

.alignright a {
	float: right;
	margin: 25px 0;
}
 
.profile-outer{
	 width:100%;
	 display:flex;
	 align-items: stretch;
	 padding-top:15px;
}
 
.profile{
	width:48%;
	padding:15px;
	margin:0 2% 0 0;
	background:#003e78 url(images/profile-bg.png) bottom right no-repeat;
}

.profile:nth-child(2){
	margin:0 0 0 2%;
}

.profile img{
	width:150px;
	height:150px;
	float:left;
}

.profile h1{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	color:#809fbc;
	padding-top:5px;
	margin-left:-1px;
	font-size:24px;
	border-bottom:none;
}

.profile h2{
	width:100%;
	float:left;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	line-height:10px;
	padding-bottom:18px;
	color:#809fbc;
}

.profile p{
	padding:0;
	margin:0;
	color:#809fbc;
	font-size:13px;
}

/* * * 7.0 Footer * * */

.push{
	height:203px;
}
	
#footertop{
	background:#003e78; 
	width:100%;
	min-height:134px;
	float:left;
	positon:relative;
}

#contact {
	width: 94%;
	max-width:960px;
	overflow: hidden;
	margin: 0 auto;
	padding:0 3%;
}

#contact h1{
	color:#809fbc;
	padding-top:25px;
	padding-bottom:5px;
}

#contact-item{
	float:left;
	padding-right:45px;
	height:50px;
}

#contact-item img{
	margin:-3px 15px 0 0;
	float:left;
}

#contact-item p{
	color:#809fbc;
	font-size: 14px;
	font-weight:normal;
	float:left;
	padding-top:3px;
}

.contact-img{float:left;}

#contact-item a{color:#809fbc;}

#social-item{float:right;}

#social-item img{margin:-10px 0 20px 15px;float:right;}

#footerbottom{
	background:#ffcb0b;
	color:#636363;
	width:100%;
	min-height:60px;
}

#footerbottom p{
	float:right;
	line-height:60px;
	font-weight:normal;
	font-size: 12px;
	padding-right:10px;
}

#footerbottom a{
	color:#636363;
}

#footer {
	clear: both;
	width: 100%;
	height: 80px;
	padding: 0;
	margin: 0;
}

div.full {
	width: 100%;
	height: 36px;
	float: left;
	padding-top: 45px;
}

ul.nav {
	text-align: left;
	padding-left:8px;
	width:300px;
	float:left;
}

ul.nav li {
	display: inline;
	font-weight:normal;
	line-height:60px;
	font-size: 12px;
	margin: 0 2px 0 2px;
}

ul.nav li:last-child{
	border-right:none;
}

ul.nav li a {
	color:#636363;
}

/* --- -=CONTACT=- ----------
**************************** */

form{
	width:100%;
	color:#FFFFFF;
	font-size:14px;
	line-height:18px;
	font-weight:400;
	position:relative;
	padding:9px;
	margin-bottom:15px;
	background:#003e78; /* Select top footer background colour */
}

form h1{
	color:#FFFFFF;
	width:98%;
	padding:0 1%;
	border-bottom:none;
}

form h2{
	color:#ffcb0b;
	width:98%;
	padding:0 1%;
	padding-bottom:15px;
}

.half{
	width:50%;
	padding:0 9px;
	float:left;
	position:relative;
}

label{
	color:#000000;
	font-size:14px;
	font-weight:400;
}

.form-label{
	color:#FFFFFF;
	font-weight:bold;
}

.half input{
	margin:10px 0px;
	border:none;
	padding:3px 1%;
	color:#003e78;
	font-weight:bold;
	width:98%;
	background:#809fbc;
	font-family: 'Open Sans', sans-serif; /* Select website font */
}

textarea{
	margin:10px 0;
	border:none;
	padding:1%;
	font-family: 'Open Sans', sans-serif; /* Select website font */
	color:#000000;
	width:98%;
	height:110px;
}

.half img{
	padding-top:7px;
}

input[type=submit]{
	position:absolute;
	width:150px;
	bottom:20px;
	right:10px;
}

select{
	margin:10px 0px;
	border:none;
	padding:3px 0 2px 0;
	color:#003e78;
	font-weight:bold;
	width:100%;
	font-family: 'Open Sans', sans-serif; /* Select website font */
	background:#809fbc;
}

form h2{
	margin-top:15px;
}

.wpcf7-not-valid-tip {
	color:#FFFFFF;
}

.wpcf7-response-output, .wpcf7-display-none{
	border:none;
	width:0;
	height:0;
	position:absolute;
	z-index:-999
}

.required{
	color:#ffcb0b; 
	font-weight:bold; 
	display:block;
	padding-bottom:15px;
}

.contact-social img{
	float:left;
	width:250px;
	height:auto;
	margin:20px 10px;
}

@media all and (max-width: 700px) {
	
/* * * 1.0 General * * */

.entry p, ul.nav li{
	-webkit-text-size-adjust: 100%;
}

img.alignright{clear:both;display:block;margin-left:auto;margin-right:auto;float:none;padding-bottom:20px; }

/* * * 2.0 Header * * */

header {
	top:0; 
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0; 
}

#logo {
	width:100%;
	height:auto;
	padding-left:0;
	text-align:center;
	background:#ffcb0b;
}

#logo img{
	width:100%;
	height:auto;
	max-width:200px;	
}

#services {
	display:none;
}

/* * * 3.0 Menu * * */

#menu-container {
	z-index:999;
	height:auto;
	background:#FFFFFF;
}

#menu-container {
	display:none;
}

#menu-container2{
	display:block;
}

div#main_navi {
	width:100%;
	margin: 0 auto; 
	overflow: visible;
	height:40px;
}

div#main_navi ul.left {
	margin:0 auto;
	width: 100%;
	height:40px;
	display:block;
}
		
div#main_navi ul li {
	border-bottom:1px solid #eeeeee;
	background-color: #ffcb0b;
	width:100%;
	border-right:0;
	float: left;
	position:relative;
	height:auto;
}

div#main_navi ul.left li a {
	min-height:40px;
	width:100%;
	line-height: 40px;
	padding-top:0;
}

div#main_navi ul li:last-child {
	border-bottom:none;
}

/* --- Drop Down Menu --- */
	
div#main_navi ul.left li ul{
	display: block;
	position:relative;
	left:0;
	width:100%;
	border-right:none;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}

div#main_navi ul.left li ul li {
	border-top: 1px solid #0072bc;
	background-color: #00548f;
	width: 100%;
	border-right:none;
	overflow: hidden;
	border-bottom:none;
	margin:0;
}

div#main_navi ul.left li ul li a {
	width: 100%;
	height:40px;
	text-align:center;
	margin:0;
}				

/* * * 4.0 Content * * */
  
.profile-outer{
	 display:block;
}
 
.profile{
	width:93%;
	float:left;
	padding:3.5%;
	margin:0 0 15px 0;
}

.profile:nth-child(2){
	margin:0 0 15px 0;
}

.banner-outer{
	background:none;
}

.banner{
	width:100%;
	margin:15px 0 10px 0;
}

/* * * 5.0 Footer * * */

#contact-item{
	width:100%;
	position:relative;
}

#contact-item img{
	margin:0;
	float:none;
}

.contact-text{
	float:left;
	padding-top:3px;
	position:absolute;
	width:100%;
	left: 42px;
}

.contact-img{
	width:30px;
	text-align:center;
}

.address2{
	position:absolute;
	top:25px;
	left:0px;
}

#social-item{
	float:none;
	width:100%;
	clear:both;
	text-align:center;
}

#social-item img{
	margin:25px 20px 25px 20px;
	float:none;
}

#footerbottom{
	min-height:70px;
}

#footerbottom p{
	float:none;
	line-height:10px;
	text-align:center;
	padding:0 0 20px 0;
}

#footer-bottom-left{
	width:100%;
	text-align:center;
	overflow:hidden;
	padding-left:0;
}

#footer .container {
	width: 100%;
}

ul.nav{
	font-size:12px;
	width:100%;
	text-align: center;
	padding:0;
}

ul.nav li {
	text-align: center;
	margin: 0;
}

/* --- -=form=- ---
----------------------------- */

form h1{
	width:100%;
	padding:0;
}

form h2{
	width:100%;
	padding:0;

}

.half{
	width:100%;
}

form h2{
	margin-bottom:15px;
	margin-left:1%;
}

.contact-social{
	width:100%;
	text-align:center;
}

#container{
	min-height:100px;
}

}