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

/* HOME */
.elementor-element-e414786 h1{
    font-family: "Inter", Sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 2rem;
}

.elementor-element-4f47a76 h5, .elementor-element-53d15f3 h5{
    margin : 0px;
    padding: 0px;
    display: inline;
}

.elementor-item-active{
    background-image: url('https://www.toituremassonpierre.be/wp-content/uploads/2024/01/roof_link.png');
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: center;
    color: #ed1b24 !important;
}

#nos-realisations-galerie a{
    background-image: none;
    font-weight: 500 !important;
    font-size: 19px;
    text-transform: uppercase;
}

#nos-realisations-galerie a:active{
    background-image: none;
    font-weight: 500 !important;
    font-size: 19px;
    text-transform: uppercase;
}

#nos-realisations-galerie .elementor-item::after{
    content: unset;
}

#nos-realisations-galerie .elementor-gallery__titles-container{
    margin-bottom: 35px !important;
}

.elementor-nav-menu--main li{
    height : 95px;
}

.funfact-title{
    width : 185px !important;
    text-align: center !important;
    padding-top: 5px !important;
    font-weight: 400 !important;
}

.elementor-element-d359676 a{
    color: #565656 !important;
    font-weight: 600 !important;
}

.elementor-element-d359676 a:visited{
    color: #565656 !important;
    font-weight: 600 !important;
}

.elementor-element-d359676 a:hover{
    color: #ed1b24 !important;
    font-weight: 600 !important;
}

#header .coordonnees a{
    color: #ffffff !important;
    font-weight: 600 !important;
}

#header .coordonnees a:visited{
    color: #ffffff !important;
    font-weight: 600 !important;
}

#header .coordonnees a:hover{
    color: #ed1b24 !important;
    font-weight: 600 !important;
}

/* NOS RÉALISATIONS */

#nos-realisations-texte a, #nos-realisations-texte a:visited, #nos-realisations-texte a:active{
    color: #ed1b24 !important;
}

#nos-realisations-texte a:hover{
    color: #565656 !important;
}

/* CONTACT */

#contact a, #contact a:visited{
    color: #FFFFFF !important;
}

#contact a:hover{
    color: #ed1b24 !important;
}

.contact-formulaire-bouton{
    background-color : #ed1b24 !important;
    border-radius: 0 !important;
    height: auto !important;
    padding: 25px 50px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    border:solid 1px #ed1b24 !important;
}

.contact-formulaire-bouton:hover{
  color: #ed1b24 !important;
  background: #FFFFFF !important;
  border:solid 1px #ed1b24 !important;
  box-shadow: none !important;
  padding: 25px 50px !important;

}

/* FOOTER */

.txt_footer{
    text-align: center;
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color : #FFFFFF;
}

#footer a, #header a{
    color : #FFFFFF;
}

#footer a:visited, #header a:visited{
    color : #FFFFFF;
}

#footer a:hover, #header a:hover{
    color : #ed1b24;
}

#footer .mentions-legales a:hover{
    color : #565656 !important;
}

/* MENTIONS LÉGALES */

#mentions-legales h3{
    color : #ed1b24;
}

/*RESPONSIVE*/
/*MOBILE*/
@media only screen and (max-width: 768px) {
    .elementor-element-f99cd2c, .elementor-element-b051d0e, .elementor-element-d29bf72{
        display : none;
    }

    .elementor-item-active{
        background-image: none !important;
    }

    .elementor-menu-toggle{
        margin-right : 30px;        
    }

    .elementor-element-83b0180{
    margin-left: 20px;
    }

    #header a{
        color: #565656 !important;
    }
    
    #header a:visited{
        color: #565656 !important;
    }

    #header a:active{
        color: #ed1b24 !important;
    }
    
    #header a:hover{
        color: #ed1b24 !important;
    }

    .elementor-menu-toggle{
        top: -90px;
        position: absolute;
        left: 20px;
    }

    .elementor-28 .elementor-element.elementor-element-cbb7d58 .elementor-nav-menu__container.elementor-nav-menu--dropdown{
        margin-top: 0px !important;
        top : -15px !important;
    }

    .elementor-28 .elementor-element.elementor-element-7a29598{
        --min-height: 159px;
    }

    .elementor-28 .elementor-element.elementor-element-73b22eb{
        --min-height: 255px;
    }

    #nos-services{
        background-image: none !important;
    }

    #nos-realisations{
        background-image: none !important;
    }

    #nos-services{
        background-image: none !important;
    }

    #contact{
        background-image: none !important;
    }

    .funfacts .elementor-widget-container{
        border: 0px !important;
    }
}

/*TABLETTE*/
@media only screen and (min-width: 768px) and (max-width: 1200px){ 
    #header #menu-2-cbb7d58 a{
        color: #565656 !important;
    }
    
    #header #menu-2-cbb7d58 a:visited{
        color: #565656 !important;
    }

    #header #menu-2-cbb7d58 a:active{
        color: #ed1b24 !important;
    }
    
    #header #menu-2-cbb7d58 a:hover{
        color: #ed1b24 !important;
    }

    .elementor-item-active{
        background-image: none !important;
    }

    .elementor-menu-toggle{
        margin-right: 50px;
    }

    
    #nos-services{
        background-image: none !important;
    }

    #nos-realisations{
        background-image: none !important;
    }

    #nos-services{
        background-image: none !important;
    }

    #contact{
        background-image: none !important;
    }

    .elementor-element-cf6679b{
        overflow: visible !important;
        height : auto !important;
        z-index: 1 !important;
    }
}