/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.row-dashed .col:first-child:before, .row-solid .col:first-child:before {
    border: 0px !important;
}

.page-title {
    padding: 65px 0px !important;
}

span.header-small {
    color: #8E8E8E !important;
    margin-right: 8px;
	  font-size: 15px;
}

span.header-big a {
    color: #39B54A !important;
    font-weight: 900;
    font-size: 28px;
}

.header-button a.button.plain.is-medium {
    line-height: 55px;
	font-size: 13px;
    background: #050556;
    padding: 0px 20px;
    border:0px;
    transition: .3s background;
    -webkit-transition: .3s background;
    -o-transition: .3s background;
    -moz-transition: .3s background;
}

.header-button a.button.plain.is-medium:hover {
    background: #3FB34F;
    opacity: 1;
    box-shadow: none;
}

.row a.button, .banner a.button, input.gform_button {
    padding: 5px 30px;
    font-size: 15px !important;
}

.homepage-services-row .col .col-inner {
    border: 1px solid #E6E6E6;
}

.homepage-services-row {
    margin-top: -10px !important;
}

.header-bottom-nav > li > a {
    font-size: 13px;
}

.nav-spacing-xlarge>li {
    margin: 0 13px;
}

.homepage-services-row .col-inner a {
    text-decoration: underline;
}

.homepage-services-row .col .col-inner {
    transition: .5s box-shadow;
    -webkit-transition: .5s box-shadow;
    -o-transition: .5s box-shadow;
    -moz-transition: .5s box-shadow;
}
    

.homepage-services-row .col .col-inner:hover {
    -webkit-box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2);
}

h1, .banner h1 {
    font-size: 33px !important;
    margin-bottom: 25px;
}

.slider h3 {
    line-height: 40px !important;
}

.flickity-page-dots {
    bottom: 40px;
}

/* PAGE TITLE */

.page-title p {
    margin-bottom: 0px;
}

.page-title h1.p1 {
    margin-bottom: 5px;
}

/* SIDEBAR LIST STYLE TYPES */

.sidebar-wrapper li:before {
    background-image: url(https://www.dqelectrical.com.au/wp-content/uploads/2018/03/Blue_Arrow.png);
    width: 9px;
    height: 10px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    left: -16px;
    top: 6px;
}

ul li { position:relative; }

.sidebar-wrapper ul {
    margin-bottom: 30px;
}

.sidebar-wrapper li { 
    transition: .5s margin-left; 
    -webkit-transition: .5s margin-left; 
    -o-transition: .5s margin-left;
    -moz-transition: .5s margin-left;
}

.sidebar-wrapper li:hover {
    margin-left: 40px;
}

/* CONTENT LIST STYLE TYPES */

.col.medium-8.small-12.large-8 ul li.li1 {
    list-style-type: none;
    margin-left: 40px;
}

.col.medium-8.small-12.large-8 ul li.li1:before {
    background-image: url(https://www.dqelectrical.com.au/wp-content/uploads/2018/03/Green_Arrow.png);
    width: 9px;
    height: 10px;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    left: -21px;
    top: 6px;
}

.col.medium-8.small-12.large-8 .col:before, .col.medium-8.small-12.large-8 .col:after {
    display: none !important; 
}

.ginput_container input {
    width: 100% !important;
}

.ginput_container select {
    padding: 2px 10px !important;
}

.nav .nav-dropdown {
    border: 0px;
    padding: 0px;
    top: 47px;
}

.nav li .nav-dropdown a {
    color: #131872;
}

.nav-column li>a, .nav-dropdown>li>a {
    padding: 15px 20px;
}

.sitemap ul.menu>li:before, .sitemap .widget>ul>li:before { display:none; }

.sitemap .sidebar-wrapper li:hover {
    margin-left: initial;
}

.sitemap ul, .sitemap ul li, .sitemap ul li a {
    border: 0px !important;
}

.row-solid .sitemap .col:before, .row-solid .sitemap .col:after { display: none; }


/* MOBILE STYLING */

@media screen and (max-width: 850px) {
li.html.header-button-1, .header-button, .header-button a.button.plain.is-medium {
    width: 100%;
    color: white !important;
    background: #131872;
}

.off-canvas-center .nav-vertical>li>a {
    font-size: 20px;
}

.off-canvas-center a.button.plain.is-medium {
    font-size: 20px !important;
    background: #131872;
}

.off-canvas .sidebar-menu {
    padding: 0px 0 30px !important;
}
}

@media screen and (max-width: 550px) {
     .small-6 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }   
    
        .text-box .text {
        font-size: 13px !important;
    }
    
    .slider h3 {
        line-height: 32px !important;
    }
    
    .home .slider .gap-element {
        padding-top: 10px !important;
    }
    
    .home .banner a.button {
        padding: 5px 20px;
    }
    
    .header-button a.button.plain.is-medium:hover {
        background: initial;
    }
    
    .col.medium-4.small-12 {
        padding-top: 40px;
    }
    
    .text-box {
        width: 90% !important;
    }
    
}

@media screen and (max-width: 1150px) {
    .header-bottom-nav > li > a {
        font-size: 12px;
    }
    
    .nav-spacing-xlarge>li {
    margin: 0 14px;
}

.header-button a.button.plain.is-medium {
    font-size: 12px;
    padding: 0px 15px;
}
}

@media screen and (max-width: 980px) {
    .header-button a.button.plain.is-medium {
        padding: 18px 20px;
        line-height: initial !important;
    }
}

@media screen and (max-width: 1100px) {
    .nav-spacing-xlarge>li { margin: margin: 0px 13px; }
    .header-bottom-nav > li > a {
    font-size: 11.5px;
}
}

@media screen and (max-width: 1060px) {
.nav li:last-child {
    padding-right: 13px;
}

.header-button a.button.plain.is-medium {
    padding: 18px 13px;
    line-height: normal !important;
}
}

@media screen and (max-width: 1020px) {
.header-button a.button.plain.is-medium {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
}