.crf-post-grid {
    padding: 25px var(--global-lateral-padding) var(--global-vertical-padding);
}

.crf-post-grid__cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(285px, 285px));
    gap: 35px 20px;
    padding-top: 40px;
    border-top: 1px solid var(--crf--middle-grey-2);
}
.crf-post-grid__filters {
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
}
.crf-post-grid__filters .wpgb-facet {
    max-width: 300px;
}
.crf-post-grid__filters .wpgb-search-facet {
    background: none;
    color: var(--crf--shiny-blue);
    height: 100%;
}
.crf-post-grid__filters .wpgb-search-facet label {
    height: 100%;
}
.crf-post-grid__filters fieldset {
    margin-bottom: 0 !important;
    height: 100%;
}

.crf-post-grid__filters .wpgb-facet-title {
     display: none!important;
}
.crf-post-grid__filters .wpgb-search-facet .wpgb-input-icon {
    color: var(--crf--shiny-blue);
}

.crf-post-grid__filters .wpgb-facet .wpgb-search-facet input[type="search"] {
    background-color: var(--crf--light-grey);
    border: none;
    border-radius: 4px;
    height: 100%;
    font-size: 14px;
    font-weight: 300;
    padding: 6px 20px 6px 40px;
}

@media screen and (max-width: 768px) {
       
    .crf-post-grid__cards {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
    }
    .crf-post-grid__filters {
        flex-direction: column;
        gap: 15px;
    }
    .crf-post-grid__filters .wpgb-facet {
        max-width: inherit;
        width: 100%;
        min-height: 50px;
    }
}

/* Select dropdown Facet
   ========================================================================== */
:root {
    --dropdown-bg-color: var(--crf--white);
    --dropdown-text-color: var(--crf--shiny-blue);
    
    --dropdown-bg-color--hover: var(--crf--light-grey);
    --dropdown-text-color--hover: var(--crf--shiny-blue);
    
    --dropdown-bg-color--active: var(--crf--shiny-blue);
    --dropdown-text-color--active: var(--crf--white);
    
    --dropdown-bg-color--active--hover: var(--crf--shiny-blue);
    --dropdown-text-color--active--hover: #F9F9FB;
}
.wpgb-facet .wpgb-select {
    --select-bgcolor: var(--crf--light-grey);
    --line-height: 16px;
    --down-button-arrow-color: var(--crf--shiny-blue);
    
    background-color: var(--select-bgcolor);
    border: none;
    border-radius: 4px;
    height: auto;
    font-size: 14px;
    line-height: var(--line-height);
}
.wpgb-select-placeholder input[type="text"] {
    font-weight: 300;
    height: var(--line-height) !important;
}

/* select dopdown "down" button arrow */
.wpgb-select .wpgb-select-controls button {
    padding-right: 20px;
}
.wpgb-select button svg {
    fill: var(--down-button-arrow-color) !important;
}

/* select dropdown placeholder */
.wpgb-facet .wpgb-select-placeholder {
    font-size: inherit;
    line-height: inherit;
    margin: 15px 0px 15px 20px;
}

/*.wpgb-facet .wpgb-select.wpgb-select-focused {*/
/*    border: 1px solid var(--dark-purple);*/
/*}*/

/*.wpgb-facet select.wpgb-select:not([multiple]) {*/
/*    padding: 14px 20px;*/
/*}*/

/* make the separator subtetly hide sentences */
.wpgb-select .wpgb-select-controls .wpgb-select-separator {
    background: none;
    position: relative;
}
.wpgb-select-separator::before {
    content: "";
    position: absolute;
    width: 2em;
    background: linear-gradient(90deg, transparent, var(--select-bgcolor));
    height: 100%;
    right: 0;
}

/* open dropdown */
.wpgb-select-dropdown > ul {
    padding: 12px !important;
    display: flex;
    flex-flow: column nowrap;
    row-gap: 8px;
}
.wpgb-select-dropdown > ul > .wpgb-select-item {
    background: var(--dropdown-bg-color);
    color: var(--dropdown-text-color);
}
.wpgb-select-dropdown > ul > .wpgb-select-item:hover {
    background: var(--dropdown-bg-color--hover);
    color: var(--dropdown-text-color--hover);
}
.wpgb-select-dropdown > ul > .wpgb-select-item[aria-selected="true"], /* selected item in dropdown */
.wpgb-select-dropdown > ul > .wpgb-select-item.wpgb-focused[aria-selected="true"] {  /* rollover over a selected item in dropdown */
    background: var(--dropdown-bg-color--active--hover);
    color: var(--dropdown-text-color--active--hover);
}
.wpgb-select-dropdown > ul > .wpgb-select-item.wpgb-focused { /* rollover in dropdown */
    background: var(--dropdown-bg-color--hover);
    color: var(--dropdown-text-color--hover);
}

@media screen and (min-width: 768px) {
    .crf-post-grid__cards {
        gap: 30px 20px;
    }
}


select.wpgb-select[name="thematiques_posts"] {
    background-color: var(--crf--light-grey) !important;
    border-width: 0px !important;
    font-size: 16px !important;
    line-height: 17px !important;
    font-weight: 300 !important;
    padding: 15px 48px 15px 20px !important;
    height: 47px !important;
    color: var(--crf--middle-grey);
}
select.wpgb-select[name="thematiques_posts"] + .wpgb-select-controls > .wpgb-select-separator {
    display: none;
}
select.wpgb-select[name="thematiques_posts"] + .wpgb-select-controls svg {
    color: var(--crf--shiny-blue);
}