/*
 * Theme Name: Associated Air
 * Author: Verdant Creative
 * Author URI: https://www.verdantcreative.com.au
 * Version: 1.0
*/



/* SLIDER */
.carousel {height: 280px; border-top:2px solid #FFF; border-bottom: 2px solid #FFF;}

/* NAV */
nav {text-align: right;position: absolute; width:100%; bottom: 0px;}
nav ul { padding: 0; margin: 0}
nav li {display: inline-block; padding: 0 10 6 10; margin: 0 5px;}
nav li a {text-decoration: none;padding: 0 10 6 10;color:#223064; font-weight: 600}
nav li.current-menu-item a {border-bottom: 3px solid #05a6df}
nav li a:hover {border-bottom: 3px solid #05a6df}

/* MENU */
.mobilemenu { display: none; color: #FFFFFF;background-color: #05a6df; position: absolute; left: 0px; bottom:0px; right: 0px; padding:5 20; text-decoration: none; text-align: right; font-weight: 600; height: 20px; cursor: pointer}


/* HEADER */
.headerbg {background-color: #FFFFFF}
header { width:100%; max-width: 1000px; height: 140px; margin-left: auto; margin-right: auto; position: relative; background-color: #FFFFFF; border-bottom: 3px solid #FFFFFF}
.aalogo {max-width:320px; height: auto; position: absolute; left: 30px; top: 30px;}
.callusnow {position:absolute; top: 30px; right: 30px;background-color:#05a6df; color: #FFFFFF; padding: 5px 20px; font-weight:600; display: inline-block}
.callusnow2 {position:absolute; top: 30px; right: 30px;background-color:#05a6df; color: #FFFFFF; padding: 5px 20px; font-weight:600;display: none}
.callusnow3 {position:absolute; top: 30px; right: 30px;width: 40px; height: 40px; display: none; background-image: url(img/phone_icon.svg); background-size: 100%}


/* APPLIES EVERYWHERE */
body, html { height: 100%;  margin: 0; padding: 0; background-color:#223064 }
body, main, footer, table, td, p, div {font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility}
main {width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto;  }
footer { background-color: #223064; color: #FFFFFF;  width: 100%;  }
h1 {font-weight: normal; font-size: 38px;margin: 0; padding: 0}
h2 {font-weight: normal; font-size: 30px; margin: 0; padding: 0 }
h3 {  font-size: 22px; margin: 0; padding: 0; }
main img {width: 100%; height: auto}
.container {background-color: #FFFFFF}
.main_margins {padding-left: 40px; padding-right: 40px; padding-bottom: 20px }

/* FRONT PAGE */
body.home main {color: #FFFFFF; }
.frontpage_bg {background-color:#223064; padding:20px;}

.frontpage_table {display: table}
.frontpage_left { display: table-cell; width: 40%; background-image:url(img/front-page-hvac-system.jpg); background-size: cover; background-repeat: no-repeat; }
.frontpage_right {display: table-cell; width:60%; padding-left: 40px}

/* FOOTER */
.footer_centre { width:100%; max-width: 1000px;  margin-left: auto; margin-right: auto; }
.footer_margins {position: relative; margin: 0px 80px 20px 80px; padding-top: 20px;}
.footer_logo {background: url(img/aa_logo_mono_white.svg) no-repeat;width: 220px; height: 80px; }
.rta_ec {width: 100%; font-size: small; text-align: center; padding-bottom: 30px;}

/* ABOUT */
.about_image { display:block; float: right; width:50%; height: 300px; background-image: url(img/associated-air-team-photo.jpg); background-repeat: no-repeat; background-size: cover; margin-left: 20px; margin-bottom: 40px }

/* MAIN */
.bluebar {display: block; width: 100%;background-color:#223064;  }
.bluebar h1 {color: #FFFFFF;  padding: 10px 0px 10px 40px; }
.bluebarmargins {max-width: 1000px; margin-left: auto; margin-right: auto}
.main_content {width: 50%; }


/* BUTTONS */
.button { -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; text-decoration: none;}
.footer_button {color:#223064;background-color: #FFFFFF; position: absolute; right: 0; top: 20; letter-spacing: 3; font-weight: 600; text-align: center;padding: 5px 30px;}
a.footer_button:hover {background-color: #05a6df; color: #FFFFFF}
.back_button {background-image: url('img/button_back_arrow.png'); background-size: 18px; background-repeat: no-repeat; background-position: center left; background-color:#223064; color: #FFFFFF;font-weight: 600;text-align: center;padding: 5px 15px 5px 30px;}
a.back_button:hover {background-color: #05a6df}
.backbuttonpadding {padding: 10px 0}

/* CONTACT PAGE */
.contact_table {border-spacing: 0 20px}
.contact_tr {display: table-row; }
.contact_td { display: table-cell; height: 64px; padding-left:84px; font-size: 24px; min-width: 300px; vertical-align: middle; }
.contact_phone {background: url(img/phone_icon.png) no-repeat left;background-size: auto 100% }
.contact_fax {background: url(img/fax_icon.png) no-repeat left;background-size: auto 100%}
.contact_address {background: url(img/address_icon.png) no-repeat left;background-size: auto 100%}
.contact_mail {background: url(img/mail_icon.png) no-repeat left; background-size: auto 100%}


.googlemap {position: absolute; top: 20px; right: 40px}
.googlemap iframe {width:500px; height:350px}


.contact_form_title {width: 100%; color:#223064; display: block;  padding: 20px 0 10px 0; font-size: 26px}
.contact_form_box { display: block; width: 100%;  }

.wpcf7 .screen-reader-response {display: none}
.wpcf7 input,.wpcf7 textarea { display:block; width: 100%; padding: 5px; border: 1px solid #223064;font-family: 'Open Sans', sans-serif; font-weight: 300}
.wpcf7-not-valid-tip {font-size: small; color: red}
.wpcf7-validation-errors {padding: 10px; background-color: #05a6df; color: #FFFFFF }
.wpcf7-mail-sent-ok {padding: 10px; background-color:#00C063; color: #FFFFFF}
.wpcf7-spam-blocked {padding: 10px; background-color:#FF0004; color: #FFFFFF}
.wpcf7-form {margin: none; !important}
.wpcf7-submit { width:150px !important; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; text-decoration: none;}



/* PROJECTS */
.project_tile_img {display: inline-block; width: 33.3333333%; height: 150px;  }
.project_tile_tint {background-color: rgba(120,120,120, 0.7); position: relative; display: inline-block; width: 100%; height: 150px;}
.project_tile_title {position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center}
.project_tile_tint {transition: background 0.5s;-webkit-transition: background 0.5s;}
a.project_tile_img:hover .project_tile_tint, a.project_tile_img:active .project_tile_tint { background:none;}
a.project_tile_img:hover .project_tile_title {text-shadow:2px 2px 2px #474747}
a.project_tile_img {color: #FFFFFF; font-size:18px;text-decoration: none}


/* SERVICES */
.services_image { display:block; float: right; width:50%; height: 245px; background-image: url(img/services-image.jpg); background-repeat: no-repeat; background-size: cover; margin-left: 20px; margin-bottom: 40px}

   .services_button  {display: inline-block;  text-align: center; width: 47%;height: 60px; position: relative}
        .services_button_left {background-color:#223064;-moz-border-radius: 16px 0 0 16px; -webkit-border-radius: 16px 0 0 16px; border-radius: 16px 0 0 16px;}
        .services_button_right {background-color: #05a6df;-moz-border-radius: 0 16px 16px 0; -webkit-border-radius: 0 16px 16px 0; border-radius: 0 16px 16px 0;}
        a.services_button {text-decoration: none; color:#FFFFFF; font-weight: 600}
        
        .services_button_text {position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.services_subpage ul {margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; list-style-type: none; }
.services_subpage li {display: block; color: #FFFFFF; padding: 15px;}
.services_subpage li:nth-child(odd) { background-color:#888888}
.services_subpage li:nth-child(even) {background-color: #B8B6B6}

.contract_installation_image { display:block; float: right; width:50%; height: 320px; background-image:url(img/contract-installation-image.jpg); background-repeat: no-repeat; background-size: cover; margin-left: 20px; margin-bottom: 20px}
.servicing_image { display:block; float: right; width:50%; height: 320px; background-image:url(img/servicing-image.jpg); background-repeat: no-repeat; background-size: cover; margin-left: 20px; margin-bottom: 20px}

.brandsimg {width:100%; height: 200px; background-image:url(img/brands.png); background-repeat: no-repeat; background-position: top center; background-size: contain}
.brandsimg2 {display: none}

/* SLIDER */
.slider_container { display:block; width:400px;position:relative; background-color:#DDDDDD; float: right; margin-left: 20px; margin-bottom: 20px}
.slider_button_left {position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%); display: inline-block; color: #FFFFFF;cursor: pointer; height: 66px; width: 30px; background: url(img/slider_left.png) no-repeat; background-size: contain}

.slider_button_right {position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%); display: inline-block; font-size: large; color: #FFFFFF; cursor: pointer; height: 66px; width: 30px; background: url(img/slider_right.png) no-repeat; background-size: contain }
.slider {width:100%; height: auto}
.slider_fade{animation:opac 1s}@keyframes opac{from{opacity:0.4} to{opacity:1}}




/* BREAKS */
@media screen and (max-width:950px){
	.googlemap iframe {width:400px; height:300px}
	.contact_td {font-size: 20px; height: 50px}
}

@media screen and ( max-width: 800px ) {

.slider_container { display:block; width:100%;position:relative; background-color:#DDDDDD; margin-left:0}
	
	.aalogo {max-width: 240px;}
	header {height:140px }
	.about_image,.services_image,.contract_installation_image,.servicing_image {float: none; width: 100%; margin-left:0; margin-bottom: 20px; margin-top: 20px; background-position: center}
	.contract_installation_image,.servicing_image {height: 240px}
	.services_button {width: 50%}
	.main_content {width: 100%}
		.googlemap iframe {width:300px; height:280px}
	.contact_td {font-size: 18px; padding-left: 70px }
}
@media screen and (max-width:640px){

		.footer_button {position: static}
	.rta_ec {padding: 20px 0}
	.footer_margins {text-align: center}
	.footer_logo {width: 100%; background-position: center; height: 60px; margin-bottom: 15px;}
	.about_image,.services_image {height: 240px;}
	}
@media screen and (max-width:690px){
	.googlemap {position: static}
			.googlemap iframe {width:100%; height:280px; }
	
}
	
@media screen and (max-width:600px) {
	.brandsimg {display: none}
	.brandsimg2 {display: block; width:100%; height: 300px; background-image:url(img/brands2.png); background-repeat: no-repeat; background-position: top center; background-size: contain}

		.aalogo {max-width: 200px;}
	.callusnow {display: none}
	.callusnow2 {display: inline-block}
	header {height:  130px; border-bottom: none}
	
nav {display: none; }
	.frontpage_left {display: block; width: 100%; height: 180px;}
	.frontpage_right {display: block; width: 100%; padding-left: 0; margin-top: 10px;}
		.frontpage_bg {margin-top: -3px;}
	
	.mobilemenu { display: block}
	nav {text-align: center;position: absolute; width:100%; top: 130px;}
nav ul { padding: 0; margin: 0}
nav li { padding: 0; margin: 0; display: block; width: 100%; background-color: lightgray; border-bottom: 1px solid darkgray}
	nav li:last-child {border-bottom: none}
nav li a {display: block;text-decoration: none;color:#223064; font-weight: 600; width: 100%; padding: 10px 0;  }
nav li.current-menu-item a {border:none}
nav li a:active {border:none}
	nav li a:hover { border: none; color: #05a6df }
	.project_tile_img {width:50%}
}

@media screen and (max-width:450px) {
			.callusnow2 {display: none}
	.callusnow3 { display: inline-block}
}
@media screen and (max-width:360px) {
	header {height: 120px;}
		.aalogo { top:20px; left: 20px}
	.callusnow3 { width: 40px; height: 40px; top:20px; right: 20px }

}
.navigating {display: block; z-index: 99999}