/*------------------------------------*\
    
    FX Tabs/Accordion - Global styling for all tabs/accordions

    Add custom tabs/accordion styling to this file if it should be applied to all tabs/accordions on the site
    Otherwise, put your styles in individual block stylesheets

\*------------------------------------*/

.job-listing.tab-accordion {
    padding-top: var(--section-margins) !important;
    padding-bottom: var(--section-margins) !important;
    margin-bottom: 0 !important;
}
.tab-accordion__panel:not(.is-active) .tab-accordion__panel__content {
    display: none;
}

.job-listing .tab-accordion__panel {
    background: #F5F5F5;

    margin-top: 5px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .job-listing .tab-accordion__panel:not(:first-child) {
        margin-toP: 20px;
    }
}

.job-listing .tab-accordion__tab,
.job-listing .tab-accordion__panel__toggle {
    list-style-type: none !important;
    margin: 0 0 0;
    padding: 17px 26px;
    padding-right: 50px;
    display: block;
    color: #47556576;
    font-size: 18px;
    font-weight: 100;
    line-height: 1.5em;
    background: transparent;
    text-decoration: none;
    border: none;
    border-radius: 0;
    width: 100%;
    text-align: left;
    position: relative;
    text-transform: uppercase;
}

.job-listing .tab-accordion__tab {
    padding: 17px 29px;
    background: #fff;
    margin-bottom: 5px;
    border-radius: 15px 0 0 15px;
}

.job-listing .tab-accordion__panel__toggle.is-active,
.job-listing .tab-accordion__tab.is-active {
    z-index: 3;
}



.job-listing .tab-accordion__panel__toggle.is-active,
.job-listing .tab-accordion__panel__toggle:hover,
.job-listing .tab-accordion__panel__toggle:focus {
    color: #475565;
    font-weight: 400;
}

.tab-accordion__panel__content {
    padding: 15px 32px 30px 26px;
    border: none;
    color: #475565;
}



.tab-images {
    padding: 15px 0 10px;
}

.tab-images__col {
    padding-bottom: 30px;
}

.tab-images__col img {
    width: 100%;
    max-height: 250px;
    height: auto;
    object-fit: contain;
}

.tab-images__col p {
    padding: 12px 0 0 0;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    color: #475565;
    line-height: 1.125em;
}

.tab-images__col p span {
    font-weight: 700;
}




.tab-btn {
    margin-top: 35px;
}

.tab-accordion__top-content {
    padding-bottom: 45px;
}

.tab-accordion__top-content h2 {
    padding-bottom: 20px;
}

.tab-accordion__flex {
    position: relative;
}
.tab-accordion__tab.js-tab-accordion-btn.is-active {
    pointer-events: none;
}

@media (max-width: 1199px) {
    .js-tab-accordion-btn.is-active {
        pointer-events: auto;
    }
}

.job-listing .tab-accordion__panel__toggle::before{
    content: "\e902" !important;
    font-family: 'act-icon'!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    position: absolute;
    top: 50%;
    -webkit-font-smoothing: antialiased;
    transform: translateY(-50%);
    right: 20px;
}
.job-listing .tab-accordion__panel__toggle.is-active::before{
    content: "\e90c" !important;
    color: #D50032;
}

.job-listing .tab-accordion__panel__toggle::after{
    content: unset !important;
}
@media (min-width: 768px) {
   
  

    .tab-images__col {
        width: 50%;
        padding: 0 16px;
    }
}


@media (min-width: 1025px) {
    .job-listing .tab-accordion__panel__content {
        position: relative;
        width: 100%;
        padding: 28px 50px 42px 47px;
    }

    .job-listing .tab-accordion__flex {
        display: flex;
        flex-wrap: wrap;
    }
    
    .job-listing .tab-accordion__tabs {
        display: block;
        width: 450px;
        border-bottom: 0 !important;
    }

    .job-listing .tab-accordion__panels {
        width: calc(100% - 450px);
        position: relative;
        z-index: 2;
    }

    .job-listing .tab-accordion__panel {
       
        margin-top: 0;
    }
    .job-listing .tab-accordion__panels {
        background: #F5F5F5;
        border-radius: 0;
        margin-top: 0;
        overflow: visible;
    }

    .job-listing .tab-accordion__tab::after {
        content: "\e904" !important;
        font-family: 'act-icon'!important;
        speak: never;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        position: absolute !important;
        top: 50% !important;
        -webkit-font-smoothing: antialiased !important;
        transform: translateY(-50%) !important;
        right: 60px !important;
        color: #47556576 !important;
        height: unset !important;
        left: unset !important;
        bottom: unset !important;

    }

    .job-listing .tab-accordion__tab.is-active::after {
        color: #D50032 !important;
    }

    .tab-images__col p {
        padding: 12px 0 0 0;
        font-size: 16px;
        font-weight: 400;
        font-style: italic;
        color: #475565;
        line-height: 1.125em;
    }

    .tab-accordion__top-content {
        padding-bottom: 26px;
    }

    .tab-accordion__top-content h2 {
        padding-bottom: 10px;
    }

    .tab-accordion__tab {
        z-index: 1;
    }

    .job-listing .tab-accordion__tab::before {
   
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        left: -1px;
        top: 0;
        background: #D0D3D4;

    }
    .job-listing .tab-accordion__tab{
        margin-bottom: 0;
    }
    .job-listing .tab-accordion__tab.is-active::before {
       
        background-color: #D50032;
        width: 3px;
        left: -2px;
       
    }
    .job-listing .tab-accordion__tab::after{
        width: 0 !important;
    }

    .tab-images__col img {
        max-height: 351px;
        height: auto;
    }

    .tab-accordion-left-bg {
        position: absolute;
        left: 0;
        bottom: 60px;
        opacity: 0.15;
    }

    
    .job-listing .tab-accordion__panel__toggle::before{
        content: unset;
    }

    .job-listing .tab-accordion__tab.is-active,
    .job-listing .tab-accordion__tab:hover,
    .job-listing .tab-accordion__tab:focus {
            color: #475565;
            font-weight: 600;
        }

    .job-listing .tab-accordion {
        margin-bottom: 0 !important;
    }
}


.fs-wrap.single,
.filter-department .fs-wrap{
    display: none;
}
.filter-department {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 22px;
    position: relative;
    z-index: 4;
    margin-bottom: 22px;
}
.filter-department label ,
.facetwp-facet-departments ,
.filter-department .choices {
    margin-bottom: 0 !important;
}

.filter-department .facetwp-facet-departments{
    width: 100%;
    
}

@media(min-width:768px) {
    .filter-department .facetwp-facet-departments{
        width: 70%;
        margin-bottom: 0;
        justify-content: space-evenly;
    }
    
}

@media(min-width:1025px) {
    .filter-department {
        margin-bottom: 0 !important;
        justify-content: flex-end;
    }
    .filter-department .facetwp-facet-departments{
        width: 50%;
        
    }
}
@media(min-width:1200px) {
    .job-listing.tab-accordion {
        margin-bottom: 0 !important;
    }
    
   
}

.job-listing .top_content h2 span::after,
.job-listing .top_content h2 span::before,
.job-listing .top_content h2::after{
    content: unset;
}

.job-listing .tab-accordion__panels {
    padding-inline: 0;
}

@media (max-width: 1199px) {
    .job-listing .tab-accordion__panels h5 {
        font-size: 18px;
    }

    .job-listing .tab-accordion__panels .h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .job-listing .tab-accordion__panels .h2 {
        font-size: 24px;
    }
}