/*
Theme Name: bravad
Author: bravad
Author URI: http://bravad.ca
Description: Wordpress bravad base theme, used as project's parent theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bravad
*/

.header-page {
    position: relative;
}
.header-page:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.header-page h1 {
    position: relative;
}

.logo {
    height: initial;
}

.page-template-Contenu .texte-head h2 {
    font-size: 24px;
    margin: 0 0 30px;
}
.page-template-Contenu .texte-head > h2 {
    text-align: center;
}
.goto {
    display: none;
}
.texte-head {
    height: initial;
}

.serv {
    text-align: center;
}

#form-2fa {
    display: none;
}

.ft-field--select:after {
    top: 55px;
}
span.ft-invalid,
.ft-field--textarea span.ft-invalid {
    font-size: 16px;
    top: 55px;
}
.ft-invalid input,
.ft-invalid select,
.ft-invalid textarea {
    border: 2px solid red;
}
.ft-confirmation {
    background: rgba(95, 207, 96, 0.5);
    border: 2px solid green;
    padding: 15px;
}

@media (max-width: 992px) {
    .adresse,
    .courriel,
    .telephone {
        margin-left: 0;
    }
    .max,
    .adresse,
    .telephone {
        text-align: left;
    }
    .max {
        margin: initial;
        max-width: initial;
        padding: 15px 0;
    }
    .adresse,
    .telephone {
        margin: 0;
        padding: 0;
    }

    .contain-menu {
        display: none;
        overflow: hidden;
        position: relative;
        transition: unset;
    }
    .contain-menu ul {
        display: block;
    }
    .btn-contact {
        display: block;
        margin: 0 auto;
        width: 75%;
    }
    .menu-menu-principal-container {
        display: unset;
    }
    .contain-menu.open {
        padding: 0 0 30px;
    }
}

@media (max-width: 640px) {
    .max,
    .adresse,
    .telephone {
        text-align: left;
    }
    .max {
        margin: initial;
        max-width: initial;
        padding: 15px 30px;
    }
}


footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .copyright, footer .madeby {
    float: none !important;
}

footer>p, footer>a {
    width: 25%;
    text-align: center;
}

@media screen and (max-width: 979px) {
    footer {
        flex-direction: column;
        align-items: center;
        justify-content: initial;
    }
    
    footer>p, footer>a {
    width: initial;
}

}