/*--------------------------
SONIFI 2022
--------------------------*/

iframe {
  width: 100%;
  border: 0;
}

.page-faqs .footer__talent-community,
.pagination-container .page-size {
    display: none;
}

.job-description .job-status {
    display: none;
}

/* COMAPNY FOLLOW */

#company-follow.company-follow * {
    font-family: "Avenir Next", sans-serif !important;
}

#company-follow .company-follow-container .leader {
    background-color: #705EFE !important;
}

#company-follow .company-follow-container .leader>div span {
    font-size: 1.4rem !important;
    text-transform: uppercase;
    font-weight: 600;
}

/* Employee Spotlight */

@media screen and (min-width: 1024px) {
  .employee-spotlight__list__item__video {
    width: 50% !important;
    height: 45rem;
    flex-shrink: 0 !important;
  }
  
  .employee-spotlight__list__item__content {
        flex-shrink: 2;
    }
}

@media screen and (min-width: 1024px) {
    .employee-spotlight__list__item__image {
        width: 80rem;
        height: 45rem;
        /* flex-shrink: 0 !important; */
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

/* JOBS LIST */

#jobs-list.jobs-list * {
    font-family: inherit
}

#jobs-list.jobs-list main {
    background-color: #fff;
}

#jobs-list.jobs-list aside {
    background-color: #F8F8F8;
    padding: 2.4rem;
}


#jobs-list .fa {
    font: normal normal normal 14px/1 FontAwesome;
}

#jobs-list.jobs-list .no-results-container {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

#jobs-list.jobs-list .no-results-container .message.primary-color {
    color: #4C4C4E;
}

.jobs-list .no-results-company-follow-container .embedded-company-follow-form .embedded-company-follow-form * {
    font-size: 1.6rem;
}

.jobs-list .no-results-company-follow-container .embedded-company-follow-form .embedded-company-follow-form input[type="email"],
.jobs-list .no-results-company-follow-container .embedded-company-follow-form .embedded-company-follow-form .frequency-select,
.jobs-list .no-results-company-follow-container .embedded-company-follow-form .embedded-company-follow-form .Select-control {
    height: auto;
    width: 100%;
    border: 0;
    margin: .5rem 0;
    padding: 1rem 1.5rem;
    z-index: 1;
    border: #E0E1E2 solid 1px;
}

#jobs-list.jobs-list {
    max-width: none;
    padding: 0;
    margin-top: 4rem;
}

.page-jobs #jobs-list.jobs-list {
    margin-top: 18rem;
}

#jobs-list .results-container {
    min-height: 775px !important;
}


#jobs-list.jobs-list .pagination a {
    color: #705EFE;
    padding: .4rem;
    text-transform: capitalize;
    -webkit-transition: ease .2s all;
    -o-transition: ease .2s all;
    transition: ease .2s all;
}

#jobs-list.jobs-list .pagination a.not-selectable {
    color: #4C4C4E;
}

#jobs-list.jobs-list .pagination a:hover {
    color: #4E3EB1;
}

#jobs-list.jobs-list .results-list .result-item::after {
    content: 'Apply Now';
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    color: #705EFE;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1.6rem;
    border: solid .1rem #705EFE;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#jobs-list .item-title span {
    display: block;
    font-size: 1.6rem;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #4C4C4E;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

#jobs-list .item-title .item-title span {
    font-weight: 700;
    color: #232A35;
    font-size: 1.8rem;
}

#jobs-list.jobs-list .results-list .result-item .item-title>a:hover {
    text-decoration: none;
}

#jobs-list main .results-container {
    position: initial;
    padding: 0;
    height: auto;
}

#jobs-list .card {
    display: block;
    position: relative;
    height: auto;
    width: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    z-index: 1;
    overflow: hidden;
}

#jobs-list .app.stacked {
    overflow: hidden;
    padding: 0 2.4rem;
}

#jobs-list .Select-placeholder,
#jobs-list .Select--single>.Select-control .Select-value {
    color: #757575;
}

#jobs-list.jobs-list main .results-container .results-list {
    padding: 0 1rem;
}


#jobs-list .results-list .result-item,
#jobs-list .results-list .result-item:nth-child(even) {
    background-color: transparent;
    padding: 2.4rem 0;
    margin: 0;
    width: 100%;
    border-top: .1rem solid #E0E1E2;
    cursor: pointer;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

#jobs-list .results-list .result-item:first-child {
    border: 0 solid transparent;
}

#jobs-list .results-list .result-item:hover .item-title,
#jobs-list .results-list .result-item:hover span {
    color: #4E3EB1;
}

#jobs-list .results-list .result-item:hover::after {
    background-color: #4E3EB1;
    border-color: #4E3EB1;
    color: #fff;
}

#jobs-list .pagination {
    margin: 0 auto;
    padding: 1rem 2rem;
    bottom: 0;
    width: 100%;
    max-width: 100%;
}

#jobs-list.jobs-list aside .filter-group>h3 {
    color: #232A35;
    border-bottom: 0;
    font-size: 2.4rem;
    font-weight: 500;
    text-transform: none;
}

#jobs-list aside .filter-container input[type="text"],
#jobs-list aside .filter-container button,
#jobs-list aside .filter-container .filter-header {
    height: inherit;
    border: 0;
    margin: .5rem 0;
    padding: 1.6rem;
    background: #fff;
    border: solid .1rem #E0E1E2;
}

#jobs-list aside .filter-group .LocationSearchInputComponent .Select-control {
    height: 5rem;
}

#jobs-list .filter-category-container .filter-options-list-container {
    width: 100%;
    z-index: 2;
    margin-top: -.5rem;
}

#jobs-list .filter-category-container .filter-options-list-container:before,
#jobs-list .filter-category-container .filter-options-list-container:after {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#jobs-list .job-search-button.primary,
#job-detail .job-description .apply-,
#jobs-list.jobs-list .no-results-company-follow-container .embedded-company-follow-form .embedded-company-follow-form .subscribe-button.button-styles {
    font-weight: 600;
    font-style: normal;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border: #705EFE solid .1rem;
    height: auto;
    width: 100%;
    background-color:  #705EFE;
    -webkit-transition: ease all .2s;
    -o-transition: ease all .2s;
    transition: ease all .2s;
}

#jobs-list .job-search-button.primary:hover,
#job-detail .job-description .apply-button:hover {
    background-color: #7cb218;
    border-color: #7cb218;
    color: #fff;
}

#jobs-list.jobs-list aside .reset-filters a {
    color: #705EFE;
    text-decoration: underline;
}

#jobs-list.jobs-list .results-header {
    margin: 0px;
    color: #4C4C4E;
    font-size: 1.4rem;
    font-weight: 400;
}

#jobs-list .sort-container {
    display: block;
    padding: 0;
    max-width: 100%;
    margin: 0;
    margin-bottom: 2.4rem;
}

#jobs-list.jobs-list .job-search-button.secondary {
    font-size: 1.4rem;
    font-weight: 600;
    background-color: #705EFE;
    border: #705EFE .1rem solid;
    color: #fff;
    padding: .8rem 1.6rem;
}

#jobs-list.jobs-list .job-search-button.secondary.selected {
    background-color: #fff;
    color: #705EFE;
}

#jobs-list.jobs-list .app.stacked .filter-block .filter-container,
#jobs-list.jobs-list .app.stacked .filter-block .filter-container .keyword-search,
#jobs-list.jobs-list .app.stacked .filter-block .filter-container .advanced-search-container {
    max-width: 100%;
}

#jobs-list.jobs-list .app.stacked .filter-block .filter-container .advanced-search-container {
    margin: 0;
    margin-top: 1.6rem;
}

#jobs-list.jobs-list .filter-option input {
    width: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    margin-right: 0.4rem;
}

#jobs-list.jobs-list .filter-option label {
    display: flex;
    align-items: center;
}

.jobs-list .pagination.mobile .pagination-label {
    color: #4E3EB1;
}

@media (min-width: 521px) {

    #jobs-list.jobs-list .job-search-button.secondary:not(:first-child) {
        margin-left: .4rem;
    }

    #jobs-list.jobs-list .results-list div.item-title {
        width: 70%;
    }


    #jobs-list .sort-container span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    /* 
     #jobs-list .results-header {
         position: absolute;
         top: 2.5rem;
         left: 4rem;
     } */
}

@media screen and (min-width: 768px) {

    #jobs-list .results-list .result-item,
    #jobs-list .results-list .result-item:nth-child(even) {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #jobs-list .app.stacked {
        padding: 0 6.4rem;
    }
}

@media screen and (min-width: 992px) {
    #jobs-list.jobs-list .app.stacked {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-start;
        min-height: 50rem;
    }

    #jobs-list.jobs-list .filter-block {
        padding: 3.2rem;
        width: 40%;
        min-width: 40rem;
    }

    #jobs-list.jobs-list main {
        width: 60%;
        min-width: calc(100% - 40rem);
        padding-left: 3.2rem;
    }
}

@media screen and (max-width: 991px) {
    #jobs-list .sort-container {
        margin: 2.4rem 0;
    }
}

@media(max-width:520px) {
    #jobs-list.jobs-list .results-list .result-item .item-title .location {
        text-align: left;
    }

    #jobs-list.jobs-list .sort-container {
        margin-right: 0;
    }

    #jobs-list.jobs-list .sort-container button {
        margin-bottom: .5rem;
    }

    #jobs-list .results-list .result-item,
    #jobs-list .results-list .result-item:nth-child(even) {
        padding: 2rem 1.5rem;
    }

    #jobs-list.jobs-list .results-list div.item-title {
        width: 100%;
    }

    #jobs-list.jobs-list .results-list .result-item .city-state {
        margin: .8rem 0;
    }
}

@media (max-width: 767px) {
    #jobs-list.jobs-list .results-list .result-item::after {
        width: 100%;
        margin-top: .8rem;
    }
}


/* JOB DETAILS */

#job-detail .job-description {
    padding-top: 20rem;
    padding-bottom: 8rem;
    background-color: #232A35;
}


#job-detail .job-title {
    font-weight: 700;
    font-size: 2.4rem;
    color: #232A35;
    margin-bottom: .5rem;
}

#job-detail .job-description .content {
    max-width: 100rem;
}

#job-detail .job-description .job-addl-info .simple-apply-container {
    background-color: transparent;
}


#job-detail .job-description h4.job-description-header,
#job-detail .job-description h4.job-skills-header,
#job-detail .job-description h4.job-notes-header,
#job-detail .job-description h4.apply-with-header {
    font-weight: 900;
    font-style: normal;
    font-size: 1.8rem;
    color: #4C4C4E;
    margin-bottom: 1.8rem;
}

#job-detail .job-description .job-description-content p,
#job-detail .job-description .job-description-content span,
#job-detail .job-description .job-description-content li,
#job-detail .job-description .job-description-content a,
#job-detail .job-description .job-skills p,
#job-detail .job-description .job-skills span,
#job-detail .job-description .job-skills li,
#job-detail .job-description .job-notes.important-notes p,
#job-detail .job-description .job-notes.important-notes span,
#job-detail .job-description .job-notes.important-notes li {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #4C4C4E;
}

#job-detail .job-description .apply-button {
    background-color: #97D820;;
    border: solid 0.1rem #97D820;;
    border-radius: 0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
}

#job-detail .job-description .map-button,
#job-detail .job-description .job-share-button {
    color: #705EFE;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: .5rem;
    border: solid 0.1rem #705EFE;
    padding: 1rem;
    border-radius: 0;
}

#job-detail .job-description .map-button:hover,
#job-detail .job-description .job-share-button:hover {
    color: #fff;
    background-color: #4E3EB1;
    border-color: #4E3EB1;
}

@media (min-width: 768px) {
    #job-detail .job-description .main-content {
        width: calc(100% - 20rem);
    }

    #job-detail .job-description .job-addl-info {
        width: 20rem;
    }
}


/*Fraud banner*/
/* POP UP*/

#overlay {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    overflow-y: auto;
    z-index: 999999;
    background-color: #0000001f;
}

#alert-overlay {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    overflow-y: auto;
    z-index: 999999;
    background-color: #0000001f;
}

.c-popup__close {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    width: 5rem;
    font-size: 2.2rem;
    background: #705EFE;
    color: #ffffff;
    /* border-radius: 50%; */
    top: 0;
    right: 0;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.64, -0.11, 0.59, 1.07);
}

.c-popup__close:hover{
    color: #fff;
    background-color: #9bd519;
    transform: scale(1.1);
}



.c-popup {
    position: absolute;
    background: #ffffff;
    width: 75%;
    height: auto;
    text-align: left;
    left: calc(50% - (75% / 2));
    top: 200px;
    border-radius: 0 0 0 0;
    z-index: 999;
    box-shadow: 5px 5px 55px rgba(0, 0, 0, .2);
}

.c-popup__content {
    padding: 4rem;
}


.c-popup__content div>.c-btn {
    margin-top: 0;
}

 .two-col-ul {
            column-count: 2; /* Creates two vertical columns */
            column-gap: 20px; /* Space between columns */

        }

        .two-col-ul  li {
         break-inside: avoid; /* Prevents items from breaking between columns */
            margin-bottom: 10px; /* Optional spacing */
        }
@media (max-width: 900px){
    .c-popup{
        width: 95%;

    }
    .two-col-ul {
        column-count: 1; 
    }
    .c-popup {
        top: 50px;
        left: calc(50% - (95% / 2));
    }
    .c-popup__content {
        padding: 3rem 1.5rem;
    }
}




.alert-banner {
    color: #fff ;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px;
    background: #705efe;
    gap: 5px;
     font-weight: 600;
}

.alert-banner a {
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    color: #FFF;
    font-weight: 600;
}