.crf-ambassador-grid {
    padding: var(--global-vertical-padding) var(--global-lateral-padding);
}

.crf-ambassador-grid__filters {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}
.crf-ambassador-grid__filters-left {
    display: flex;
    flex-flow: row wrap;
    gap: 15px;
}

.crf-ambassador-grid__cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
    row-gap: 34px;
}

.ambassador-card {
    background-color: var(--crf--light-grey);
    border-radius: 4px;
    overflow: hidden;
}
.ambassador-card__content {
    padding: 26px 29px 20px;
}
.ambassador-card__title {
    color: var(--crf--shiny-blue);
    font-size: 24px;
    line-height: 24px;
}
.ambassador-card__job {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}
.ambassador-card__formation {
    color: var(--crf--middle-grey);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 26px;
}
.ambassador-card__link {
    color: var(--crf--shiny-blue);
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 19px;
}
.ambassador-card__cta {
    width: 100%;
}
.ambassador-card__img {
    display: block;
    width: 100%;
}

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

/* Pagination Facet
   ========================================================================== */
.wpgb-pagination-facet {
    margin-top: 35px;
}
@media screen and (min-width: 768px) {
    .wpgb-pagination-facet {
        margin-top: 60px;
    }
}
.wpgb-facet .wpgb-pagination li a {
    color: var(--crf--middle-grey);
}
.wpgb-facet .wpgb-pagination li a[aria-current] {
    background-color: var(--crf--shiny-blue);
    color: var(--crf--white) !important;
    border-radius: 4px;
}
.wpgb-pagination-facet {
    display: flex;
    flex-direction: row;
    justify-content: center;
}






/* 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);
}
.wpgb-facet-5 {
    max-width: 305px;
}

.crf-ambassador-grid__popin {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-color: rgba(0,0,0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    padding: 5%;
    transition: all 500ms ease-in-out;
}
.crf-ambassador-grid__popin.active {
    pointer-events: all;
    opacity: 1;
    z-index: 20;
}

.crf-ambassador-grid__popin-container {
    position: relative;
    background-color: white;
    padding: 5%;
    overflow: auto;
    max-height: 100%;
    width: 100%;
    max-width: 860px;
    
    
    overscroll-behavior: contain;
}

.crf-ambassador-grid__popin-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--crf--shiny-blue);
    cursor: pointer;
    transition: all 350ms ease-in-out;
}
.crf-ambassador-grid__popin-close:hover {
    background-color: var(--crf--shiny-blue);
}
.crf-ambassador-grid__popin-close:hover .popin-line {
    background-color: white;
}
.crf-ambassador-grid__popin-close .popin-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background-color: var(--crf--shiny-blue);
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 350ms ease-in-out;
}

.crf-ambassador-grid__popin-close .popin-line:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.crf-ambassador-grid__popin-title {
    color: var(--crf--shiny-blue);
}
.crf-ambassador-grid__form-container {
    margin-top: 20px;
}

.crf-ambassador-grid__form-container .gform_wrapper {
    padding: 0;
}
.crf-ambassador-grid__form-container .gform_title {
    display: none;
}

@media screen and (max-width: 768px) {
    .crf-ambassador-grid__popin-container {
        padding: 70px 5% 40px;
    }
}

/* Reset Facets Facet
   ========================================================================== */
.crf-ambassador-grid .wpgb-facet .wpgb-reset {
    position: relative;
    background: none;
    color: var(--crf--shiny-blue);
    margin-bottom: 0;
    font-size: 15px;
    line-height: 16px;
    padding: 0;
}
.crf-ambassador-grid .wpgb-facet .wpgb-reset:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50' fill='%230970E6' version='1.1'%3E%3Cpath d='M28.0551256,3 C40.1749451,3 50,12.8250549 50,24.9448744 C50,37.0646938 40.1749451,46.8897497 28.0551256,46.8897497 C24.585747,46.8908078 21.1656082,46.0688032 18.0756362,44.4912537 C17.0513613,43.9653058 16.6473875,42.7086019 17.1733354,41.684327 C17.6992833,40.6600521 18.9559872,40.2560783 19.9802621,40.7820261 C22.4774675,42.0663712 25.2470204,42.7310639 28.0551256,42.7199934 C35.2455226,42.7199933 41.7278677,38.3884914 44.4793188,31.7453501 C47.2307699,25.1022089 45.7094459,17.4557535 40.6247694,12.3716731 C35.5400929,7.28759262 27.8934593,5.76716501 21.2506406,8.51939483 C15.2267318,11.0152001 11.1041386,16.5788498 10.3888562,22.9559624 L13.0890172,20.2583277 C13.9072257,19.4691705 15.2069344,19.4813745 16.0101798,20.2857569 C16.8134253,21.0901393 16.8237909,22.3898639 16.0334772,23.2069553 L9.7819699,29.4584626 C9.39143601,29.8480105 8.86238341,30.0668254 8.31078186,30.0669433 C7.75845835,30.0673775 7.22855497,29.8485206 6.83750998,29.4584626 L0.586002708,23.2069553 C-0.204311067,22.3898639 -0.193945413,21.0901393 0.609300053,20.2857569 C1.41254552,19.4813745 2.71225414,19.4691705 3.53046263,20.2583277 L6.20158088,22.9292619 C7.21919589,11.7542096 16.6148332,3 28.0551256,3 Z' /%3E%3C/svg%3E");
    right: -30px;
    top: -2px;
    position: absolute;
    width: 20px;
}

.crf-ambassador-grid .wpgb-search-facet {
    background: none;
    color: var(--crf--shiny-blue);
    height: 100%;
}
.crf-ambassador-grid .wpgb-search-facet label {
    height: 100%;
}
.crf-ambassador-grid fieldset {
    margin-bottom: 0 !important;
    height: 100%;
}
.crf-ambassador-grid .wpgb-search-facet .wpgb-input-icon,
.crf-ambassador-grid .wpgb-facet-title {
     display: none!important;
}
.crf-ambassador-grid .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;
}

@media screen and (max-width: 550px) {
    .crf-ambassador-grid__filters {
        gap: 15px;
    }
    
    .crf-ambassador-grid__filters-left .wpgb-facet .wpgb-select,
    .crf-ambassador-grid__filters-left .wpgb-facet{
        width: 100%;
        max-width: inherit;
    }
    .crf-ambassador-grid .wpgb-facet .wpgb-search-facet input[type="search"] {
        min-width: 100%;
        width: 100%;
        min-height: 50px;
    }
}