/* Job List Component */
.dxp-component-jobs__search-header h3,
.dxp-component-jobs__items-header h3,
.dxp-component-jobs__items-footer h3 {
    line-height: 2.25rem;
}

.dxp-component-jobs__search-text {
    overflow: hidden;
}

/* Job List Component |  Search */
.dxp-component-jobs__search-wrapper .accordion {
    --bs-accordion-bg: transparent;
}

.dxp-component-jobs__filters-active {
    font-size: 1em;
    border-top: var(--bs-border-width) solid var(--bs-border-color);
}

.dxp-component-jobs__filters-active-heading__title {
    font-size: 16px;
}

.dxp-component-jobs__filters-active-heading a {
    font-weight: 600;
    transition: .27s ease color;
    cursor: pointer;
}

    .dxp-component-jobs__filters-active-heading a:hover {
        color: var(--bs-body-color);
        text-decoration: none;
        transition: .27s ease color;
    }

.dxp-component-jobs__filters-active-item {
    transition: .27s ease box-shadow;
    display: inline-flex;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    --bs-alert-padding-y: 0.25rem;
    --bs-alert-color: var(--bs-body-color);
    margin: 0 0.25rem 0.5rem 0;
    background-color: #F6F6F6;
}

    .dxp-component-jobs__filters-active-item a {
        text-decoration: none;
        cursor: pointer;
        font-weight: 400;
    }

    .dxp-component-jobs__filters-active-item i {
        color: var(--bs-primary);
    }

    .dxp-component-jobs__filters-active-item:hover {
        box-shadow: 0px 0px 3px 1px rgb(32 32 32 / 10%);
        transition: .27s ease box-shadow;
    }

.dxp-component-jobs__filters .accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: var(--bs-body-color);
    --bs-accordion-btn-focus-border-color: transparent;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23202020'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff6000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-body-padding-y: 0;
    --bs-accordion-body-padding-x: 0;
}

.dxp-component-jobs__filters .accordion-item:first-child {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.dxp-component-jobs__filters .accordion-flush .accordion-item:last-child {
    border-bottom: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.dxp-component-jobs__filters .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.dxp-component-jobs__filters .accordion-button i {
    color: var(--bs-body-color);
}

.dxp-component-jobs__filters-active-item__text {
    color: var(--bs-body-color);
}

.dxp-component-jobs__filters .accordion-button:not(.collapsed) i {
    color: var(--bs-primary);
}

.dxp-component-jobs__filters .search-filter:hover .form-check-input {
    border-color: var(--bs-primary);
    cursor: pointer;
}

.dxp-component-jobs__filters .search-filter:hover .form-check-label {
    color: var(--bs-primary);
    cursor: pointer;
}

.dxp-component-jobs__search-header,
.dxp-component-jobs__items-header {
    margin-bottom: 1rem;
}

    .dxp-component-jobs__search-header h3,
    .dxp-component-jobs__items-header h3,
    .dxp-component-jobs__items-footer h3 {
        line-height: 2.25rem;
    }

.dxp-component-jobs__items-footer {
    margin-top: 10px;
}

.dxp-component-jobs:not(.dxp-component-jobs--hide-card) .dxp-component-jobs__item .card {
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--bs-box-shadow-sm);
    transition: .27s ease box-shadow;
}

.dxp-component-jobs:not(.dxp-component-jobs--hide-card) .dxp-component-jobs__item:hover .card {
    box-shadow: var(--bs-box-shadow);
    transition: .27s ease box-shadow;
}

.dxp-component-jobs:not(.dxp-component-jobs--hide-card) .dxp-component-jobs__item:hover .dxp-component-jobs__item-image:before {
    box-shadow: -3px 0px 3px -1px rgb(32 32 32 / 10%);
    transition: .27s ease box-shadow;
}

.dxp-component-jobs__item__flex__tiles {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

@media (min-width: 992px) {
    .dxp-component-jobs:not(.dxp-component-jobs--hide-icon) .dxp-component-jobs__items-wrapper {
        margin-left: 50px;
    }

    .dxp-component-jobs.dxp-component-jobs--search-input .dxp-component-jobs__items-wrapper,
    .dxp-component-jobs.dxp-component-jobs--search-hidden .dxp-component-jobs__items-wrapper,
    .dxp-component-jobs.dxp-component-jobs--search-popup .dxp-component-jobs__items-wrapper {
        margin-left: 0;
    }
}

.dxp-component-jobs:not(.dxp-component-jobs--search-popup) #job-search-button.collapsed .job-search-button-hide-filters {
    display: none;
}

.dxp-component-jobs:not(.dxp-component-jobs--search-popup) #job-search-button:not(.collapsed) .job-search-button-show-filters {
    display: none;
}

.dxp-component-jobs__search-popup #dxp-component-jobs__form.collapse:not(.show) {
    display: inherit;
}

@media (min-width: 992px) {
    #job-search-button {
        display: none;
    }

    #dxp-component-jobs__form.collapse:not(.show) {
        display: inherit;
    }
}

/* Job List Component |  Item | List */
.dxp-component-jobs.dxp-component-jobs--hide-card .dxp-component-jobs__item-image {
    display: none;
}

.dxp-component-jobs__item-info-location {
    text-transform: lowercase;
    /* font-size: small; SLV*/
    /*    margin-right: 1rem; SLV*/
}

    .dxp-component-jobs__item-info-location:first-line {
        text-transform: capitalize;
    }

.dxp-component-jobs__item-info-date {
    /* font-size: small; SLV*/
}

@media (max-width: 767.98px) {
    .dxp-component-jobs:not(.dxp-component-jobs--hide-icon) .dxp-component-jobs__item {
        margin-top: 30px;
    }

    .dxp-component-jobs__item-image {
        position: absolute;
        left: 30px;
        top: -30px;
        height: 60px;
        width: 60px;
        transition: .27s ease box-shadow;
    }

        .dxp-component-jobs__item-image:before {
            content: '';
            position: absolute;
            border: 1px solid rgb(148 148 148 / 25%);
            height: 30px;
            width: 60px;
            border-top-left-radius: 66px;
            border-top-right-radius: 66px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom: 0;
            border-bottom-color: #fff;
            background-color: #fff;
            z-index: 1;
            align-self: start;
        }

    .dxp-component-jobs:not(.dxp-component-jobs--hide-card) .dxp-component-jobs__item:hover .dxp-component-jobs__item-image:before {
        box-shadow: 0px -3px 3px -1px rgb(32 32 32 / 10%);
        transition: .27s ease box-shadow;
    }

    .dxp-component-jobs__item-image img {
        width: 40px;
        height: 40px;
        font-size: 40px;
        margin: 0 auto;
        z-index: 2;
    }
}

@media (min-width: 768px) {
    .dxp-component-jobs__item-image {
        position: absolute;
        top: calc(50% - 30px);
        left: -30px;
        height: 60px;
        width: 60px;
        transition: .27s ease box-shadow;
    }

        .dxp-component-jobs__item-image:before {
            content: '';
            position: absolute;
            border: 1px solid rgb(148 148 148 / 25%);
            width: 30px;
            height: 60px;
            border-top-left-radius: 66px;
            border-bottom-left-radius: 66px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-right: 0;
            border-right-color: #fff;
            background-color: #fff;
            z-index: 1;
        }

        .dxp-component-jobs__item-image img {
            width: 40px;
            height: 40px;
            font-size: 40px;
            margin: 0 auto;
            z-index: 2;
        }
}

.dxp-component-jobs__item-body {
    padding: 30px 30px 0 30px;
}

.dxp-component-jobs__item-footer {
    padding: 0 30px 30px 30px;
}

.dxp-component-jobs__item-body .dxp-job-not-saved {
    transition: .27s ease color;
}

    .dxp-component-jobs__item-body .dxp-job-not-saved:hover {
        color: var(--bs-body-color);
        text-decoration: none;
        transition: .27s ease color;
    }

    .dxp-component-jobs__item-body .dxp-job-not-saved i {
        color: var(--bs-primary);
        transition: .27s ease transform;
    }

    .dxp-component-jobs__item-body .dxp-job-not-saved:hover i {
        color: var(--bs-primary);
        transition: .27s ease transform;
        transform: scale(1.2);
    }

.dxp-component-jobs.dxp-component-jobs--hide-icon .dxp-component-jobs__item-body {
    padding: 25px 25px 0;
}

.dxp-component-jobs.dxp-component-jobs--hide-icon .dxp-component-jobs__item-footer {
    padding: 0 25px 25px;
}

.dxp-component-jobs__item {
    margin-bottom: 15px;
}

.dxp-component-jobs__item-title {
    margin-bottom: 10px;
    font-size: 1.2rem;
}

.dxp-component-jobs__item-text {
    margin-bottom: 12px;
}

.dxp-component-jobs__item-info {
    line-height: 2rem;
    color: var(--bs-gray-600);
    display: flex;
    /* flex-direction: column SLV*/
}

.dxp-component-jobs__item-info__properties {
    flex-grow: 1;
    /*    display: flex; SLV
    flex-direction: column; SLV
    align-items: flex-start; SLV*/
}

@media (max-width: 767.98px) {
    .dxp-component-jobs__item-body {
        padding: 25px var(--bs-card-cap-padding-x) 0;
    }

    .dxp-component-jobs__item-footer {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    }

    .dxp-component-jobs__item-text {
        margin-bottom: 0;
    }
}

/* Job List Component |  Item | Tile */
.dxp-component-jobs--view-tiles .dxp-component-jobs__item {
    margin-top: 30px;
}

.dxp-component-jobs--view-tiles .dxp-component-jobs__item-image {
    position: absolute;
    left: 30px;
    top: -30px;
    height: 60px;
    width: 60px;
    transition: .27s ease box-shadow;
}

    .dxp-component-jobs--view-tiles .dxp-component-jobs__item-image:before {
        content: '';
        position: absolute;
        border: 1px solid var(--bs-border-color);
        height: 30px;
        width: 60px;
        border-top-left-radius: 66px;
        border-top-right-radius: 66px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom: 0;
        border-bottom-color: #fff;
        background-color: #fff;
        z-index: 1;
        align-self: start;
    }

    .dxp-component-jobs--view-tiles .dxp-component-jobs__item-image img {
        width: 40px;
        height: 40px;
        font-size: 40px;
        margin: 0 auto;
        z-index: 2;
    }

.dxp-component-jobs--view-tiles .dxp-component-jobs__item-body {
    padding: 25px 25px 0;
}

.dxp-component-jobs--view-tiles .dxp-component-jobs__item-footer {
    padding: 0 25px 25px;
}
