/* 
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
*/

/* Add your custom styles here */
#header_bg {
    position: relative;
    background: #363649; /* couleur principale du conteneur */
    overflow: hidden;
    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: 50% 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: 50% 100%;
    background-position: left top, right top;
    background-repeat: no-repeat;
    z-index: 1;
}