@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; } 
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;}

a{outline:none !important;}


a.headerphonelink{font-size:20px; color:#333; 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/body.png') repeat;
	color: #212121;
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Trebuchet MS, Arial, Verdana, Tahoma, "DejaVu Sans", "Liberation sans", "Bitstream Vera Sans", sans-serif;
}


.wrap{max-width:1200px; margin-left: auto; margin-right: auto; display: block; padding: 0px 20px;}


#header{height: auto;
	background: #FFF;
    padding-bottom:0px;
    padding-top: 20px;
    width: 100%; color:#333;
margin-bottom: 40px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);}

#header .logotitle{float:left; font-size: 42px; margin-bottom: 20px; padding-bottom: 0px;}

#header #headerlogo{float:left; max-width: 300px; height: auto; display: block; margin-bottom: 20px;}



#headernav{width:100%; height: 50px; background: #199cdb;}

#headernav ul{list-style: none;}
#headernav ul li{list-style-type: none; display: block; float: left; border-left:1px solid #47b0e2; border-right:1px solid #147daf;}
#headernav ul li a{display: block; color: #FFF; padding: 0 25px; line-height: 50px; font-size: 16px; text-decoration: none;}
#headernav ul li a:hover{color:#FFF; background: #147daf}

#headernav ul li.current-menu-item a{color:#FFF; background: #147daf}

#headernav .sociallink{float:right;}

#headerright{padding-top: 0px; float: right;}
#headerright .fa{font-size: 42px; margin-right: 20px; float: left; color: #199cdb;}
#headerright p{font-size: 16px;}



#headerright-address{display: block; float: right; width: 200px; text-align: right;}
#headerright-phone{display: block; float: right; width: 200px; text-align: right;}



#main{background:#FFF;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);}






nav {
		
}

#slideshow{width:100%; height: auto;}


#content {padding:40px 20px;}

#content h1{font-family: 'Open Sans', san-serif; font-weight:300; font-size: 32px; text-align: left; padding-bottom: 20px; color:#337ab7;}
#content h2{font-family: 'Open Sans', san-serif; font-weight:300; font-size: 26px; text-align: left; padding-bottom: 40px;}
#content h3{font-family: 'Open Sans', san-serif; font-weight:300; font-size: 20px; text-align: left; padding-bottom: 20px; padding-top: 10px;}
#content p{text-align: left; font-family: 'Open Sans', san-serif; font-weight:400; font-size: 15px;}

#content ul{margin-left: 25px;}
#content ul li{margin-bottom:5px;}
#content ol{margin-left: 25px;}
#content ol li{margin-bottom:5px;}

#content h1.page-title {
    background: #147daf none repeat scroll 0 0;
    color: #fff;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -40px;
    padding: 20px;
}


#content ul.bluetick{margin-bottom: 20px;}
#content ul.bluetick li{list-style-type: none;}
#content ul.bluetick li::before {
    color: #0074d9;
    content: "\f00c";
    float: left;
    font-family: "fontawesome";
    margin-left: -20px;
    padding-right: 10px;
}


.featured-thumbnail{margin-left: -20px; margin-right: -20px; margin-bottom: 20px;}
.featured-thumbnail img{max-width: 100%;}



#sidebar{background:#FFF;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.3);}



#sidebartitle{background: #199cdb; width: 100%; height: auto; padding: 26px 0px; position: relative; margin-bottom: 20px;}
#sidebartitle h3{text-align: center; color: #FFF; font-weight: 300; font-size: 20px; margin: 0; padding: 0;}
#sidebartitletriangle{bottom:0px; margin-bottom: -9px; position: absolute; left: 50%; margin-left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #199cdb transparent transparent transparent;

}


#sidebarcontact .wpcf7-text{}
#sidebarcontact .wpcf7-textarea{height:100px;}
#sidebarcontact .wpcf7-submit{display: block; border-radius: 5px; border: none; padding: 10px; background: #147daf; color:#FFF; width: 100%;}
#sidebarcontact .wpcf7-submit:hover{background:#199cdb;}
#sidebarcontact .wpcf7-form{padding:0 10px;}



	article {
		
	}
		.featured-thumbnail {
			
		}
		.post-content {
			
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}



.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

nav.oldernewer {
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widgit-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widgit {
			
		}

#footer {
	margin-top:30px; padding: 20px 10px; width: 100%; background: #333; color: #999; text-align: center;
}

#footer p{margin:0; padding: 0;}
#footer a{color:#AAA;}

	#widgit-footer {
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widgit-area {
	
}






#homecontact{position: relative; width: 100%; height: auto; padding-top: 0px; padding-bottom: 0px; background: #EFEFEF;}
#homecontacttriangle{top:0; position: absolute; left: 50%; margin-left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #FFF transparent transparent transparent;
z-index: 20;
}

#homecontactleftcol{padding:0px 20px}


#homecontactleftcol h2{font-size:32px; padding-top: 20px; padding-bottom: 20px; font-weight: 300;}

#homecontactleftcol .wpcf7-text{}
#homecontactleftcol .wpcf7-textarea{height:80px;}
#homecontactleftcol .wpcf7-select{}
#homecontactleftcol .wpcf7-submit{
	background: #147daf;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: block;
    padding: 10px;
    width: 100%;
}

#homecontactleftcol .wpcf7-submit:hover{
background:#199cdb;
}

#homecontactleftcol label{font-size:12px;}



#homecontactimagecol{background:url('images/jt-automotive-brendale-contact-us.jpeg') no-repeat; background-size: cover; background-position: center right; min-height: 500px;}




.paddingtop0{padding-top:0px !important;} .paddingtop5{padding-top:5px !important;}
.paddingtop10{padding-top:10px !important;} .paddingtop15{padding-top:15px !important;}
.paddingtop20{padding-top:20px !important;} .paddingtop25{padding-top:25px !important;}
.paddingtop30{padding-top:30px !important;} .paddingtop35{padding-top:35px !important;}
.paddingtop40{padding-top:40px !important;} .paddingtop45{padding-top:45px !important;}
.paddingtop50{padding-top:50px !important;} .paddingtop55{padding-top:55px !important;}
.paddingtop60{padding-top:60px !important;} .paddingtop65{padding-top:65px !important;}
.paddingtop70{padding-top:70px !important;} .paddingtop75{padding-top:75px !important;}
.paddingtop80{padding-top:80px !important;} .paddingtop85{padding-top:85px !important;}
.paddingtop90{padding-top:90px !important;} .paddingtop95{padding-top:95px !important;}
.paddingtop100{padding-top:100px !important;} .paddingtop105{padding-top:105px !important;}
.paddingtop110{padding-top:110px !important;} .paddingtop115{padding-top:115px !important;}
.paddingtop120{padding-top:120px !important;} .paddingtop125{padding-top:125px !important;}
.paddingtop130{padding-top:130px !important;} .paddingtop135{padding-top:135px !important;}
.paddingtop140{padding-top:140px !important;} .paddingtop145{padding-top:145px !important;}
.paddingtop150{padding-top:150px !important;}


.paddingbottom0{padding-bottom:0px !important;} .paddingbottom5{padding-bottom:5px !important;}
.paddingbottom10{padding-bottom:10px !important;} .paddingbottom15{padding-bottom:15px !important;}
.paddingbottom20{padding-bottom:20px !important;} .paddingbottom25{padding-bottom:25px !important;}
.paddingbottom30{padding-bottom:30px !important;} .paddingbottom35{padding-bottom:35px !important;}
.paddingbottom40{padding-bottom:40px !important;} .paddingbottom45{padding-bottom:45px !important;}
.paddingbottom50{padding-bottom:50px !important;} .paddingbottom55{padding-bottom:55px !important;}
.paddingbottom60{padding-bottom:60px !important;} .paddingbottom65{padding-bottom:65px !important;}
.paddingbottom70{padding-bottom:70px !important;} .paddingbottom75{padding-bottom:75px !important;}
.paddingbottom80{padding-bottom:80px !important;} .paddingbottom85{padding-bottom:85px !important;}
.paddingbottom90{padding-bottom:90px !important;} .paddingbottom95{padding-bottom:95px !important;}
.paddingbottom100{padding-bottom:100px !important;} .paddingbottom105{padding-bottom:105px !important;}
.paddingbottom110{padding-bottom:110px !important;} .paddingbottom115{padding-bottom:115px !important;}
.paddingbottom120{padding-bottom:120px !important;} .paddingbottom125{padding-bottom:125px !important;}
.paddingbottom130{padding-bottom:130px !important;} .paddingbottom135{padding-bottom:135px !important;}
.paddingbottom140{padding-bottom:140px !important;} .paddingbottom145{padding-bottom:1450px !important;}
.paddingbottom150{padding-bottom:150px !important;}


.paddingleft0{padding-left:0px !important;}
.paddingleft5{padding-left:5px !important;}
.paddingleft10{padding-left:10px !important;}
.paddingleft15{padding-left:15px !important;}
.paddingleft20{padding-left:20px !important;}
.paddingleft25{padding-left:25px !important;}
.paddingleft30{padding-left:30px !important;}
.paddingleft35{padding-left:35px !important;}
.paddingleft40{padding-left:40px !important;}
.paddingleft45{padding-left:45px !important;}
.paddingleft50{padding-left:50px !important;}


.paddingright0{padding-right:0px !important;}
.paddingright5{padding-right:5px !important;}
.paddingright10{padding-right:10px !important;}
.paddingright15{padding-right:15px !important;}
.paddingright20{padding-right:20px !important;}
.paddingright25{padding-right:25px !important;}
.paddingright30{padding-right:30px !important;}
.paddingright35{padding-right:35px !important;}
.paddingright40{padding-right:40px !important;}
.paddingright45{padding-right:45px !important;}
.paddingright50{padding-right:50px !important;}



.margintop0{margin-top:0px !important;}
.margintop5{margin-top:5px !important;}
.margintop10{margin-top:10px !important;}
.margintop15{margin-top:15px !important;}
.margintop20{margin-top:20px !important;}
.margintop25{margin-top:25px !important;}
.margintop30{margin-top:30px !important;}
.margintop35{margin-top:35px !important;}
.margintop40{margin-top:40px !important;}
.margintop45{margin-top:45px !important;}
.margintop50{margin-top:50px !important;}


.marginbottom0{margin-bottom:0px !important;}
.marginbottom5{margin-bottom:5px !important;}
.marginbottom10{margin-bottom:10px !important;}
.marginbottom15{margin-bottom:15px !important;}
.marginbottom20{margin-bottom:20px !important;}
.marginbottom25{margin-bottom:25px !important;}
.marginbottom30{margin-bottom:30px !important;}
.marginbottom35{margin-bottom:35px !important;}
.marginbottom40{margin-bottom:40px !important;}
.marginbottom45{margin-bottom:45px !important;}
.marginbottom50{margin-bottom:50px !important;}

.red{color:#FF2F2F;}

@media (max-width: 1024px) {
	
}


@media (max-width: 990px) {
	#homecontact{padding-top:20px;}
	#homecontact h2{text-align: center;} 
}




@media (max-width: 950px) {

}


@media (max-width: 945px) {
	
}

@media (max-width: 920px) {
	
}


@media (max-width: 890px) {
	#headernav ul li a{font-size:15px;}
}



@media (max-width: 850px) {
	
}


@media (max-width: 830px) {
	
}


@media (max-width: 800px) {
	
}



@media (max-width: 795px) {
	
}

@media (max-width: 768px) {
	#headernav{display:none;}
	
}



@media (max-width: 640px) {
#content h1{font-size: 26px; line-height: 30px;}
	#content h2{font-size: 22px; line-height: 30px;}
	#content p{font-size: 14px; line-height: 22px;}
	#homecontactimagecol{min-height:290px !important;}
	#content ul.bluetick{margin-bottom: 0px;}
	#footer p{font-size:11px;}
	.wrap{max-width:1200px; margin-left: auto; margin-right: auto; display: block; padding: 0px;}
}


@media (max-width: 600px) {
	#homecontact h2{text-align: center; font-size: 26px;} 

}


@media (max-width: 520px) {
	#header{padding-top:15px;}
	#header #headerlogo{float:none; margin-left: auto; margin-right: auto; display: block;}
	#headerright{display:block; margin-left: auto; margin-right: auto; float: none; padding-bottom: 10px;}
	#headerright-address{display:block; float: none; margin-left: auto; margin-right: auto; padding-bottom: 10px;}
	#headerright-phone{display:block; float: none; margin-left: auto; margin-right: auto;}
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */