/*
Theme Name: Langen Electrical
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Langen Electrical
Author: Hopping Mad Design
Author URI: http://www.hoppingmad.com.au/
*/

/* =====================
Reset
======================== */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;vertical-align:top}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;  margin: 0; }
input[type="search"] {	-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}
input{-webkit-appearance: none;}

/* =====================
Defaults
======================== */
html,body{height:100%;margin:0; }
html{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5% ;
}
body{font-family:'Open Sans', sans-serif;color:#004963; }
img{border-style:none;}
a{text-decoration:none;color:#f57e26;}
a:hover{color:#666666;}
input,textarea,select{font:100% 'Open Sans', sans-serif; vertical-align:middle}
form,fieldset{border-style:none;margin:0;padding:0;font:100% 'Open Sans', sans-serif;}

img.alignleft {margin: 0 15px 15px 0;}
.alignleft {float: left;}
img.alignright {margin: 0 0 15px 15px;}
.alignright {float: right;}
.aligncenter {margin:15px auto;}

h1, h2, h3, h4, h5, h6{
    margin: 0 0 0.7em;
    padding: 0;
}
h2{
	font-size:18px;
}
h3{
	font-size:18px;
}
h4{
	font-size:1.5rem;
}

/* =====================
Text Styles
======================== */
.elementor-text-editor p{
	margin:0 0 0.6em;
}
.elementor-text-editor ul, ol{
	margin:0 0 0.6em;
}
.elementor-text-editor ul li{
	padding-left:5px;
	margin:0 0 0.2em 12px;
}
.elementor-text-editor ol li{
	padding-left:5px;
	margin:0 0 0.2em 12px;
}
.elementor-text-editor h2,.elementor-text-editor h3, .elementor-text-editor h4{
	margin-top:1.4em;
}
.elementor-text-editor h2:first-child,.elementor-text-editor h3:first-child, .elementor-text-editor h4:first-child{
	margin-top:0;
}

/* =====================
Layout
======================== */
.clear{clear: both;}

.header-menu .elementor-nav-menu li{

}
.header-menu .elementor-nav-menu .sub-menu li a{
	padding-left:10px !important;
	padding-right:10px !important; 
}
.header-menu .elementor-nav-menu .sub-menu li{
    border-right:none;
	
}
.header-menu .elementor-nav-menu .sub-menu {
	width:220px !important;
}
.service-icon.elementor-cta--skin-classic  .elementor-cta__bg-wrapper{
    width:135px;
    margin:0 auto 25px;
    min-height:135px;
}
.service-icon.elementor-cta--skin-classic .elementor-cta__content,
.why-icon.elementor-cta--skin-classic .elementor-cta__content{
	padding:0;
	background:none;
}
.service-icon.elementor-cta--skin-classic .elementor-cta__bg-overlay,
.why-icon.elementor-cta--skin-classic .elementor-cta__bg-overlay{
	display:none !important;
}
.why-icon.elementor-cta--skin-classic  .elementor-cta__bg-wrapper{
    width:105px;
    margin:0 auto 25px;
    min-height:105px;
}
.heading-2 h3, .heading-2 h2{
	display:inline-block;
	border-bottom:7px solid #cccccc;
	padding:0 10px 12px !important;
}
.testimonial{
	max-width:710px;
	margin:auto;
}
.form-col-1,.form-col-2{
	width:31.8%;
	margin-right:2.3%;
	float:left;
}
.form-col-3{
	width:31.8%;
	float:left;
}
.gfield input,.gfield textarea,.gfield select{
	width:100% !important;
	font-size:14px !important;
	height:40px !important;
	line-height:40px !important;
}
.enquire-form ::-webkit-input-placeholder { 
	opacity:1;
	color:#fff !important;
}
.enquire-form ::-moz-placeholder {
	opacity:1;
	color:#fff !important;
}
.enquire-form :-ms-input-placeholder { 
	opacity:1;
	color:#fff !important;
}
.enquire-form :-moz-placeholder { 
	opacity:1;
	color:#fff !important;
}
.enquire-form input:focus::-webkit-input-placeholder { 
	opacity:0;
}
.enquire-form input:focus::-moz-placeholder {
	opacity:0;
}
.enquire-form input:focus:-ms-input-placeholder { 
	opacity:0;
}
.enquire-form input:focus:-moz-placeholder { 
	opacity:0;
}
body .gform_wrapper ul li.gfield{
	margin-top:12px;
}
body .gfield select{
	height:40px;
}
body .gform_wrapper .gfield textarea{
	height:140px;
}
body .gfield{
	display:inline-block;
	width:100%;
}
body .gform_wrapper .gfield.col-1-4 {
	width:25%;
	padding-right:15px !important;
}
.home-form .gform_footer{
	position:relative;
}
.home-form .gform_button{
	position:absolute;
	left:68.2%;
	top:-55px;
}
.home-blog .elementor-posts .elementor-post__title{
	margin-bottom:1em;
}
.footer-menu .sub-menu{
	display:none;
}
.footer-menu .elementor-nav-menu li{
    border-bottom:1px solid #fff;
}
.footer-menu{
	max-width:220px;
}
.enquire-form .gform_body{
	float:left;
	width:calc(100% - 135px);
	display:inline-block;
	vertical-align:middle;
}
.enquire-form .gform_footer{
	float:left;
	width:135px;
	display:inline-block;
	vertical-align:middle;
	clear:none;
	padding-top:12px !important;
	margin-top:0;
}
body  .ginput_container{
	margin:0 !important;
}

.footer-menu .elementor-nav-menu--main .elementor-nav-menu a, .footer-menu .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .footer-menu .elementor-nav-menu--main .elementor-nav-menu a:focus, .footer-menu .elementor-nav-menu--main .elementor-nav-menu a:hover{
	padding:12px 0;
}
body .elementor-2 .elementor-element.elementor-element-0912327 .eael-gravity-form .validation_error,
body .elementor-2 .elementor-element.elementor-element-0912327 .eael-gravity-form .validation_message{
	display:none !important;
}
.footer-content .elementor-text-editor p{
	margin:0 0 0.4em;
}
.design-by{
	display:none;
}
.home .design-by{
	display:block;
}
.service-box{
	margin-bottom:10px;
	max-width:300px;
}
.testimonial-wrapper{
	max-width:500px;
	margin:auto;
}
#sb_instagram .sb_instagram_header {
	text-align:center;
}
#sb_instagram .sb_instagram_header a{
	float:none;
	margin:auto;
	overflow:hidden;
	display:inline-block;
}
.elementor-slide-content span{
	-webkit-transform: translateX(-1000%); 
    transform: translateX(-1000%);
	display:inline-block;
}
.elementor-slide-content span:nth-child(1){
	-webkit-transition:-webkit-transform 0.5s ease-in-out ;
	transition:transform 0.5s ease-in-out ;
}
.elementor-slide-content span:nth-child(2){
	-webkit-transition:-webkit-transform 0.5s ease-in-out 0.1s;
	transition:transform 0.5s ease-in-out 0.1s;
}
.elementor-slide-content span:nth-child(3){
	-webkit-transition:-webkit-transform 0.5s ease-in-out 0.2s;
	transition:transform 0.5s ease-in-out 0.2s;
}
.elementor-slide-content span:nth-child(4){
	-webkit-transition:-webkit-transform 0.5s ease-in-out 0.3s;
	transition:transform 0.5s ease-in-out 0.3s;
}
.elementor-slide-content span:nth-child(5){
	-webkit-transition:-webkit-transform 0.5s ease-in-out 0.4s;
	transition:transform 0.5s ease-in-out 0.4s;
}
.elementor-slide-content span:nth-child(6){
	-webkit-transition:-webkit-transform 0.5s ease-in-out 0.5s;
	transition:transform 0.5s ease-in-out 0.5s;
}
.elementor-slide-content span:nth-child(7){
	-webkit-transition:-webkit-transform 0.5s ease-in-out 0.6s;
	transition:transform 0.5s ease-in-out 0.6s;
}
.elementor-slide-content.active span{
	-webkit-transform: translateX(0); 
    transform: translateX(0);
}
.enquire-form .gform_confirmation_message{
	background:rgba(0,0,0,0.5);
	padding: 10px 20px;
	margin-top:10px;
	display:inline-block;
}
.gform_wrapper li.hidden_label input{
	margin-top:0;
}
.service-icon .elementor-cta__bg {
	transition: all .1s ; 
	background-size:40%;
	background-position:center;
	background-repeat:no-repeat;
	border:2px solid #fff;
	-webkit-border-radius:50%;
	border-radius:50%; 
}

.service-icon:hover .elementor-cta__bg {
  /*transform: scale(1.3);*/
	background-size:50%;
}
#input_2_4-menu .ui-menu-item:first-child{
	display:none;
}
.ui-selectmenu-button{
	width:100% !important;
	background: rgba(0,0,0,0.5) !important;
	color:#fff;
	border:1px solid #fff;
	-webkit-border-radius:0;
	border-radius:0;
	font-size:14px;
	line-height:38px;
	padding:0 0 0 10px;
	margin:0;
}
.ui-selectmenu-button:hover,
.ui-selectmenu-button:focus{
	color:#fff;
}
.ui-selectmenu-text{
	margin:0;
}
.ui-selectmenu-icon{
	margin-top:11px !important;
}
.ui-widget.ui-widget-content{
	border:1px solid #fff;
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-size:14px;
}
.ui-state-active{
	background:000;
}
.ui-menu-item-wrapper {
	padding:0 10px !important;
	line-height:38px;
	border-bottom:1px solid #fff !important;
	text-transform:uppercase;
}
.ui-menu-item:last-child .ui-menu-item-wrapper {
	border:none !important;
}

@media screen and (max-width:768px){
	.form-col-1,.form-col-2,.form-col-3{
		width:100%;
		margin-right:0;

	}
	.home-form .gform_button{
		position:relative;
		left:auto;
		top:auto;
	}
	.enquire-form .gform_body{
		width:100%;
	}
	.enquire-form .gform_footer{
		width:100%;
	}
	body .gfield.col-1-4 {
		width:50%;
	}
	body .elementor-slide-heading{
		padding:30px 15px 15px;
	}
	body .elementor-slide-description{
		padding: 0 15px 30px;
	}
}

@media screen and (max-width:500px){
	body .gform_wrapper .gfield.col-1-4 {
		width:100%;
	}
	.home-header-form input[type="submit"]{
		color:#000 !important;
		background:#fff !important;
	}
	.home-header-form{
		background:#000;
	}
	.elementor-2 .elementor-element.elementor-element-b4f4470 > .elementor-widget-container,
	.elementor-2 .elementor-element.elementor-element-8f38cf4 > .elementor-widget-container{
		padding:0 !important;
	}
}