/*
Theme Name: Complete Electrical
Theme URL: 
Author: Adz Power Agencies
Author URI: http://www.adzpower.com.au
*/

*{margin:0;padding:0;}

a{text-decoration:none;}

html {
   min-height:100%;display:flex;
}

body {
	min-height: 100%;overflow-x:hidden;}

body, html{
	width:100%;
	min-width:100%;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	background:#fff;
}

.orange {color:#ec541c;}
.clear {clear: both;}

a {color:#ec541c;}

b{font-weight:600;}

.left-main-content p, .left-main-content li{line-height:160%; padding-bottom:20px;font-size:16px;}

.left-main-content li{padding-bottom:5px;}

.left-main-content ul{padding-left:20px;padding-bottom:20px;}

h1 {
	padding-bottom:20px;
	text-transform: uppercase;
	font-weight: bold;
	color:#ec541c;
	font-size: 36px;
}

h2{
	padding-bottom:15px;
	font-weight: bold;
	color:#ec541c;
	font-size:26px;
}

h3{
	padding-bottom:15px;
	font-weight: bold;
	color:black;
	font-size:24px;
}

@media screen and (max-width: 700px) {body.content-pages{height:auto;}}
/*** General ***/

.site-cont{width:100%;height:100%;display:flex;}

.left-main-home{
	flex:0 0 calc(100% - 330px);
	height:100%;
	background:url(images/lighting-rockhampton.jpg) center bottom no-repeat;
	background-size:cover;
}

.left-main{flex:0 0 calc(100% - 330px);height:100%;background:white;position:relative;}

.content-featured{width:100%;padding:120px 0 60px 0;background-size:cover!important;background:center center no-repeat;}

.content-featured.solar{background-image: url(images/banner-solar.jpg);}

.content-featured.installation{background-image: url(images/banner-install.jpg);background-position:center top;}

.content-featured.homes{background-image: url(images/banner-new.jpg);}

.content-featured.switchboard{background-image: url(images/banner-switch.jpg);}

.content-featured.aircon{background-image: url(images/banner-air-con.jpg);}

.content-featured.shed{background-image: url(images/banner-shed.jpg);}

.left-main-content{width:100%;padding:30px;box-sizing:border-box;}

.contact-info{width:100%;display:flex;justify-content:flex-end;align-items:center;font-size:14px;list-style-type:none;padding:15px 15px 0 0;color:black;}

.contact-info.content{background:black;padding:10px;box-sizing:border-box;position:absolute;top:0;right:0;}

.contact-info li{color:black;border-right:1px solid #ec541c;font-weight:bold;line-height:100%;padding:0 10px;}

.contact-info.content li{color:white;}

.contact-info li:last-child{border-right:none;}

.contact-info li a{color:black;transition:.2s;}

.contact-info.content li a{color:white;}

.contact-info li a:hover{color:white;}

.contact-info li img{width:25px;height:auto;}

.fb-white{display:none;}

.contact-info.content .fb-white{display:inline;}

.contact-info.content .fb-black{display:none;}

.instagram{padding-left:10px;}

.logo{background:url(images/white-gradient.png) top left no-repeat;background-size:100% 100%;width:100%;max-width:1000px;padding:25px 0 20px 50px;margin-top:85px;box-sizing:border-box;}

.content-pages .logo{margin-top:0;}

.logo img {width:50%;height:auto;}

.home-text {position:absolute;bottom:0;left:0;padding:30px 40px 40px 40px;width:calc(100% - 405px);max-width:750px;}

.home-text:before{content:"";height:2px;background:#ec541c;width:300px;position:absolute;top:0;left:0;}

.home-text p{font-size:15px;color:white;line-height:165%;padding-bottom:15px;text-shadow:-1px -1px 3px rgba(0,0,0,0.5),1px -1px 3px rgba(0,0,0,0.5),-1px 1px 3px rgba(0,0,0,0.5),1px 1px 3px rgba(0,0,0,0.5);}

.home-text h2{padding-bottom:15px;font-size:26px;text-transform:uppercase;color:white;line-height:160%;text-shadow:-1px -1px 3px rgba(0,0,0,0.5),1px -1px 3px rgba(0,0,0,0.5),-1px 1px 3px rgba(0,0,0,0.5),1px 1px 3px rgba(0,0,0,0.5);}

.home-text h2 span{padding:0 10px;display:inline-block;}

.ind-logos{padding:10px;background:white;display:inline-block;margin-left:-40px;padding-left:40px;margin-top:20px;flex-wrap:wrap;}

.ind-logos img{padding:5px 10px;height:45px;width:auto;}

.ind-logos p{flex:0 0 100%;color:#ec541c;font-weight:bold;padding:0 0 0 10px;text-shadow:none;}
	
@media screen and (max-width: 1000px) {
	
.home-text {width:100%;max-width:none;box-sizing:border-box;}
	
.left-main{flex:0 0 100%;}

.left-main-home{flex:0 0 100%;background-color:#717171;background-image: url(images/lighting-rockhampton-sml.jpg);}
	
.contact-info li{color:white;}

.contact-info li a{color:white;}

.contact-info li a:hover{color:black;}

.fb-white{display:inline;}
	
.fb-black{display:none;}
	
}

@media screen and (max-width: 700px) {
	
.content-featured{height:175px;margin-top:90px;background-size:cover;padding:0;}
	
.left-main-home{display:flex;flex-direction:column-reverse;justify-content:space-between;padding-top:100px;box-sizing:border-box;}
	
.logo{background:white;width:100%;padding:20px;position:absolute;top:0;left:0;display:flex;justify-content:flex-end;border-bottom:4px solid #ec541c;margin-top:0;}
	
.logo img {width:200px;}
	
.home-text{position:static;padding:20px;width:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;flex:1;text-align:center;}
	
.home-text:before{content:none;}
	
.home-text h2{font-size:20px;word-break:normal;}
	
.home-text h2 span{display:block;width:100%;padding:0;}
	
.ind-logos{padding:10px;background:white;display:inline-flex;margin-left:0;justify-content:space-between;margin:20px auto 0 auto;max-width:400px;flex-wrap:wrap;}

.ind-logos img{padding:5px 10px;height:45px;width:auto;}

.home-lic span{flex:0 0 100%;}
	
.contact-info, .contact-info.content{width:100%;height:auto;background:black;padding:10px 20px;box-sizing:border-box;justify-content:center;flex-direction:column;}

.contact-info.content{position:static;}	
	
.contact-info li{flex:0 0 100%;text-align:center;border-right:none;padding:10px 0;}
	
.contact-info li a:hover{color:#ec541c;}
	
}

@media screen and (max-width: 440px) {.ind-logos img{padding:5px;height:35px;width:auto;}}

/*** General Sidebar***/

.right-services{width:330px;height:100%;display:flex;flex-direction:column;background:white;position:fixed;right:0;top:0;transition:.5s ease;z-index:0;}

.js-nav .right-services{right:-330px;}

.sidebar-item{flex:1;width:100%;padding:15px;box-sizing:border-box;position:relative;}

.sidebar-item:before{content:"";width:25px;height:25px;border-radius:30px;background:white;position:absolute;left:-10px;top:0;bottom:0;margin:auto;z-index:0;}

.sidebar-item:after{content:"";height:1px;background:black;position:absolute;bottom:0;left:15px;right:15px;}

.right-services .sidebar-item:last-child:after{content:none;}

.sidebar-item a{background-size:cover!important;background:no-repeat center center;width:100%;height:100%;display:block;position:relative;}

.sidebar-item.solar a{background-image:url(images/lbox-solar-installation.png);}

.sidebar-item.installation a{background-image:url(images/lbox-installation-repairs.png);}

.sidebar-item.homes a{background-image:url(images/lbox-new-home-wiring.png);}

.sidebar-item.switchboard a{background-image:url(images/lbox-switchboard-upgrades.png);}

.sidebar-item.aircon a{background-image:url(images/lbox-air-conditioning.png);}

.sidebar-item.shed a{background-image:url(images/lbox-shed-wiring.png);}

.sidebar-item a img{height:100%;width:auto;position:absolute;bototm:0;left:0;}

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

.right-services{display:none;}	
	
}

/*** Navigation ***/

#outer-wrap{position:relative;width:100%;height:100%;}

#inner-wrap{position:relative;width:100%;height:100%;}
	
.close-btn{width:27px;height:27px;background:url("images/close-btn.svg") left center no-repeat;background-size:contain;overflow:hidden;margin:20px 0;}

.close-btn:hover{opacity:1;}

#nav{position:absolute;top:0;z-index:200;overflow:hidden;width:100%;color:#fff;background:#322f31;padding:0 20px;box-sizing:border-box;}
	
.mobile-menu-link{background-color:black;width:100%;padding:15px;position:relative;box-sizing:border-box;}

nav ul.footer{border-top:1px solid rgba(255,255,255,0.3);margin-top:10px;padding-top:10px;}

nav ul li{text-transform:uppercase;padding:10px 0;display:block;width:100%;}

nav ul.footer li, nav ul.footer li a{font-weight:normal;font-size:12px;color:rgba(255,255,255,0.7);line-height:150%;}

nav ul li a{color:rgba(255,255,255,1);font-size:17px;font-weight:bold;line-height:135%;transition:.2s;box-sizing: border-box;}

nav ul li a:hover{color:#ec541c;}

.nav-btn{position:absolute;top:0;left:0;width:90px;height:71px;background:url(images/nav-icon-bg.svg) bottom right no-repeat;background-size:cover;z-index:100;}

.nav-btn img{width:40px;height:auto;padding:15px 0 0 18px;transition:.2s;}

.nav-btn:hover img{opacity:0.7;}

@media screen and (max-width: 1000px) {nav ul li a{font-size:15px;line-height:145%;}}

@media screen and (max-width: 700px) {
	
.nav-btn{top:27px;left:15px;width:auto;height:auto;background:none;}

.nav-btn img{width:40px;height:auto;padding:0;transition:.2s;}
	
}

/*** Content***/

.origin-solar{width:100%;display:flex;flex-wrap:wrap;margin-top:15px;}

.solar-top{flex:0 0 100%;padding:20px;box-sizing:border-box;background:#e7e7e8;}

.solar-bottom-right{padding:60px 40px 40px 40px;background:#f14a27;box-sizing:border-box;flex:0 0 50%;text-align:center;}

.solar-bottom-right p{color:white;text-align:center;max-width:400px;margin:0 auto;}

.solar-bottom-right h3{color:white;padding-bottom:30px;}

.solar-bottom-left{flex:0 0 50%;background:url(images/solar-image.jpg) center right no-repeat;background-size:cover;}

.testimonial{width:100%;border-left:125px solid #f14a27;border-right:50px solid #f14a27;background:#e7e7e8;box-sizing:border-box;padding:50px 50px 35px 100px;position:relative;margin-bottom:30px;margin-top:10px;display:block;}

.testimonial:before{content:"";width:90px;height:90px;background:url(images/quote.svg);background-size:cover;position:absolute;top:0;bottom:0;margin:auto;left:-45px;}

p.testimonial-heading{font-weight:bold;color:#f14a27;text-transform:uppercase;font-size:16px;}

.testimonial p{font-size:15px;line-height:165%;}

.gallery{width:calc(100% + 20px);margin-left:-10px;display:flex;flex-wrap:wrap;}

.gallery a{flex:0 0 20%;padding:10px;box-sizing:border-box;position:relative;}

.gallery a:before{content:"+";position:absolute;top:30px;bottom:30px;right:30px;left:30px;background:rgba(241,74,39,0.8 );display:flex;align-items:center;justify-content:center;font-weight:600;color:white;font-size:60px;opacity:0;transition:.3s;}

.gallery a:hover:before{opacity:1;}

.gallery a img{width:100%;}

img.feature{width:100%;height:auto;}

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

.gallery a{flex:0 0 25%;}	
	
}

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

.solar-bottom-right{padding:20px;flex:0 0 100%;}

.solar-bottom-right p{max-width:none;}

.solar-bottom-right h3{padding-bottom:15px;}

.solar-bottom-left{flex:0 0 100%;padding-top:50%;}
	
.testimonial{border-top:100px solid #f14a27;padding:85px 30px 35px 30px;border-left:none;border-right:none;}

.testimonial:before{top:-45px;bottom:auto;left:0;right:0;}
	
.gallery a{flex:0 0 33.33%;}
	
.gallery a:before{font-size:40px;}
	
}

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

.gallery a{flex:0 0 50%;}	
	
}

/*** Contact Page ***/

.contact{display:flex;width:100%;}

.contact-left{flex:0 0 50%;padding:30px 20px;background:#f14a27;box-sizing:border-box;}

.contact-left form{width:100%;position:relative;}

.contact-left .form-fields{width:100%;display:flex;flex-wrap:wrap;}

.form-fields input, .form-fields textarea{border:none;flex:0 0 calc(50% - 10px);box-sizing:border-box;padding:15px 12px;font-family: 'Quicksand', sans-serif;font-size:14px;color:black;margin-bottom:20px;font-weight:600;border-radius:0;-webkit-appearance:none;}

.form-fields textarea{flex:0 0 100%;height:125px;resize:none;}

.form-fields input:nth-child(odd){margin-right:10px;}

.form-fields input:nth-child(even){margin-left:10px;}

.form-fields input:focus, .form-fields textarea:focus{outline:none;background:#e7e7e8;}

.form-fields input::placeholder, .form-fields textarea::placeholder{color:#f14a27;font-weight:500;}

.contact-left form input[type=submit] {position:absolute;color:white;background:black;font-size:15px;font-weight:600;padding:10px 30px;border-radius:5px;border:none;right:0;bottom:0;font-family: 'Quicksand', sans-serif;transition:.2s;}

.contact-left form input[type=submit]:hover{cursor:pointer;color:#f14a27;}

.contact-right{flex:0 0 50%;background:url(images/contact-img.jpg) center center no-repeat;background-size:cover;}

.captcha-cont{max-width:232px;overflow:hidden;height:59px;}

.g-recaptcha{transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

.failure p{background:red;text-align:center;color:white;font-weight:600;padding:15px;margin-bottom:20px;}

.success p{background:green;text-align:center;color:white;font-weight:600;padding:15px;margin-bottom:20px;}


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

.contact{flex-direction:column;}

.contact-left{flex:1;width:100%;padding:20px;}

.contact-right{flex:1;height:200px;width:100%;}	
	
}

@media screen and (max-width: 600px) {
	
.contact-left{padding:15px;}

.form-fields input, .form-fields textarea{flex:0 0 100%;margin:0 0 15px 0;}
	
.form-fields input:nth-child(odd){margin-right:0;}

.form-fields input:nth-child(even){margin-left:0;}

.contact-left form input[type=submit] {position:static;margin:0 auto;display:block;width:100px;margin-top:15px;}
	
.captcha-cont{margin:0 auto;}
	
}


/* * * Menu Technical/Animations Controls the dimensions & animations of the menu. * * */

.js-ready #nav{height:100%;width:330px;box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);}.js-ready #nav .block{background:0 0}.js-ready #nav .close-btn{display:block;filter:alpha(Opacity=70);opacity:.7}.js-ready #nav .close-btn:focus,.js-ready #nav .close-btn:hover{filter:alpha(Opacity=100);opacity:1}.js-ready #nav{left:-330px}.js-ready #inner-wrap{left:0}.js-nav #inner-wrap{left:330px}.csstransforms3d.csstransitions.js-ready #nav{left:0;transform:translate3d(-100%,0,0);backface-visibility:hidden}.csstransforms3d.csstransitions.js-ready #inner-wrap{left:0!important;transform:translate3d(0,0,0);transition:transform .5s ease;backface-visibility:hidden}.csstransforms3d.csstransitions.js-nav #inner-wrap{transform:translate3d(330px,0,0) scale3d(1,1,1)}.csstransforms3d.csstransitions.js-ready #nav .block{filter:alpha(Opacity=70);opacity:.7;transition:opacity .3s .1s ease,transform .5s ease;transform:translate3d(330px,0,0) scale3d(.9,.9,.9);transform-origin:50% 0}.csstransforms3d.csstransitions.js-nav #nav .block{filter:alpha(Opacity=100);opacity:1;transform:translate3d(0,0,0)}

@media screen and (max-width: 1000px) {.js-ready #nav{width:250px;}.js-ready #nav{left:-250px}.js-nav #inner-wrap{left:250px}.csstransforms3d.csstransitions.js-nav #inner-wrap{transform:translate3d(250px,0,0) scale3d(1,1,1)}.csstransforms3d.csstransitions.js-ready #nav .block{transform:translate3d(250px,0,0)}}