/* Extracted from template-page-equipe-CRJ.php in CRJ Refactor V4.8. */

.equipe-tabs {
        margin-top: 1.5rem;
    }

    .equipe-tab {
        border: 1px solid #cfe1e8;
        background: #fff;
        border-radius: 999px;
        padding: 0.42rem 0.78rem;
        font-size: 0.78rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        gap: 0.42rem;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
        transition: all 0.2s ease-in-out;
    }

    .equipe-tab span /* > span:first-of-type*/ {
        min-width: 1.35rem;
        height: 1.35rem;
        padding: 0 0.35rem;
        border-radius: 999px;
        font-size: 0.7rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        color: inherit;
    }

    .equipe-tab span /*> span:nth-of-type(2)*/
    {
       background: #ecf3f5; 
    }

    .equipe-tab:hover,
    .equipe-tab span:hover,
    .equipe-tab span:focus,
    .equipe-tab:focus {
        background: #ecf3f5;
        text-decoration: none;
    }

    .equipe-tab--all {
        color: #156c88;
    }

    .equipe-tab--all.is-active {
        background: #156c88;
        border-color: #156c88;
        color: #fff;
    }

    .equipe-tab--all.is-active  > span:first-of-type  {
        background: transparent;
        color: #fff;
    }

        .equipe-tab--all.is-active  > span:nth-of-type(2) {
        background: rgba(255, 255, 255, 0.22);
        color: #fff;
    }

    .equipe-tab--sante {
        color: #8eb51f;
    }

    .equipe-tab--emploi {
        color: #b44a9c;
    }

    .equipe-tab--autochtones {
        color: #e54e26;
    }

    .equipe-tab--citoyennete {
        color: #f5a400;
    }

    .equipe-tab--education {
        color: #00aee7;
    }

    .equipe-tab:not(.equipe-tab--all).is-active {
        background: currentColor;
        border-color: currentColor;
    }

    .equipe-tab:not(.equipe-tab--all).is-active .equipe-tab__label {
        color: #fff;
    }

    .equipe-tab:not(.equipe-tab--all).is-active  > span:first-of-type {
        background: transparent;
        color: #fff;
    }

    .equipe-tab:not(.equipe-tab--all).is-active  > span:nth-of-type(2) {
        background: rgba(255, 255, 255, 0.28);
        color: #fff;
    }    

    .crj-team-tabs-section {
        padding: 2.5rem 0 1.5rem;
        background: transparent;
    }

    .crj-team-content-section {
        padding: 2rem 0 4rem;
    }

    .crj-team-empty {
        display: none;
        margin: 0;
        color: #667085;
    }

    .crj-team-group.is-empty .crj-team-empty {
        display: block;
    }

    @media (max-width: 575.98px) {
        .equipe-tab {
            font-size: 0.68rem;
            padding: 0.36rem 0.62rem;
        }
    }

.member-card-mini__image {
    overflow: hidden;
}

.member-card-mini__image img {
    transition: filter 0.25s ease-in-out, transform 0.25s ease-in-out;
}

.member-card-mini:hover .member-card-mini__image img,
.member-card-mini__image a:hover img,
.member-card-mini__image a:focus img {
    filter: grayscale(0%);
    transform: scale(1.03);
}