/* ============================================================
   SLS CONSULTANTS - ASHBY CAREERS PAGE
   No "Careers" title band
   ============================================================ */

body {
    margin: 0;
    padding: 0;
}

/* ============================================================
   HERO IMAGE
   Uses Ashby's existing job-board heading area, hides its text,
   and displays the SLS employee collage.
   ============================================================ */

.ashby-job-board-heading {
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 60px !important;

    padding: 0 !important;
}

/* Make sure the old Careers/title treatment does not appear */
.ashby-job-board-heading::before {
    content: none !important;
    display: none !important;
}

/* SLS employee collage hero */
.ashby-job-board-heading::after {
    content: "";
    display: block;

    width: 100%;
    height: 460px;

    background-image: url("https://static.wixstatic.com/media/34061f_4eff9eb609964129b4d42689065648b7~mv2.avif");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* ============================================================
   JOB BOARD CONTENT
   ============================================================ */

.ashby-job-board-heading-count {
    font-family: Arial, Helvetica, sans-serif;
}

.ashby-job-posting-brief-list {
    margin-top: 20px;
}

.ashby-job-posting-brief {
    padding: 22px 0;
    border-bottom: 1px solid #d9d9d9;
}

.ashby-job-posting-brief-title {
    color: #163f63;
    font-weight: 600;
}

.ashby-department-heading,
.ashby-job-posting-brief-department-heading {
    color: #163f63;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {
    .ashby-job-board-heading {
        margin-bottom: 40px !important;
    }

    .ashby-job-board-heading::after {
        height: 280px;
        background-position: center center;
    }
}