#vacancies {
    background: #FFF;
}

#vacancies h1.title {
    font-weight: 600;
    font-size: 32px;
    line-height: 48px;
}

#vacancies h3.description {
    color: var(--bien-grey-1);
}

#vacancies .nav.nav-tabs,
#vacancyList .nav.nav-tabs {
	border-bottom: 1px solid var(--bien-bg);
}

#vacancies .nav.nav-tabs li,
#vacancyList .nav.nav-tabs li {
	margin-right: 20px;
    padding: 16px 0;
}

#vacancies .nav.nav-tabs li a,
#vacancyList .nav.nav-tabs li a {
	color: var(--bien-grey-1);
    padding: 16px 0;
	border-bottom: 3px solid transparent;
}

#vacancies .nav.nav-tabs li a:hover,
#vacancyList .nav.nav-tabs li a:hover {
	border-color: var(--bien-grey-2);
}

#vacancies .nav.nav-tabs li a.active,
#vacancyList .nav.nav-tabs li a.active {
	border-color: var(--company-primary);
    color: var(--bien-dark);
    font-weight: 500;
}

#vacancyList .nav.nav-tabs li a.active {
    border-color: var(--buttonAnnColor);
}

.col-md-6 .vacancy__render {
    margin: var(--bien-gutter-half) 0;
    height: calc(100% - var(--bien-gutter));
    border: 1px solid var(--bien-bg);
    border-radius: var(--border-radius);
}

.col-md-6 .vacancy__render .col-12 {
    padding: var(--bien-gutter-half);
}

.vacancies__separator {
    width: calc(100% - var(--bien-gutter));
    border-bottom: 1px solid var(--bien-bg);
    margin: var(--bien-gutter) var(--bien-gutter-half);
}

.vacancies__separator:last-of-type {
    border: 0;
    margin-bottom: 0;
}

.vacancy__render .vacancy__title h3 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: var(--bien-gutter-half);
    color: var(--bien-dark);
}

.vacancy__render .subtitle__informations {
    color: var(--bien-grey-1);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: inline-flex;
    align-items: center;
    margin-right: var(--bien-gutter-half);
}

.vacancy__render .subtitle__informations i.mi {
    margin-right: 6px;
}

h4.sort-separator {
    color: var(--bien-grey-1);
    font-size: 20px;
    line-height: 32px;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    margin: var(--bien-gutter) 0;
    width: 100%;
    padding: 0 var(--bien-gutter-half);
}

@media (max-width: 768px) {
    .vacancy__render .btn.btn-company-primary {
        width: 100%;
        margin-top: var(--bien-gutter-half);
    }
}