@charset "UTF-8";

.mdr-testimony-grid {
    padding: var(--mdr--padding-vertical) var(--mdr--padding-horizontal);
}


.mdr-testimony-grid__text {
    margin-top: 30px;
}

.mdr-testimony-grid__filters {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 30px;
    column-gap: 32px;
    
    margin-top: 30px;
}

/*.wpgb-facet[data-grid="mdr_testimony_grid_template"] .wpgb-select-facet,
.wpgb-facet[data-grid="mdr_testimony_grid_template"] .wpgb-sort-facet {
    padding: 6px 20px;
}*/
.wpgb-facet[data-grid="mdr_testimony_grid_template"] {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 16px;
}
.wpgb-facet button.wpgb-button.wpgb-reset {
    color: var(--mdr--eggplant-purple);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.mdr-testimony-grid__grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    grid-auto-rows: 303px;
    grid-gap: 20px;
    margin-top: 48px;
    
    transition: opacity 0.3s ease 0s;
    opacity: 1;
}
.mdr-testimony-grid__grid.wpgb-loading {
    opacity: 0;
}

.mdr-testimony-grid__grid__card .news-card__img {
    height: 285px;
}
.mdr-testimony-grid__main-filters {
    display: flex; 
    flex-flow: row wrap; 
    align-items: center; 
    row-gap: 30px; 
    column-gap: 16px;
}
.mdr-testimony-grid__label-and-dropdowns {
    display: flex; 
    flex-flow: row wrap; 
    align-items: center; 
    column-gap: 16px;
}
@media screen and (min-width: 768px) {
    .mdr-testimony-grid {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }
    .mdr-testimony-grid {
        display: grid;
        grid-template-areas: ". title   ."
                             ". txt     ."
                             ". filters ."
                             ". grid    .";
        /*grid-template-columns: 1fr min(100%, calc(1440px - 2 * var(--mdr--padding-horizontal))) 1fr;*/
        grid-template-columns: 1fr min(100%, 1116px) 1fr;
    }
    .mdr-testimony-grid__title,
    .mdr-testimony-grid__text {
        text-align: center;
    }
    .mdr-testimony-grid__title {
        grid-area: title;
    }
    .mdr-testimony-grid__text {
        grid-area: txt;
        margin-top: 40px;
    }
    .mdr-testimony-grid__filters {
        grid-area: filters;
        /*margin-top: 90px; décommentez si filtre sous header coloré*/
    }
    .mdr-testimony-grid__main-filters,
    .mdr-testimony-grid__label-and-dropdowns,
    .wpgb-facet[data-grid="mdr_testimony_grid_template"] {
        column-gap: 36px;
    }
    .mdr-testimony-grid__grid {
        grid-area: grid;
        
        grid-auto-rows: 375px;
        grid-gap: 28px;
        margin-top: 72px;
    }
    .mdr-testimony-grid__grid__card .news-card__img {
        height: 380px;
    }
}