/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/**
    Fonts
*/


/**
    General Style
*/

html,body{
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.loader{
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
}

.admin-bar{
    #nav_header{
        margin-top: 30px;
    }
    #nav_header_mobile{
        margin-top: 46px;
    }
}

#main-content{
    position: relative;
    z-index: 1;
}

#nav_header, #nav_header_mobile{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

#nav_container_mobile{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
}

.__lines{
    padding-top: 5px;
}

.metier-selector{
    transition: 0.5s all;
    &.active{
        background : #E35427;

        .et_pb_text .et_pb_text_inner h3{
            color: #FFFFFF !important;
        }

        svg{
            fill: #E35427;

            path{
                fill: #FFFFFF;
            }
        }
        &.installation{
            svg{
                path{
                    &:nth-child(1){
                        stroke: #FFFFFF;
                        fill: #E35427;
                    }
                    &:nth-child(2){
                        fill: #FFFFFF;
                    }
                }
            }
        }
    }
    svg{
        @media screen and (max-width: 1024px){
            margin-bottom: 35px !important;
        }
    }
}

.swiper-pagination{
    bottom: -30px !important;
    .swiper-pagination-bullet-active{
        background : #E35427 !important;
    }
}

.swiper-button-prev, .swiper-button-next{
    svg{
        polygon{
            fill: #fff;
        }
    }

    &:after{
        display: none;
    }
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    /* background-color: #fff3f3; */
    border: 2px solid #E35427;
    border-radius: 100px;
    padding: 2px;
    color: #E35427;
    padding: 30px;
    font-family: "ITC Avant Garde Demi";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.2px;
    width:100%
   
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    &::placeholder {
        color: #E35427;
        font-family: "ITC Avant Garde Demi";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.2px;
    }
    &:focus {
        border: 2px solid #E35427;
    }
}

textarea {
    border-radius: 25px;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 100px;
    background: #E35427;
    width: 100%;
    font-family: "ITC Avant Garde Demi";
    color: #ffffff;
    font-weight: 600;
    border: none;
    padding: 20px;
    font-size: 20px;
}

.wpcf7-spinner {
    position: absolute;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    position: absolute;
}

footer{
    &.et-l--footer{
        &.fixed{
            position: fixed;
            width: 100%;
            bottom: 0;
            left: 0;
        }
    }
}