@font-face {
    font-family: 'aptos';
    src: url(app/assets/fonts/aptos.eot);
    src: url(app/assets/fonts/aptos.eot?#iefix) format('embedded-opentype'),
    url(app/assets/fonts/aptos.otf) format('otf'),
    url(app/assets/fonts/aptos.svg#aptos) format('svg'),
    url(app/assets/fonts/aptos.ttf) format('truetype'),
    url(app/assets/fonts/aptos.woff) format('woff'),
    url(app/assets/fonts/aptos.woff2) format('woff2');
    font-display: fallback;
    font-weight: 400;
}

body {
    font-family: 'aptos', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

header {
    display: none;
}

app-sidebar {
    background-color: #ece5f5 !important;
    border-radius: 20px;
    padding: 40px;
    min-width: 400px !important;
}

app-sidebar  app-sidebar-filter novo-form {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0 0 30px 0;
}

app-sidebar .filter-header {
    color: red;
    font-size: 18px;
    padding: 0 !important;
    font-family: 'aptos', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

app-sidebar input[type="text"] {
    background: #fff;
    border-radius: 15px;
    border: 0;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 15px;
    font-family: 'aptos', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

app-sidebar novo-search {
    padding: 0 0 60px 0;
}

app-sidebar .novo-control-inner-input-container {
    display: flex;
    flex-direction: column !important;
}

app-sidebar novo-search button {
    order: 3;
    height: 50px !important;
    width: 50px !important;
    line-height: 50px;
    margin-left: -50px;
    position: relative;
    z-index: 15;
    font-size: 22px !important;
    background: none !important;
    color: #DCD2FA !important;
}
app-sidebar novo-check-list label {
    font-size: 16px;
    font-family: 'aptos', "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
}

app-sidebar novo-check-list [class*="-group"] label i.bhi-checkbox-filled {
    color: #440099;
}

.list {
    padding: 0 0 0 60px;
}

@media only screen and (max-width: 769px) {
    .list {
        padding: 0 !important;
    }
    .mobile-filter-container {
        margin: 2px 0 0 1px !important;
        button[theme][theme="secondary"] {
            padding: 6px 15px 6px 10px;
            background: #440099;
            border-color: #440099;
            border-radius: 16px;
            color: #fff;
            i {
                margin-left: 0;
            }
        }
    }
    app-sidebar {
        z-index: 20;
        margin-left: -50vw;
        min-width: 0 !important;
        max-width: 100vw !important;
        width: 100vw !important;
        padding: 15px;
        &.active {
            margin-left: 0 !important;
         }
        novo-search.active {
            min-width: 0;
        }
    }
}

.list .open-positions {
    margin: 40px 0 30px 0 !important;
}

.list .job-card {
    margin: 0 0 30px 0 !important;
    box-shadow: none !important;
    padding: 0 0 30px 0 !important;
    border-bottom: 1px solid #27272A;
}

.list .job-card novo-list-item {
    padding: 0;
    flex-direction: column;
}

.list .job-card novo-list-item .list-item {
    padding: 0 15px 0 0;
}

.list .job-card novo-list-item .list-item h6 {
    font-size: 24px;
    color: #27272A;
    margin: 0 0 15px 0;
}

.list .job-card novo-list-item .list-item h6 a {
    color: #27272A;
    font-weight: 400;
}

.list .job-card novo-list-item app-info-chips {
    justify-content: flex-start;
    margin: 0 0 15px 0;
}

.list .job-card novo-list-item app-info-chips .chip {
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
    font-size: 16px;
    position: relative;
    background: none;
}

.list .job-card novo-list-item app-info-chips .chip:not(:last-child):after {
    content: '|';
    position: absolute;
    right: 0;
}

.list .job-card .category, .list .job-card .description {
    padding: 0 !important;
}

.credits {
    display: none;
}