.ats-info-block {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 50px;
font-family: "Rubik", sans-serif;
}
.ats-info-item {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
color: inherit;
}
.ats-info-icon {
width: 25px;
height: 25px;
flex: 0 0 auto;
object-fit: contain;
}
@media (max-width: 1366px) {
.ats-info-block { gap: 30px; }
.ats-info-item { font-size: 14px; }
.ats-info-icon { width: 22px; height: 22px; }
}
@media (max-width: 767px) {
.ats-info-block {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
}  .ats-header-block {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px 30px;
margin-top: 12px;
font-family: "Rubik", sans-serif;
}
.ats-header-item {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 18px;
line-height: 1.3;
font-weight: 400;
color: #054795;
}
.ats-header-icon {
width: 22px;
height: 22px;
flex: 0 0 auto;
}
@media (max-width: 1024px) {
.ats-header-block { justify-content: flex-start; }
}
@media (max-width: 767px) {
.ats-header-block { gap: 8px 20px; }
.ats-header-item { font-size: 16px; }
.ats-header-icon { width: 20px; height: 20px; }
} .ats-summary-block {
background: #F5F5F5;
border-radius: 14px;
padding: 26px 30px;
font-family: "Rubik", sans-serif;
}
.ats-summary-title {
font-family: "Rubik", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
color: #CB9A3D;
margin: 0 0 16px;
text-transform: uppercase;
letter-spacing: .5px;
}
.ats-summary-list {
list-style: none;
margin: 0;
padding: 0;
}
.ats-summary-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 0;
font-size: 18px;
line-height: 1.35;
color: #707070;
border-bottom: 1px solid #E5E5E5;
}
.ats-summary-item:last-child {
border-bottom: none;
}
.ats-summary-icon {
width: 22px;
height: 22px;
flex: 0 0 auto;
} body.single-ats_vacancies .elementor-widget-theme-post-content ul {
list-style: disc outside;
padding-left: 1.25em;
margin: 0 0 1em;
}
body.single-ats_vacancies .elementor-widget-theme-post-content ol {
list-style: decimal outside;
padding-left: 1.25em;
margin: 0 0 1em;
}
body.single-ats_vacancies .elementor-widget-theme-post-content li {
display: list-item;
margin: 0 0 6px;
} html:has(body.single-ats_vacancies) {
scroll-behavior: smooth;
}
body.single-ats_vacancies #solliciteer {
scroll-margin-top: 100px;
} .ats-overview--grid {
display: grid;
grid-template-columns: repeat(var(--ats-cols, 3), 1fr);
gap: 26px;
font-family: "Rubik", sans-serif;
}
.ats-overview__card {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 16px;
padding: 28px 28px 24px;
text-decoration: none;
transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.ats-overview__card:hover {
box-shadow: 0 12px 30px rgba(0,0,0,.10);
transform: translateY(-3px);
border-color: #CB9A3D;
}
.ats-overview__title {
font-family: "Rubik", sans-serif;
font-weight: 500;
font-size: 22px;
line-height: 1.25;
color: #CB9A3D;
margin: 0 0 12px;
}
.ats-overview__excerpt {
font-size: 16px;
line-height: 1.55;
color: #707070;
margin: 0 0 18px;
}
.ats-overview__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: auto 0 20px;
}
.ats-overview__tag {
display: inline-block;
padding: 6px 14px;
border-radius: 40px;
background: #F5F5F5;
color: #054795;
font-size: 14px;
line-height: 1.3;
font-weight: 400;
}
.ats-overview__cta {
align-self: flex-start;
padding: 12px 30px;
border-radius: 40px;
background: #CB9A3D;
color: #FFFFFF;
font-size: 16px;
font-weight: 500;
transition: background-color .2s ease;
}
.ats-overview__card:hover .ats-overview__cta {
background: #054795;
}
.ats-overview--empty {
font-family: "Rubik", sans-serif;
font-size: 18px;
color: #707070;
padding: 20px 0;
}
@media (max-width: 1024px) {
.ats-overview--grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
.ats-overview--grid { grid-template-columns: 1fr; }
} .ats-overview__filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
background: #F5F5F5;
border-radius: 14px;
padding: 18px 20px;
margin: 0 0 26px;
font-family: "Rubik", sans-serif;
}
.ats-filter-field {
flex: 1 1 180px;
min-width: 150px;
height: 48px;
padding: 0 16px;
border: 1px solid #E5E5E5;
border-radius: 40px;
background: #FFFFFF;
font-family: "Rubik", sans-serif;
font-size: 16px;
color: #054795;
outline: none;
transition: border-color .2s ease;
}
.ats-filter-field:focus {
border-color: #CB9A3D;
}
select.ats-filter-field {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%23CB9A3D' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 18px center;
background-size: 12px;
padding-right: 40px;
}
.ats-filter-reset {
flex: 0 0 auto;
height: 48px;
padding: 0 26px;
border: none;
border-radius: 40px;
background: #CB9A3D;
color: #FFFFFF;
font-family: "Rubik", sans-serif;
font-size: 16px;
font-weight: 500;
cursor: pointer;
transition: background-color .2s ease;
}
.ats-filter-reset:hover {
background: #054795;
}
.ats-overview__noresults {
font-family: "Rubik", sans-serif;
font-size: 18px;
color: #707070;
padding: 24px 0;
}
@media (max-width: 767px) {
.ats-filter-field { flex-basis: 100%; }
.ats-filter-reset { width: 100%; }
}