/*
Theme Name:     Groupe écho
Description:    Agences de communication - Angers, Troyes, Cholet
Author:         Maryline Cesbron
Template:       Divi
Version:        3.0
*/

/*
Rajoutez vos règles de CSS personnalisé ci-dessous
*/

@font-face {
    font-family: 'good-times';
    src: url('Fonts/good-times-rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.centrer-verticalement {
    display: flex;
    flex-direction: column;
    justify-content: center;

    /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
}

body {
    /*    hyphens: auto;*/
}

h1,
h2,
.gdtimes {
    font-family: good-times, sans-serif;
}

@media screen and (max-width:1460px) and (min-width:1321px) {
    #menuacc1 .df-menu-button {
        padding: 2% !important;
    }

    body #menuacc1 .difl_advancedmenuitem_1_tb_header .df-normal-menu-wrap .df-menu-nav > li.menu-item > a {
        /*        font-size: 15px !important;*/
    }

    body #menuacc1 .df-am-container .df-am-col.right {
        display: inline-block !important;
    }

    body #menuacc1 .df-am-container .df-am-col.right .df-menu-button {
        margin-bottom: 5px;
        margin-left: 0;
        text-align: center;
        font-size: 15px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media screen and (max-width:1320px) and (min-width:981px) {

    body #menuacc1 .df-am-container .df-am-col.left {
        /*        display: grid !important;*/
        width: 100%;
    }

    .df-am-container .df-am-col.left,
    .df-am-container .df-am-col.right {
        justify-content: center !important;
        margin-top: 10px;
    }

    body #menuacc1 .df-am-container .difl_advancedmenuitem_3_tb_header {
        margin-left: 10px;
    }

    .difl_advancedmenuitem_2_tb_header {
        margin-right: 5px;
    }

    .difl_advancedmenuitem_3_tb_header {
        margin-left: 5px;
    }

    body #menuacc1 .df-am-container .df-am-col.right .df-menu-button {
        margin-bottom: 5px;
        margin-left: 0;
        text-align: center;
        font-size: 15px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    body #menuacc1 .df-am-container .df-am-row .row-inner {
        display: block !important;
    }
}

@media screen and (max-width:980px) {
    #menuacc1 .df-am-col.center {
        display: block !important;
    }

    #menuacc1 .df-am-row.center-row {
        padding-top: 0 !important;
    }

    #menuacc1 a.difl_advancedmenuitem_2_tb_header {
        margin-bottom: 5px !important;
    }

    #menuacc1 a.difl_advancedmenuitem_2_tb_header,
    #menuacc1 a.difl_advancedmenuitem_3_tb_header {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        font-size: 14px !important;
    }
}

.page-id-243446 #ssb-container,
.page-id-243780 #ssb-container {
    display: none !important;
}

#ssb-btn-1,
#ssb-btn-0 {
    border-radius: 50px !important;
    margin-bottom: 5px !important;
}

#acc2sectact .et_pb_gutters1 .et_pb_column_9 {
    border-radius: 50px 0 0 50px;
}

#acc2sectact .et_pb_gutters1 .et_pb_column_10 {
    border-radius: 0 50px 50px 0;
}

.page-id-243608 .df-post-outer-wrap {
    min-height: 42vh;
}

body .df-mobile-menu {
    background-color: #000 !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

/* menu burger----- */


/*photos en angle*/
.difl_postlist .df-hover-effect img,
.imgdiag1 {
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

/*
.difl_imageaccordionitem:first-of-type {
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 10% 0);
}

.difl_imageaccordionitem:last-of-type {
    clip-path:
        polygon(100% 0, 90% 100%, 0 100%, 0 0);
}
*/

.imgdiag2 {
    clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
}

@media screen and (min-width:980px) {
    .imgdiag3 {
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    }
}

.formlosange {
    clip-path: polygon(0 0, 80% 0, 100% 100%, 20% 100%);
}



.page-id-243780 .df_ia_button,
.page-id-243780 .df_button_left,
.page-id-243780 .df_button_right {
    /*    transform: skewX(-10deg) skewY(0deg);*/
}


@media screen and (max-width: 980px) {
    .inverse {
        display: flex;
        flex-direction: column-reverse;
    }
}


@media only screen and (max-width: 980px) {


    /* Cibler la section avec les colonnes fusionnées */
    .fusion-columns .et_pb_row {
        display: flex;
        flex-wrap: wrap;
    }

    .fusion-columns .et_pb_column {
        width: 50% !important;
        /* Pour s'assurer que chaque colonne prenne 50% de la largeur */
        float: none !important;
        /* Désactiver le flottement pour un alignement fluide */
    }

    .fusion-columns .et_pb_row .et_pb_column:nth-child(1),
    .fusion-columns .et_pb_row .et_pb_column:nth-child(6) {
        order: 1;
    }

    .fusion-columns .et_pb_row .et_pb_column:nth-child(2),
    .fusion-columns .et_pb_row .et_pb_column:nth-child(7) {
        order: 2;
    }

    .fusion-columns .et_pb_row .et_pb_column:nth-child(3),
    .fusion-columns .et_pb_row .et_pb_column:nth-child(8) {
        order: 3;
    }

    .fusion-columns .et_pb_row .et_pb_column:nth-child(4),
    .fusion-columns .et_pb_row .et_pb_column:nth-child(9) {
        order: 4;
    }

    .fusion-columns .et_pb_row .et_pb_column:nth-child(5),
    .fusion-columns .et_pb_row .et_pb_column:nth-child(10) {
        order: 5;
    }

    .respcol3 .et_pb_column {
        width: 33%;
        margin: 0;
    }

    .respcol3 {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
}

@media only screen and (min-width: 980px) {
    
  .contact-menu {
        display: none;
}
    }