/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#header_bg {
    position: relative;
    background: #363649;
    height: 80px;
}

/* Bordure blanche */
#header_bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
background:
linear-gradient(150deg, #F9B234 51%, transparent 51.1%),
linear-gradient(-150deg, #F9B234 51%, transparent 51.1%);
background-size: 35% 100%;
background-position: left top, right top;
background-repeat: no-repeat;
z-index: 2;
}

/* Triangles orange */
#header_bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(
        150deg, #FFFFFF 53%, transparent 53.1%
    ), 
    linear-gradient(
        -150deg, #FFFFFF 53%, transparent 53.1%
    );
    background-size: 37% 100%;
    background-position: left top, right top;
    background-repeat: no-repeat;
    z-index: 1;
}

.btn-form-contact{
    background-color: #363649 !important;
}

.btn-form-contact:hover{
    background-color: #F9B234  !important;
    background:#F9B234 !important;
}

@media (max-width: 767px){
    .sstitre_mobile .elementor-heading-title{
        color :#F9B234 !important;
    }

    #cta_sticky {
        padding-bottom: calc(15px + env(safe-area-inset-bottom)) !important;
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0); /* Force l'accélération GPU */
        will-change: transform;
    }
}

#couverture, #charpente, #isolation, #bardage, #carport, #epdm, #zinguerie, #reparation, #pose-velux {
    scroll-margin-top: 150px;
}