@charset utf-8;
/*
Theme Name: OnePoint Software Solutions Custom Template
Theme URI: http://onepointsolutions.com.au/
Author: OnePoint Software Solutions
Author URI: http://onepointsolutions.com.au/
Description: This is OnePoint Software Solutions' custom blank template for Wordpress. The blank theme includes what is common to all Wordpress powered Websites with the addition of a custom functionality and styling.
Version: 1.0.0

OnePoint Software Solutions Custom Template
http://onepointsolutions.com.au/
*/

/**
 * 	Copyright (c) OnePoint Software Solutions (http://onepointsolutions.com.au)
 * 	Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
 */
 
html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,fieldset,form,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video, p, h1, h2, h3, h4, h5, h6, input, ul, ol, li { padding: 0px; margin: 0px; }

p, h1, h2, h3, h4, h5, h6 { padding-bottom: 10px; } 

h1 { font-size: 20px; font-family: 'Oswald', sans-serif;} 
h2 { font-size: 18px; } 
h3 { font-size: 16px; } 
h4 { font-size: 14px; } 
h5 { font-size: 12px; } 
h6 { font-size: 10px; } 

.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }  
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.clear {
	clear: both;
}

.yellow{color:#ffdc02;}
.black{color:#000;}
.black:hover{color:#000;}
.nopadding{padding:0px !important;}

.blacklink{color:#000 !important; text-decoration:none;}
.blacklink:hover{color:#000 !important; text-decoration:none;}




/*
List of divs in the custom theme
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body{
	background:url('images/main-bg.jpg') !important; background-position:top center;
	color: #000;
	font: 75%/1.5em 'Open Sans', 'Helvetica Neue', Helvetica, 'Trebuchet MS', Arial, Verdana, Tahoma, 'DejaVu Sans', 'Liberation sans', 'Bitstream Vera Sans', sans-serif;
}

header{min-height:110px; background:#222222; width:100%; position:relative;}
#logo{padding-top:20px; display:block; float:left;}
#logo img{max-width:325px;}
#header-right{float:right; width:210px; text-align:right; padding-top:20px;}
#header-right h3{color:#f4a409; font-family: 'Oswald', sans-serif; font-weight:normal; font-size:36px; line-height:36px;}
#header-right .fa{display:inline-block; background:#f4a409; margin-left:0px; padding:4px; font-size:12px; width:24px; text-align:center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

#header-right .fa:hover{background:#EEE;}

#header-right .phonelink{color:#f4a409 !important}
#header-right .tilelinks{color:#222222 !important}

.stick {
    position: fixed;
    top: 0;
	z-index:99999999;
}


#navwrap{width:100%; height:50px; background:#682421; border-bottom:1px solid #531816;} 
#nav{}
#nav ul{margin:0px !important;}
#nav #menu-item-21{border-left:1px solid #531816;}
#nav ul li{list-style:none; display:block; float:left; border-right:1px solid #531816;}
#nav ul li a{color:#ffaa17; font-family: 'Oswald', sans-serif; display:block; padding-left:20px; padding-right:20px; line-height:50px; font-size:20px; text-transform:uppercase;}

#nav ul li.current-menu-item{background:#eda00a;}
#nav ul li.current-menu-item a{color:#531816;}

#nav ul li:hover{background:#852521;}
#nav ul li.current-menu-item:hover{background:#eda00a;}

#nav ul li:hover > ul {display: block;}

#nav ul ul {display: none; left: auto; position: absolute; top: auto; width: auto !important; z-index:5; border-left:1px solid #333; margin-left:0px !important; border-top:1px solid #333; background:#682421;}
#nav ul ul li {border-bottom: 1px solid #333; display: block; float: none; position: relative; width: 250px; }
#nav ul ul li a{font-size:15px; display:block; color:#ffaa17; width:250px; line-height:40px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}
#nav ul ul li.current-menu-item{}

#nav ul li.current-menu-item ul{}
#nav ul li.current-menu-item ul li{border-bottom: 1px solid #333; display: block; float: none; position: relative; width: 250px; }
#nav ul li.current-menu-item ul li a{font-size:15px; display:block; color:#ffaa17; width:250px; line-height:40px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}


#slideshow{width:100%; height:auto; background:#333; position:relative; z-index:1; overflow:hidden;}

#slideshow .metaslider .flexslider {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; box-shadow: none; margin: 0 !important; max-height: none; max-width: none;}

#slideshow .slidecaption {background: url('images/slideshowcaptionbg3.png') repeat; color: #fff; display: inline-block; font-family: "Oswald",sans-serif; font-size: 48px; padding: 20px;
}

#slideshow .metaslider .caption-wrap {background: none !important; bottom: 0; color: white; display: block; left: 0; line-height: 1.4em; margin: 0; opacity: 1; position: absolute; top: 100px; width: 100%;}


#wrap{ height:auto; width:100%; position:relative; z-index:2;}

#topblackbar{width:100%; height:20px; background:#000; opacity:0.4;}
#bottomblackbar{width:100%; height:20px; background:#000; opacity:0.4;}

#homepagecontent{background:#EDA00B; height:auto; margin-top:-200px; margin-bottom:40px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);}

.homepageimageboxes{background:#222222; margin-bottom:20px;}
.homepageimageboxes h3{color:#efefef; font-family: 'Oswald', sans-serif !important; font-weight:normal; font-size:20px !important; text-transform:uppercase; text-align:center; padding:10px; margin:0px; display:block;}

#homepageleft{padding:20px; background:#FFF;}
#homepageleft h1{font-family: 'Oswald', sans-serif; font-size:32px; font-weight:normal; padding-top:20px; padding-bottom:20px;}
#homepageleft h2{font-family: 'Oswald', sans-serif; font-size:22px; font-weight:normal; padding-bottom:20px;}


#homepageright{background:#eda00b; min-height:700px; padding:0px;}

.homepagerightlink{color:#FFF !important; text-decoration:none !important;}

#homepageright .fa{padding-right:20px; font-size:36px;}
.homepagectaheadings{color:#FFF; font-size:32px !important; line-height:32px; padding:20px 0px 20px 30px; font-family: 'Oswald', sans-serif; font-weight:normal; display:block; border-bottom:1px solid #c78a12;}
#homepagecontactform{padding:0 30px 10px 30px;}


.homepagectaheadingsmackay{color:#FFF; font-size:32px !important; line-height:32px; padding:20px 0px 20px 30px; font-family: 'Oswald', sans-serif; font-weight:normal; display:block; border-top:1px solid #c78a12; margin:0px !important;}
.homepagectaheadingstownsville{color:#FFF; font-size:32px !important; line-height:32px; padding:20px 0px 20px 30px; font-family: 'Oswald', sans-serif; font-weight:normal; display:block; border-bottom:1px solid #c78a12; border-top:1px solid #c78a12;}
.homepagectaheadingsbrisbane{color:#FFF; font-size:32px !important; line-height:32px; padding:20px 0px 20px 30px; font-family: 'Oswald', sans-serif; font-weight:normal; display:block;}


#homepagecontactform .wpcf7-text{}
#homepagecontactform .wpcf7-textarea{}
#homepagecontactform .wpcf7-captchac{float:left; margin-right:10px; width:110px;}
#homepagecontactform .wpcf7-captchar{float:left; width:100px;}
#homepagecontactform .wpcf7-submit{display:block; background:#ffdc02; font-family: 'Oswald', sans-serif; color:#682421; border:none; width:100%; padding:10px; font-size:18px; transition:all 0.2s ease 0s;}

#homepagecontactform .wpcf7-submit:hover{transform: scale(1.05)}

.ctasection{margin-bottom:30px; padding:0px !important;}

.ctaleft{color:#ffdc02; background:#682421; transition:all 0.2s ease 0s;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);}
.ctaleft:hover{transform: scale(1.02)}
.ctaleftinner{color:#ffdc02; background:#682421; transition:all 0.2s ease 0s;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);}
.ctaleftinner:hover{transform: scale(1.02)}
.ctarightinner{color:#ffdc02; background:#682421; transition:all 0.2s ease 0s;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);}
.ctarightinner:hover{transform: scale(1.02)}
.ctaright{color:#ffdc02; background:#682421;transition:all 0.2s ease 0s;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);}
.ctaright:hover{transform: scale(1.02)}

.ctaheading{font-family: 'Oswald', sans-serif; color:#ffdc02; font-weight:normal; font-size:18px; text-align:center; text-transform:uppercase; padding:8px 5px;}


#content-wrap{background:#FFF; margin-top:30px; padding:0px; margin-bottom:30px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);}

#pageheading{background:#F4A409; padding:0px 30px; position:relative;}
#pageheading h1{font-family: 'Oswald', sans-serif; font-size:46px; line-height:46px; padding:20px 0px; color:#FFF; text-transform:uppercase; margin:0px; text-align:left;}
#headingtriangle{width: 0; position:absolute; bottom:-15px; left:80px; z-index:10; margin-left:0px;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #F4A409 transparent transparent transparent;}

.featured-thumbnail{position:relative; z-index:2;}

#page-content{padding:30px;}

#content h1 { font-family: 'Oswald', sans-serif;} 
#content h2 { font-family: 'Oswald', sans-serif; font-size:20px; padding-bottom:10px; } 
#content h3 { font-family: 'Open Sans', sans-serif; font-size:16px; } 

#content p{font-family: 'Open Sans', sans-serif; font-size:14px; text-align:justify !important;}

#footer{width:100%; min-height:500px; background:#222; padding-top:40px;}

#footer h3{font-family: 'Oswald', sans-serif; color:#eda00b; font-size:20px; text-transform:uppercase; font-weight:normal; padding-bottom:30px;}

#footer p{color:#efefef; font-family: 'Open Sans', sans-serif; font-size:14px;}
#footer ul{margin:0px !important;}
#footer ul li{list-style:none;}
#footer ul li a{color:#efefef; font-family: 'Open Sans', sans-serif; font-size:14px;}
#footer a{color:#efefef; font-family: 'Open Sans', sans-serif; font-size:14px;}

#copy{width:100%; background:#000; }
#copy p{text-align:center; color:#888; padding:15px; font-size:11px; margin:0px;}
#copy a{color:#888;}

.contentcol{padding:0px !important;}
.sidebarcol{background:#682421; position:relative;}

#sidebartriangle{ position:absolute; z-index:9999; right:-20px; top:-20px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 0 20px;
border-color: transparent transparent transparent #666;}

#sidebar{background:#682421; padding:40px 40px 20px 20px; margin-right:-40px;}

#sidebar h3{text-transform:uppercase; color:#FFDC02; font-family: 'Oswald', sans-serif;}
#sidebar .contactusblurb{color:#DDD; font-size:13px;}

#sidebar .wpcf7-text{font-size:11px !important;}
#sidebar .wpcf7-textarea{font-size:11px !important;}
#sidebar .wpcf7-select{font-size:11px !important;}
#sidebar .wpcf7-captchac{float:none; margin-right:10px; width:100px; margin-bottom:10px;}
#sidebar .wpcf7-captchar{float:none; width:100px;}
#sidebar .wpcf7-submit{display:block; background:#ffdc02; font-family: 'Oswald', sans-serif; color:#682421; border:none; width:100%; padding:10px; font-size:14px; transition:all 0.2s ease 0s;}

#homepagecontactform .wpcf7-submit:hover{transform: scale(1.03)}


/* ---------- SERVICES PAGE ---------- */

.servicespage{padding-top:40px; padding-bottom:20px; }

.servicesbox{background:#fff; margin-bottom:20px; transition:all 0.2s ease 0s; background:#222;}
.servicesbox a{color:#F4A409}
.servicesbox:hover{transform: scale(1.05); background:#F4A409;}
.servicesbox:hover a{color:#222;}
.servicesbox h3{font-family: 'Oswald', sans-serif !important; font-weight:normal; text-align:center; margin:0; font-size:14px; text-transform:uppercase;}
.servicesbox a.servicestextlink{display:block;  padding:8px 0px;}
.servicesbox a.servicestextlink:hover{display:block;}

/* ---------- NEWS PAGE ---------- */

#blogcontent{padding:40px;}
#blogcontent h2{font-family: 'Oswald', sans-serif; font-weight:normal; font-size:28px; }
#blogcontent a{color:#222;}
#blogcontent .featured-thumbnail{width:200px; height:auto; margin-left:20px; margin-bottom:10px; float:right; background:#EEE; padding:5px;}
#blogcontent p{font-size:14px;}
.post-wrap{display:block; border-bottom:1px dashed #DDD; margin-bottom:20px;}
.blogtitle{}


.single-featured-thumbnail{float:left; width:300px; height:auto; padding:5px; background:#EEE; margin-right:20px; margin-bottom:10px;}



#quoterequestform{}

#quoterequestform h3{font-family: 'Oswald', sans-serif;}

#quoterequestform .wpcf7-text{font-size:14px !important;}
#quoterequestform .wpcf7-textarea{font-size:14px !important;}
#quoterequestform .wpcf7-select{font-size:14px !important;}
#quoterequestform .wpcf7-captchac{float:none; margin-right:10px; width:100px; margin-bottom:10px;}
#quoterequestform .wpcf7-captchar{float:none; width:100px;}
#quoterequestform .wpcf7-submit{display:block; background:#ffdc02; font-family: 'Oswald', sans-serif; color:#682421; border:none; width:100%; padding:10px; font-size:14px; transition:all 0.2s ease 0s;}

#quoterequestform .wpcf7-submit:hover{transform: scale(1.05)}

#quoterequestform span.wpcf7-list-item {
    display: block;
    margin-left: 0;
    margin-top: 5px;
}


.right {
	float: right;
}
.left {
	float: left;
}


#careerform{}
#careerform .wpcf7-captchac{float:left; margin-right:10px;}
#careerform .wpcf7-captchar{ width:90px; float:left}

#careerform .wpcf7-submit{display:block; background:#ffdc02; font-family: 'Oswald', sans-serif; color:#682421; border:none; width:100%; padding:10px; font-size:14px; transition:all 0.2s ease 0s;}

#careerform .wpcf7-submit:hover{transform: scale(1.05)}



/* ---------- MEDIA QUERIES ---------- */

@media (max-width:1720px) {
.caption-wrap{top:80px !important;}
.slidecaption{}
#homepagecontent{}
}


@media (max-width:1600px) {
.caption-wrap{top:80px !important;}
.slidecaption{}
#homepagecontent{margin-top:-150px !important;}
}


@media (max-width:1500px) {
.caption-wrap{top:80px !important;}
.slidecaption{}
#homepagecontent{margin-top:-120px !important;}
}

@media (max-width:1500px) {
.caption-wrap{top:80px !important;}
.slidecaption{}
#homepagecontent{margin-top:-100px !important;}
}


@media (max-width:1310px) {
.caption-wrap{top:80px !important;}
.slidecaption{}
#homepagecontent{margin-top:-80px !important;}
}


@media (max-width:1260px) {
.caption-wrap{top:60px !important;}
.slidecaption{}
#homepagecontent{margin-top:-80px !important;}
}

@media (max-width:1260px) {
.caption-wrap{top:50px !important;}
.slidecaption{}
#homepagecontent{margin-top:-80px !important;}
}

@media (max-width:1140px) {
.caption-wrap{top:50px !important;}
.slidecaption{}
#homepagecontent{margin-top:-60px !important;}
}


@media (max-width:1024px) {
	.row{overflow:hidden;}
.caption-wrap{top:60px !important;}
.slidecaption{}
#homepagecontent{margin-top:-20px !important;}
#sidebar {
    background: #682421;
    padding: 40px 20px 20px 20px;
    margin-right: 0;
}
#nav ul li a{font-size:18px; padding-left:15px; padding-right:15px;}
}

@media (max-width:1000px) {
.caption-wrap{top:40px !important;}
.slidecaption{}
#homepagecontent{margin-top:-20px !important;}
}

@media (max-width:1000px) {
.caption-wrap{top:50px !important;}
.slidecaption{}
#homepagecontent{margin-top:0px !important;}
#logo{padding-left:10px;}
#header-right{padding-right:20px; width:270px;}
}

@media (max-width:900px) {
.caption-wrap{top:50px !important;}
.slidecaption{font-size:40px !important;}
#homepagecontent{margin-top:0px !important;}
#nav ul li a{font-size:17px; padding-left:12px; padding-right:12px;}
}

@media (max-width:860px) {
#homepageright .fa{padding-right:15px;}
}

@media (max-width:820px) {
#homepageright .fa{padding-right:15px;}
.homepagectaheadings{font-size:28px;}
}

@media (max-width:800px) {
.caption-wrap{top:40px !important;}
.slidecaption{font-size:34px !important;}
#homepagecontent{margin-top:0px !important;}
}


@media (max-width:7450px) {
.homepagectaheadings{font-size:22px;}
}

@media (max-width:768px) {
body{background:#000 !important;}
#navwrap{display:none !important;}
.caption-wrap{top:40px !important;}
.slidecaption{font-size:34px !important;}
#homepagecontent{margin-top:0px !important;}
.homepageimageboxes h3{font-size:22px;}
#homepagecontactform .wpcf7-captchac{float:none; margin-bottom:10px; width:110px;}
#homepagecontactform .wpcf7-captchar{float:none; width:100px;}
#content-wrap{margin-top:0px; margin-bottom:0px;}
}

@media (max-width:730px) {
#navwrap{display:none !important;}
.caption-wrap{top:50px !important;}
.slidecaption{font-size:28px !important;}
#homepagecontent{margin-top:0px !important;}
}


@media (max-width:690px) {
#navwrap{display:none !important;}
.caption-wrap{top:50px !important;}
.slidecaption{font-size:22px !important;}
#homepagecontent{margin-top:0px !important;}

}


@media (max-width:640px) {
#content p{font-size:12px !important;}
#pageheading h1{text-align:center;}
#headingtriangle{left:50%; margin-left:-20px;}
#navwrap{display:none !important;}
#slideshow{display:none !important;}
.caption-wrap{top:50px !important;}
.slidecaption{font-size:22px !important;}
#homepagecontent{margin-top:0px !important;}
#footer{display:none;}
.ctaleft{margin-bottom:30px; transition:none !important;}
.ctaleft:hover{transform: none !important}
.ctaleftinner{margin-bottom:30px; transition:none !important;}
.ctaleftinner:hover{transform: none !important}
.ctarightinner{margin-bottom:30px; transition:none !important;}
.ctarightinner:hover{transform: none !important}
.ctaright{margin-bottom:0px; transition:none !important;}
.ctaright:hover{transform: none !important}

#logo {
    display: block;
    float: none;
    padding: 20px;
    text-align: center;
    width: 100%;
}
#logo img {max-width: 100%; padding: 5px 10px 0; text-align: center;}
#header-right{float:none; display:block; width:100% !important; padding:0px !important;}
#header-right h3{text-align:center !important; display:block; padding-top:20px !important; padding-bottom:20px;}
#header-right .fa{display:none !important;}
}

@media (max-width:620px) {
#navwrap{display:none !important;}
#slideshow{display:none !important;}
.caption-wrap{top:50px !important;}
.slidecaption{font-size:22px !important;}
#homepagecontent{margin-top:0px !important;}
#logo{float:none; display:block; text-align:center; padding:20px; text-align:center;}



}


/* Always remember to compress your live stylesheet and keep an uncompressed backup */