/*
Theme Name: Jason Ross Earthmoving 2015
Author: FMSTUDIOS - Fenech Multimedia Studios
Author URI: http://www.fmstudios.com.au/
*/

body, html{
	margin:0;
	padding:0;
	position:relative;
	overflow-x:hidden;
	font-family:'Lato', sans-serif, Arial, Helvetica;
	font-size:15px;
	font-weight:400;
	color:#000000;
	}
body{background:#FFFFFF;}
body img{border:none;}
.green_bg{color:#FFFFFF; background:#00A651;}
.wrap{
	margin:0 auto 0 auto;
	position:relative;
	width:90%;
	max-width:1200px;
	}
@media screen and (max-width: 720px){
	body, html{font-size:14px;}
	}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ol, ul, li{margin:0; padding:0;}
h1{
	margin:0 0 25px 0;
	font-size:26px;
	font-weight:700;
	color:#00A651;
	}
h2{
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	font-size:20px;
	font-weight:700;
	color:#00A651;
	}
h2:first-child, h1 + h2{padding:0;}
h3{
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	font-size:17px;
	color:#000000;
	}
h3:first-child, h2 + h3{margin-top:-5px; padding:0;}
p{margin:0 0 15px 0;}
a{
	text-decoration:none;
	color:#00A651;
	-webkit-transition:color 300ms ease;
	-moz-transition:color 300ms ease;
	-o-transition:color 300ms ease;
	transition:color 300ms ease;
	}
a:hover{color:#000000;}
a:focus{outline:none;}
ul li{list-style:none;}
table{margin:0 0 25px 0; border-collapse:collapse;}
@media screen and (max-width: 720px){
	h1{font-size:24px;}
	h2{font-size:18px;}
	h3{font-size:16px;}
	}
	
/*---------------TOP--------------*/
#top{
	position:relative;
	height:40px;
	z-index:20;
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.3);
	box-shadow:0 0 6px rgba(0,0,0,0.3);
	}
	
/*---------------NAV--------------*/
#nav{z-index:30;}
nav{
	margin:-40px 0 0 0;
	text-align:center;
	-webkit-transition:max-height 300ms ease;
	-moz-transition:max-height 300ms ease;
	-o-transition:max-height 300ms ease;
	transition:max-height 300ms ease;
	}
.dropdown{
	margin:0;
	padding:0;
	}
.dropdown li{
	margin:0 12px 0 12px;
	padding:0;
	display:inline-block;
	position:relative;
	border-top:4px solid #00A651;
	}
.dropdown > li.current_page_item, .dropdown > li.current_page_parent{border-top:4px solid #FFF200;}
.dropdown > li li{
	margin:0;
	display:block;
	border:none;
	}
.dropdown a{
	margin:-4px -12px 0 -12px;
	padding:10px 12px 0 12px;
	display:block;
	position:relative;
	height:30px;
	font-size:15px;
	font-weight:700;
	color:#FFFFFF;
	}
.dropdown li:hover > a{color:#FFF200;}
.dropdown ul{
	margin:0 0 0 -90px;
	padding:0;
	position:absolute;
	top:100%;
	left:50%;
	width:180px;
	max-height:0;
	z-index:1;
	overflow:hidden;
	background:#00A651;
	-webkit-transition:max-height 300ms ease, padding 300ms ease;
	-moz-transition:max-height 300ms ease, padding 300ms ease;
	-o-transition:max-height 300ms ease, padding 300ms ease;
	transition:max-height 300ms ease, padding 300ms ease;
	}
.dropdown li:hover > ul{
	padding:10px 0 10px 0;
	max-height:300px;
	}
.dropdownJavaScript li:hover > ul{
	padding:0;
	max-height:0;
	}
.dropdownJavaScript li.dropdownOpen > ul{
	padding:10px 0 10px 0;
	max-height:300px;
	}
.dropdown ul a{
	margin:0;
	padding:5px 12px 5px 12px;
	height:auto;
	font-weight:400;
	}
.dropdown ul li.current_page_item a{color:#FFF200;}
.dropdown ul ul{
	top:0;
	left:100%;
	}
#nav_toggle{
	margin:0 0 0 -6px;
	display:none;
	position:absolute;
	bottom:0;
	left:5%;
	width:40px;
	height:40px;
	z-index:1000;
	cursor:pointer;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
	}
#nav_toggle .bar{
	display:block;
	position:absolute;
	left:6px;
	width:28px;
	height:3px;
	background:#FFFFFF;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
#nav_toggle .bar1{top:10px;}
#nav_toggle .bar2{top:19px;}
#nav_toggle .bar3{top:28px;}
.csstransforms .show_nav #nav_toggle .bar2{opacity:0;}
.csstransforms .show_nav #nav_toggle .bar1{
	top:19px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	}
.csstransforms .show_nav #nav_toggle .bar3{
	top:19px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}
@media screen and (max-width: 960px){
	#nav{z-index:10;}
	nav{
		margin:0;
		position:absolute;
		top:100%;
		left:0;
		width:180px;
		max-height:0;
		overflow:hidden;
		background:#00A651;
		}
	.show_nav nav{max-height:500px;}
	.dropdown{padding:5px 0 5px 0;}
	.dropdown li, .dropdown li.current_page_item, .dropdown li.current_page_parent{margin:0; display:block; border:none;}
	.dropdown li.current_page_item > a{color:#FFF200;}
	.dropdown a{margin:0; padding:5px 12px 5px 12px; height:auto;}
	.dropdown ul a{padding:2px 12px 2px 12px; font-size:13px;}
	.dropdown ul, .dropdown li:hover > ul, .dropdownJavaScript li:hover > ul, .dropdownJavaScript li.dropdownOpen > ul{
		margin:0;
		padding:0 0 3px 0;
		position:static;
		max-height:none;
		}
	#nav_toggle{display:block;}
	}
	
/*---------------HEADER--------------*/
#header{
	padding:60px 0 32% 0;
	position:relative;
	border-bottom:6px solid #000000;
	background-image:url(images/banner.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#FFF200;
	}
#header .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
#logo{
	margin:0 auto 0 auto;
	display:block;
	position:relative;
	top:30%;
	width:40%;
	max-width:375px;
	-webkit-transition:width 300ms ease;
	-moz-transition:width 300ms ease;
	-o-transition:width 300ms ease;
	transition:width 300ms ease;
	}
.csstransforms #logo{
	top:50%;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
	}
#logo object, #logo img{
	display:block;
	width:100%;
	pointer-events:none;
	}
@media screen and (max-width: 720px){
	#logo{width:48%;}
	}
@media screen and (max-width: 480px){
	#logo{width:58%;}
	}
	
/*---------------MAIN--------------*/
.home #middle{overflow:auto;}
main{width:100%;}
.home main{float:left;}
.push_sidebar{margin:0 320px 0 0;}
@media screen and (max-width: 720px){
	#middle{overflow:visible;}
	.home main{float:none;}
	.push_sidebar{margin:0;}
	}
	
/*---------------CONTENT--------------*/
.content{padding:50px 0 40px 0;}
.content ul{margin:0 0 15px 0;}
.content p + ul{margin:-5px 0 15px 0;}
.content li{padding:0 0 0 16px; background:url(images/bullet.png) 5px 10px no-repeat;}
.cols{
	overflow:auto;
	}
.cols .left{
	width:48%;
	float:left;
	}
.cols .right{
	width:48%;
	float:right;
	}
.btn{
	padding:5px 15px 6px 15px;
	display:inline-block;
	font-weight:700;
	color:#FFFFFF;
	background:#00A651;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
.btn:hover{
	background:#FFF200;
	}
.video{
	padding:5px 0 0 0;
	max-width:600px;
	}
.archive_items{
	margin:-15px 0 0 0;
	}
.archive_item{
	padding:15px 0 0 235px;
	clear:both;
	}
.archive_item h2{
	margin:0 0 5px 0;
	padding:0;
	}
.archive_item img{
	margin:0 0 5px -235px;
	float:left;
	}
.archive_item p{
	margin:0 0 5px 0;
	font-size:13px;
	}
@media screen and (max-width: 960px){
	.cols .left, .cols .right{width:auto; float:none;}
	#map iframe{height:250px;}
	.archive_item{padding:15px 0 0 195px;}
	.archive_item img{margin:0 0 5px -195px; width:180px;}
	}
@media screen and (max-width: 720px){
	.content{padding:40px 0 25px 0;}
	.archive_item{padding:15px 0 0 135px;}
	.archive_item img{margin:0 0 5px -135px; width:120px;}
	}
@media screen and (max-width: 480px){
	.archive_item{padding:20px 0 0 0;}
	.archive_item img{margin:0 0 5px 0; float:none;}
	}
	
/*---------------LATEST NEWS--------------*/
#latest_news{
	margin:0 0 0 -280px;
	padding:20px 30px 25px 30px;
	width:220px;
	float:right;
	background:#E5E5E5;
	}
#latest_news h2{margin:0;}
#latest_news .item{padding:20px 0 0 0;}
#latest_news img{
	margin:0 0 5px 0;
	display:block;
	max-width:100%;
	}
#latest_news h3{margin:0 0 5px 0;}
#latest_news p{margin:0 0 5px 0; font-size:13px;}
@media screen and (max-width: 720px){
	#latest_news{
		margin:25px 0 20px 0;
		padding:20px 5% 25px 5%;
		width:90%;
		float:none;
		}
	#latest_news .items{width:105.555%; overflow:auto;}
	#latest_news .item{
		margin:0 5.263% 0 0;
		width:44.737%;
		float:left;
		}
	}
@media screen and (max-width: 360px){
	#latest_news .items{width:100%;}
	#latest_news .item{
		margin:0;
		width:auto;
		float:none;
		}
	}
	
/*---------------QUICKLINKS--------------*/
.quicklinks{padding:0 0 10px 0; overflow:auto;}
.quicklink{width:33.333%; float:left;}
.quicklink a{
	margin:0 auto 0 auto;
	padding:6px 0 6px 0;
	display:block;
	width:80%;
	max-width:300px;
	text-align:center;
	background:#000000;
	}
.quicklink img{
	margin:0 0 4px 0;
	display:block;
	width:100%;
	opacity:1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
	}
.quicklink:hover img{opacity:0.8;}
.quicklink h2{
	margin:0;
	padding:0;
	color:#FFFFFF;
	}
@media screen and (max-width: 960px){
	.quicklink h2{font-size:18px;}
	}
@media screen and (max-width: 720px){
	.quicklinks{margin:0 0 -5px 0; padding:0;}
	.quicklink{
		margin:0 0 20px 0;
		width:100%;
		float:none;
		}
	}
	
/*---------------GALLERY--------------*/
.gallery{
	margin:0 -2.084% -2.084% 0;
	padding:10px 0 20px 0;
	width:102.084%;
	overflow:hidden;
	}
.gallery figure{
	margin:0 2.04% 2.04% 0;
	display:block;
	width:17.96%;
	float:left;
	}
.gallery img{
	display:block;
	max-width:100%;
	}
.gallery figcaption{
	margin:2px 0 -8px 0;
	display:block;
	width:100%;
	height:16px;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	font-size:12px;
	line-height:16px;
	white-space:nowrap;
	}
	
/*---------------FOOTER--------------*/
footer{
	padding:35px 0 40px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	line-height:1.3em;
	color:#00A651;
	}
footer a{color:#00A651;}
footer a:hover{color:#000000;}
footer img{
	margin:0 0 10px 0;
	width:30px;
	}
@media screen and (max-width: 720px){
	footer{padding:20px 0 25px 0;}
	}
	
/*---------------TINYMCE--------------*/
#tinymce{
	padding:5px !important;
	}
#tinymce ul{
	margin:0 0 15px 0;
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
	}
#tinymce p + ul{
	margin:-8px 0 15px 0;
	}
#tinymce li{
	padding:0 0 0 16px;
	background:url(images/bullet.png) 5px 10px no-repeat;
	}