/*
Theme Name: Linemarkers South East Queensland
Author: Synchromedia Group
Author URI: http://www.smg.com.au

*/

body{ margin: 0px; padding: 0px; font: 400 14px/24px 'Roboto'; background: url('images/concrete.png');}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
	margin: 0px; padding: 0px;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
a{ color: #2e3192; font-weight: 700; -webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; text-decoration: none;}
a:hover{ text-decoration: underline; color: #7d1317; }
.wrap{ width: 1200px; margin: 0px auto;}
.site-header{ height: 114px; overflow: hidden; background: #FFF; }
#logo{ float: left;}
nav#site-navigation{ float: right;}
#phone{ float: right; }
nav#site-navigation ul{ margin: 0px; padding: 0px;}
nav#site-navigation ul li{ list-style: none; display: inline-block;}
nav#site-navigation ul li a{ color: #2e3192; font-weight: 700; text-decoration: none; display: inline-block; padding: 0px 10px; font-size: 18px; line-height: 114px; }
nav#site-navigation ul li a:hover{ background: #2e3192; color: #FFF;}
nav#site-navigation ul li.current-menu-item a{ background: #7d1317; color: #FFF; }
#phone{ font-size: 24px; font-weight: 700; line-height: 114px; color: #7d1317; padding-left: 15px;}


nav#site-navigation ul li ul.sub-menu								{ position:absolute; margin:0; padding:0; background:#333; display:none; z-index:99999; overflow:hidden; border:none; }
nav#site-navigation ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width:250px;}
nav#site-navigation ul li ul.sub-menu li a							{ margin:0; padding:7px 20px; font-size:14px; font-weight:700; border:none; line-height:20px; display:block; color: #FFF; border-bottom: 1px solid #666;}
nav#site-navigation ul li ul.sub-menu li a:hover,
nav#site-navigation ul li ul.sub-menu li.current-menu-item a		{ background:#2e3192; color:#fff; border-radius:0;  }

ul#menu-services-menu{ margin: 0px; padding: 0px; margin-bottom: 30px; margin-top: 5px;}
ul#menu-services-menu li{ list-style: none; display: block; }
ul#menu-services-menu li a{ display: block; padding: 7px 15px; background: #c1c2d5; color: #2e3192; font-weight: 700; text-decoration: none; margin-bottom: 5px; }
ul#menu-services-menu li a:hover{ opacity: 1; background: #2e3192; color: #FFF; }
ul#menu-services-menu li.current-menu-item a{ background: #2e3192; color: #FFF; }


#leftCol{ width: 23%; float: left; margin-right: 1%;}
#mainCol{ width: 76%; float: left;}
#content{  }
#content:after {
    content:'';
    display:block;
    clear: both;
}
#primary{ padding: 30px;}
h1,h2,h3,h4,h5,p,form{ margin: 0px; padding: 0px; margin-bottom:20px;}
h1{ font-size: 26px; line-height: 32px; font-weight: 700; color: #7d1317;}
h2{ font-size: 24px; line-height: 30px; font-weight: 700; }
h3{ font-size: 18px; line-height: 22px; font-weight: 700; margin-bottom: 8px;}
.home .entry-title{ display: none;}
#banner{ background: url('images/opacity.png') !important; }

.cycloneslider-template-standard{ margin-bottom: 0px !important; }
.cycloneslider-template-standard .cycloneslider-caption{ bottom: 35% !important; text-align: center !important; opacity: 1 !important; background: none !important; }
.cycloneslider-template-standard .cycloneslider-caption-title{ text-align: center; font-size: 40px !important; font-weight: 700;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.68); }

.cycloneslider-caption-description a{ background: #2e3192; color: #FFF; text-decoration: none; padding: 10px 20px; font-size: 25px; border: 5px solid #FFF; line-height: 100px;}
.cycloneslider-caption-description a:hover{ padding: 10px 80px; background: #FFF; color: #2e3192; border: 5px solid #2e3192;}
.gallery-item{ width: 154px; height: 154px; float: left; margin-right: 15px; margin-bottom: 15px; border: 2px solid #FFF;}
.gallery:after {
    content:'';
    display:block;
    clear: both;
}

.gallery-columns-1 .gallery-item{ float: none; display: block; width: auto; height: auto; border: 0px;}


input[type="text"], input[type="email"], textarea{ width: 100%; padding: 4px; font-family: inherit;}

input[type="submit"]{ background: #2e3192; color: #FFF; text-decoration: none; padding: 10px 20px; font-size: 15px; border: 5px solid #FFF;  font-family: inherit; font-weight: 700; text-transform: uppercase;-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in; }
input[type="submit"]:hover{  background: #FFF; color: #2e3192; border: 5px solid #2e3192; cursor: pointer; padding: 10px 30px;}

td{ padding: 2px; vertical-align: top;}
.page-id-27 .wpcf7{ float: right;}

#leftCol .wpcf7 { color: #FFF; background: #7d1317; padding: 8px; margin-bottom: 30px;}

.alignright{ float: right; margin-left: 30px; margin-bottom: 30px;}
.alignleft{ float: left; margin-right: 30px; margin-bottom: 30px;}
span.wpcf7-not-valid-tip{ color: #FFF !important; background: #FF0000; font-size: 11px; padding: 3px;}

#footer{ border-top: 20px solid #ECDC25; padding: 30px; background: url('images/footerback.png'); text-align: center; font-size: 12px; line-height: 20px; color: #FFF;}
#footer a{ color: #FFF; font-weight: 400; }
#footer a:hover{ color: #AAA; }
#content a img{ -webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;  }
#content a:hover img{ opacity: 0.8; }

.smaller{ width: 60%; float: left;}
.rightCol{ width: 37%; float: left; margin-left: 3%;}
.rightCol img{ max-width: 100%; height: auto;}

#responsive-menu .responsive-menu li li a{ padding-left: 0px !important;}
#responsive-menu ul{ margin: 0px; padding: 0px;}
.blueimp-gallery>.title{ display: none !important;}


.page-template-page-fullwidth #leftCol {
    display:none;
}

.page-template-page-fullwidth #mainCol {
    width:99%;
}

@media only screen and (max-width: 1200px) {
	.wrap{ width: auto;}
}

@media only screen and (max-width: 1080px) {
	nav#site-navigation ul li a{ font-size: 16px;}
	#logo img{ height: 90px; width: auto; }
	.site-header{ height: 90px;}
	#phone{ line-height: 90px;}
	.cycloneslider-template-standard .cycloneslider-caption{ bottom: 20% !important;}
	.cycloneslider-template-standard .cycloneslider-caption-title{ font-size: 30px !important}
}

@media only screen and (max-width: 959px) {
	nav#site-navigation{ display: none;}
	#phone{ float: left;}
	#leftCol{ display: none; }
	#mainCol{ width: 100%;}
	#primary{ padding: 10px;}
	h1{ font-size: 22px; line-height: 28px; font-weight: 700; color: #7d1317;}
h2{ font-size: 20px; line-height: 26px; font-weight: 700; }
h3{ font-size: 16px; line-height: 20px; font-weight: 700; margin-bottom: 8px;}
}
@media only screen and (max-width: 800px) {
	.cycloneslider-template-standard .cycloneslider-caption{ bottom: 0% !important;}
	.cycloneslider-template-standard .cycloneslider-caption-title{ font-size: 20px !important}
	.cycloneslider-caption-description a{ font-size: 18px; line-height: 80px;}
}
@media only screen and (max-width: 650px) {
body{ font-size: 13px; line-height: 18px; }
img, iframe{ max-width: 100%; height: auto;}
#logo img{ height: 50px; width: auto; }
#logo{ float: none;}
#phone{ font-size: 16px; line-height: inherit; float: none;}
p{ margin-bottom: 15px;
	h1{ font-size: 20px; line-height: 28px; font-weight: 700; color: #7d1317;}
}
h2{ font-size: 18px; line-height: 26px; font-weight: 700; }
h3{ font-size: 14px; line-height: 20px; font-weight: 700; margin-bottom: 8px;}
}	
@media only screen and (max-width:500px) {
.cycloneslider-caption-title{ display: none;}
	.cycloneslider-caption-description a:hover{ padding: 10px;}
}