/*
Theme Name: Adzpower Template 3
Theme URL: https://www.adzpower.com.au/templates/cms3
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Images
 * 3.0 - Header
 * 4.0 - Main Menu
 * 5.0 - Content
 * 6.0 - Post
 * 7.0 - Footer
 * 8.0 - Mobile
 */
 
 
/* * * 1.0 Reset * * */
	
	
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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.content, .home-images img, .services-inner, .header-inner, form, input, textarea, li, .product-half img, .product-half{
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

body {
	line-height: 1;
}

ul{
	list-style:none
}

.clear {
	clear: both;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Asap', sans-serif; /*Set site font*/
	font-size: 12px;
	background:white; /*Select content background colour*/
}

a, a:hover{
	text-decoration:none;
}	


/* * * 2.0 Images * * */


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;
}


/* * * 3.0 Header * * */


.mobile-phone{padding:10px 0;background:#0e76bc;text-align:center;display:none;}

.mobile-phone a{color:white;font-size:16px;}

.header {
	border-bottom:7px solid #0e76bc; /*Set colour of border under header/before services*/ 
	width:100%;
}

.header-inner{
	width:100%;
	max-width:1100px;
	padding:0 15px;
	margin:-60px auto 0 auto;
	position:relative;
	height:447px;
}

.header-menu-bg{
	background: #0e76bc; /*Set menu bg colour*/
	width:100%;
	height:60px;
}

.header-logo{
	background:#FFFFFF; /*Set background colour of logo*/
	position:absolute;
	left:15px;
	height:185px;
	width:242px;
	text-align:center;
}

.header-contact{
	background:#FFFFFF; /*Set colour for background of "Contact Us" section*/
	position:absolute;
	left:15px;
	height:257px;
	width:242px;
	top:190px;
}

.header-contact h1{
	font-family: 'Oswald', sans-serif;
	color: #0e76bc; /*Set colour of "Contact Us" heading*/
	text-align:center;
	text-transform:uppercase;
	font-size:30px;
	font-weight:normal;
	line-height:63px;
}

.header-contact p{
	color:#404041; /*Set colour for content of "Contact Us" section*/
	text-align:center;
	padding-bottom:17px;
	font-size:14px;
	line-height:150%;
}

.header-contact p a{
	color:#404041; /*Set colour for content links in "Contact Us" section*/
}


/* * * 4.0 Main Menu * * */


.header-menu {
	float: right;
	list-style-type: none;
}

.header-menu li, .mobile-menu li {
	position: relative;
	float: left;
	text-transform: uppercase;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;	
}

.header-menu li a, .mobile-menu li a {
	font-family: 'Oswald', sans-serif;
	color: #FFF; /*Set colour of text in menus*/
	float: left;
	overflow: hidden;
	font-size: 14px;
	line-height: 60px;
	padding:0 15px;	
	font-weight:bold;
				
}

@media all and (max-width: 850px) {
	.header-menu li a{
		font-size: 13px;
		padding:0 8px;				
	}
}

.header-menu li:hover{
	border-top:4px solid white; /*Set colour for menu hover effect*/
	
}

.header-menu li:hover a{
	text-decoration: none;
	margin-top:-4px;
	color:#404041;
}

.mobile-menu{
	display:none;
}

.header-menu li:hover > ul{
	display: block;
}

.header-menu li ul{
	background-color: #FFFFFF; /*Select drop down menu colour*/
	display: none;
	position: absolute;
	left:-1px;
	right:-1px;
	top:100%;
	height:auto;
	border-top:0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

.header-menu li ul li, .header-menu li ul li:hover{
	border-top:1px solid #EDEDED; /*Select  border color for drop down menu*/
	width:100%;
	border-right:none;
	line-height:40px;
	overflow:hidden;
	height:40px;
}

.header-menu li ul li a{
	color: #39b54a;	 /*Select drop down menu text colour*/
	width: 100%;
	height:39px;
	position:absolute;
	font-size: 11px;
	line-height:40px;
	text-align:center;
	padding:0 0 1px 0;
	margin:0;
	font-weight:normal;
	top:4px;
}				

.header-menu li ul li a:hover{
	background-color: #EDEDED; /*Select colour of drop down link when hovered*/ 
	margin-top:0;
	top:0;
}

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

@media all and (max-width: 850px) {
	.header-menu li ul li a{
		font-size: 10px;
	}				
}


/* * * 5.0 Content * * */


.services{
	background:#ebebeb; /*Select services section background colour*/
	width:100%;
	
}

.services-inner{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	text-align: center;
	padding:35px 15px;
}
 
 .services-inner img{
	 width:100%;
	 height:auto;
 }
	 
 .service-image:last-child {
	 border-right:none;
 }
 
 .service-image img:hover{
	 opacity:0.5;
	 -o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;		
 }

.content {
	width: 100%;
	max-width:1100px;
	padding:0 15px;
	margin:0 auto;
}

.rslides {
  	position: absolute;
  	list-style: none;
 	 overflow: hidden;
 	 width: 100%;
 	 padding: 0;
 	 margin: 0;
 	 height:387px;
 	 z-index:-999;
 	 margin-top:60px;
 }

.rslides li {
 	 position: absolute;
 	 width: 100%;
 	 overflow:hidden;
 }

.rslides li:first-child {
 	 position: relative;
 	 display: block;
 	 float: left;
 }

.rslides img {
  	display: block;
  	height: auto;
  	min-height:387px;
 	 min-width:1219px;
  	float: left;
  	width: 100%;
  	border: 0;
 }
 
.rslides li .rslides1{ 
  	width:100%;
  	height:387px;
  	background: url(images/slide.jpg) no-repeat center; /*Select image to be shown in first slide*/
 }
 
 .rslides li .rslides2{ 
  	width:100%;
  	height:450px;
  	background: url(images/slide2.jpg) no-repeat center; /*Select image to be shown in first slide*/
 }
 
/*When adding slideshow slides, create another .rslides class increasing the number on the end by 1 each time e.g .rslides3, .rslides4, then make a css rule  exactly the same as the .rslides1. Change the background of the rule to the image you want and add a list item with the new class to header.php. This allows the image to stay centered when the window in minimised*/
 

 
/* * * 6.0 Post * * */


.post {
	width:100%;
	padding:20px 0 30px 0;
}

.entry ul {
	list-style-type:disc;
	padding-left:40px;
	margin-bottom:15px;
}

.entry h1{
	font-family: 'Oswald', sans-serif;
	color: #0e76bc; /*Select Heading 1 colour*/
	text-transform:uppercase;
	font-size:50px;
	font-weight:normal;
	line-height:150%;
	padding-bottom:15px;
}

.entry h2{
	font-family: 'Oswald', sans-serif;
	color: #404041;
	text-transform:uppercase;
	font-size:30px;
	font-weight:normal;
	line-height:150%;
	padding-bottom:15px;
}

.entry h3{
	color: #0e76bc; /*Select Heading 2 colour*/
	text-transform:uppercase;
	font-size:19px;
	font-weight:700;
	padding:0 0 15px 0;
	line-height:150%;
}

.entry{
	color:#404041; /*Select paragraph text colour*/
	font-size:15px;
	line-height:150%;
}

.entry p{
	margin-bottom:15px;	
}

.entry p a{color:#404041;}
	
.alignleft a {
	float: left;
	margin: 25px 0;
}

.alignright a {
	float: right;
	margin: 25px 0;
}

.home-images{width:calc( 100% + 20px); margin-left:-10px;padding-bottom:5px;padding-top:10px;}

.home-images img{display:inline-block;margin-left:-3px;width:20%;height:auto;padding:10px;}

.contact-left{float:left;width:calc(100% - 320px);}

form{width:300px;float:right;padding:10px 15px;background:#0e76bc;color:white;}

form input, form textarea{width:100%;margin:3px 0 5px 0;border:none;font-family: 'Asap', sans-serif;padding:3px 5px;color:#4b4b4b;border-radius:0;-webkit-appearance:none;}

textarea{height:100px;}

input[type=submit]{background:white;color:#0e76bc;font-weight:bold;width:150px;float:right;margin-top:15px;}

input[type=submit]:hover{color:#4b4b4b;cursor:pointer;}

form small{color:white;padding-left:5px;opacity:0.7;}

#rc-imageselect, .g-recaptcha {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;}

.g-recaptcha{margin-top:7px;}

.entry form p{margin-bottom:0;text-align:right;margin-top:5px;font-size:12px;color:white;opacity:0.7;}

.success, .failure{width:100%;padding:7px 10px;box-sizing:border-box;background:#404041;margin-bottom:10px;}

.entry form .success p, .entry form .failure p{opacity:1;text-align:center;margin-top:0;}

iframe{width:100%;height:125px;margin-top:8px;}

.product-half{width:50%;float:left;}

#second{padding:35px 0 0 20px;}

.product-half ul{width:100%;list-style-type:none;background:#dbebf5;padding:0;}

.product-half ul li{display:block;width:100%;padding:5px 10px;}

.product-half ul li:nth-child(even){background:#bcdaed;}

.price{float:right;padding-left:10px;font-weight:700;}

.product-half img{width:33.33%;height:auto;padding:7px 0 7px 15px;margin:0;float:left;}

@media all and (max-width: 690px) {
	
.contact-left{float:none;width:100%;padding-bottom:25px;}

form{width:100%;float:none;}

form input, form textarea{padding:5px 7px;}

.product-half{width:100%;float:none;}

.product-half img{width:50%;height:auto;padding:10px;margin:0;float:left;}

#second{padding:25px 0 0 0;}

}


/* * * 7.0 Footer * * */


.footer {
	background:#404041; /*Select footer background colour*/
	border-top:7px solid #0e76bc; /*Select footer top border colour*/
	color:#E5E5E5; /*Select footer text colour*/
	width:100%;
	height:114px;
	font-size:13px;
	line-height:114px;	
}

.footer-left a, .footer-right a{
	color:#E5E5E5; /*Select footer link colour*/
}

.footer-left{
	float:left;
	padding-left:20px;
}

.footer-right{
	float:right;
	padding-right:20px;
}


/* * * 8.0 Mobile * * */


@media all and (max-width: 640px) {
	
/* --- -=HEADER=- ----------
**************************** */

.mobile-phone{display:block;}

.header {
	border-bottom:none; 
}

.header-inner{
	height:auto; 
	padding:0;
}

.header-logo{
	position:relative;
	left:0;
	height:auto;
	width:100%;
	text-align:center;
}

.header-logo img{
	width:95%;
	margin:15px 2.5%;
	max-width:200px;
}

.header-contact{
	display:none;
}

/* --- -=MAIN MENU=- ----------
******************************* */

.mobile-menu{
	width:100%;
	margin: 0 auto; 
	overflow: visible;
	height:40px;
	display:block;
}

.mobile-menu ul{
	margin:0 auto;
	width: 100%;
	height:40px;
}
		
.mobile-menu ul li{
	border-bottom:1px solid #4a98cd; /* Select menu divider colour */
	background-color:#0e76bc; /* --- Select link background colour (Same as menu background colour) --- */
	width:100%;
	border-right:0;
	float: left;
	position:relative;
	height:auto;
	text-align:center;
}

.mobile-menu ul li a{
	min-height:40px;
	width:100%;
	line-height: 40px;
	padding:0;
}

.mobile-menu ul li a:hover{
	text-decoration:none;
}

.mobile-menu ul li:last-child{
	border-bottom:none;
}
	
.mobile-menu ul li ul{
	display:inline;
	position:relative;
	left:0;
	top:0;
	width:100%;
	border-right:none;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
}

.mobile-menu ul li ul li {
	border-top: 1px solid #39b54a; /* --- Select dropdown divider colour --- */
	background-color: #6bc877; /* --- Select dropdown background colour --- */
	width: 100%;
	border-right:none;
	overflow: hidden;
	border-bottom:none;
	margin:0;
}

.mobile-menu ul li ul li a {
	width: 100%;
	height:40px;
	text-align:center;
	margin:0;
	font-weight:normal;
	font-size:12px;
}	

.header-menu {
	float: right;
	list-style-type: none;
	display:none;
}

/* --- -=CONTENT=- ----------
***************************** */


.services-inner{
	padding:15px 15px;
}

.service-image{
	border-right:none;
 }
 
.content {
	width: 95%;
	padding:0 2.5%;
}

.rslides {
 display:none;
 }

.home-images img{width:50%;}

.home-images img:last-child{display:none;}

.home-images a img:last-child{display:inline;}

.entry h1{font-size:34px;}

.entry h2{font-size:26px;}

/* --- -=FOOTER=- ----------
**************************** */
.footer {
	height:auto;
	clear:both;
}

.footer-left{
	float:none;
	padding-left:0;
	line-height:30px;
	width:100%;
	text-align:center;
	padding-top:10px;
}

.footer-right{
	float:none;
	padding-right:0;
	line-height:30px;
	width:100%;
	text-align:center;
	padding-bottom:10px;
}

}