@import url('https://use.typekit.net/faf4ynw.css'); /*primary_font_url*/
:root {
    --base-color: #212429;
    --primary-color: #003e5c;
    --secondary-color: #95c11f;
    --tertiary-color: #f1ece2;
    --accent-color: #003e5c;
    --heading-color: #212429;
    --content-color: #212429;
    --count-label-color: #003e5c;
    --body_grey_background-color: #fafafa;
    --navigation_font-family: poppins, sans-serif;
    --heading_font-family: poppins, sans-serif;
    --content_font-family: poppins, sans-serif;
    --content_font-weight: 400;
    --content_font-size: 16px;
    --content_font-size_small: 16px;
    --content_font-size_large: 16px;
    --h1_hero_color: #212429;
    --h1_hero_font-weight: 700;
    --h1_hero_line-height: 1.1;
    --h2_hero_color: #212429;
    --h2_hero_font-weight: 700;
    --h1_color: #212429;
    --h1_font-weight: 700;
    --h2_color: #212429;
    --h2_font-weight: 700;
    --h2_lg_line-height: 32px;
    --h3_color: #212429;
    --h3_font-weight: 700;
    --h3_margin: 0px 0px 25px 0px;
    --h4_font-weight: 600;
    --h4_color: #212429;
    --hyperlink_font-weight: 500;
    --button_font-weight: 500;
    --button_border-radius: 8px;
    --form_input_border-radius: 8px;
    --vacancy_list-item_vacancy-footer_btn_favorite-add_padding: 5px 10px 0px 10px;;
    --card_border-radius: 8px;
    --card_h2_card-title_font-weight: 700;
    --card_h3_card-title_font-weight: 700;
    --header-nav_link_font-size: 16px;
    --header-nav_link_font-weight: 500;
    --header-nav_link_color: #003e5c;
    --section_default_overlay_opacity: 0;
    --fa: "\f02e";
    --fa--fa: "\f02e\f02e";
}

/*###> custom ###*/
/* Sitesearch - niet zichtbaar*/
#mainHeader > div > div:nth-child(1) > div > div.user-nav.component_button > div > span.is-btn.is-btn-icon.search-toggle.navbar-toggle--search{
display:none;
}

#mainHeader > div > div.head.mobile > div > div.user-nav > div > div > span{
display:none;
}

/* jobalert button in sitenav- uit*/
#mainHeader > div > div:nth-child(1) > div > div.user-nav.component_button > div > a.is-btn.jobalert-toggle.is-btn-jobalert.is-btn-accent{
display:none; 
}

#c-menu--slide-left > div.wrapper > ul.user-nav > a.is-btn.jobalert-toggle.is-btn-jobalert.is-btn-accent{
display:none;
}

/* streepje onder active nav item - uit*/
header .header-nav>ul>li.active a{
border-bottom: unset;
}

/* kleur als active state*/
header nav.header-nav>ul>li.active>a {
    color: #95c11f;
}

/* gewicht h2 titles op cards - vacatures*/
h2.section-title{
font-weight:700;
}

.component_filters .list .filter-group .card-body h2 {
    font-weight: 700;
}

.component_filters#selected-filters .card .card-body p {
font-weight: 700;
}

/* optimalisatie navmenu padding*/
header nav.header-nav>ul>li.has-submenu>a{
padding: 0 15px;
}

/* optimalisatie nav submenu min-max width*/
header nav.header-nav ul li ul {
max-width: 300px;
min-width: 266px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
}

header nav.header-nav ul li ul li ul {
    max-width: 300px;
    min-width: 266px;
padding: 0px 0px 0px 0px;
}

/* kleur notification badge*/
.badge-notification {
background: #003e5c;
}

/* vacature overlay kleur en opacity*/
.page_vacancy-overview .layout_hero .is-overlay-color {
    background-color: transparant;
    opacity: 0;
}

/* sollicitatieform achtergrondkleur */
.page_vacancy-detail .component_application-form .card {
    background: #fafafa;
}

/* recruitercard achtergrondkleur */
.page_vacancy-detail .component_recruiter .card {
background: #fafafa;
}

/* recruiter-contact button -uit */
.recruiter-contact-btn{
display:none;
}

/* sollicitatieform achtergrondkleur */
.mobilemenu .c-menu--slide-left .head, .mobilemenu .c-menu--slide-right .head {
    align-items: center;
}

/* optimalisatie mobile head/logo */
.mobilemenu .head {
    padding: 15px 5px 15px 12px;
}

/* breadcrumb sectie smaller */
#pagewrapper > div.breadcrumbs-wrapper > div{
margin: 40px auto;
}

/* lijntje tussen logo en content op bedrijfscard */
.partial_company_list-item .company-body {
align-items: left;
border-top: unset;
}

/* correctie label op sollicitatieform */
#vacancyApplyInline > div:nth-child(1) > div.col-12.col-md-6.col-l > fieldset{
flex-direction: column-reverse;
}

/* uitlijning font op CTA's */
.is-btn {
padding: 5px 30px 0px 30px;
}

/* uitlijning font op inputs */


/* overschrijven uitlijning op favorite button */
#mainHeader > div > div:nth-child(1) > div > div.user-nav.component_button > div > a.is-btn.is-btn-icon.favorites-toggle{
padding: 0px 0px 0px 0px;
}

#c-button--slide-left{
padding: 0px 0px 0px 0px;
}

#applicationHeader > div > div > div > div > div > div > a{
padding: 0px 0px 0px 0px;
}

/* lineheight dynamisch voor resizing */
h1.hero, h2, h2.section-title, h3 {
        line-height: 110%;
    }

/* font in badge uitlijning */
.badge-notification{
padding: 3px 5px 0px 5px;
}

#go-to_top{
color:#ffffff;
}

.badge-new {
    background: #95c11f;
    border-radius: 8px 0px 8px 0px;
    display: inline-flex;
    height: 20px; 
    margin: 0;
    padding: 0.50rem 1rem 0.28rem 1rem;
    text-transform: none;
}

header nav.header-nav ul li ul li.active>a {
    background-color: transparent;
    color: #95c11f;
border: unset;
}

header nav.header-nav ul li ul li>a {
    border: unset;
    padding: 15px 15px 15px 15px; 
}

header nav.header-nav ul li ul li:hover>a {
background-color:#f1ece2;
}

#pagewrapper > div:nth-child(2) > div > div > div > main > div.component.component_company-content > div:nth-child(2) > h2{
display:none;
}

#pagewrapper > div:nth-child(2) > div > div > div > main > div.component.component_company-content > div:nth-child(3) > h2{
display:none;
}

.fa-heart {
    --fa: "\f02e";
    --fa--fa: "\f02e\f02e";
}

#applicationHeader .flex-group .apply-btn {
    padding: 5px 30px 0px 30px;
}

#applicationHeader .flex-group .apply-btn i[class*=fa-]{
    margin-bottom: 4px;
}

.icon-before {
    margin-right: 8px !important;
}

content.toggle-height-content.collapsed {
    height: 500px;
}

.select2-container--default .select2-results, .select2-container--default .select2-results__options {
border-radius: 0px;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: #f1ece2;
    color: #003e5c;
}

#top > div.is-boxes > div > div > div.component.component_vacancy-title > div > div > ul > li.vacancy-location > i{
font-weight: 300;
}

#contentareaMzidFFc > div.component.component_paragraph_image-left.component_paragraph_image-left_variant > div > div > figure > img{
height: 85.66px;
    object-fit: cover;
    width: 185px;
}

#contentareaMzidFFc > div > div > div > div > p:nth-child(2) > a{
color: #fff;
}

#contentareaMzidFFc > div > div > div > div > p:nth-child(2) > span > a:nth-child(1){
color: #fff;
}

#contentareaMzidFFc > div > div > div > div > p:nth-child(2) > span > a:nth-child(3){
color: #fff;
}

#contentareaMzidFFc > div > div > div > div > p:nth-child(2) > span > a:nth-child(5){
color: #fff;
}

#contentareaMzidFFc > div > div > div > div > p:nth-child(3) > span > a:nth-child(1){
color: #fff;
}

#contentareaMzidFFc > div > div > div > div > p:nth-child(3) > span > a:nth-child(3){
color: #fff;
}

#contentareaTHH3BDn > div > div > div > figure > img{
height: 85.66px;
    object-fit: cover;
    width: 185px;
}

#contentareaTHH3BDn > div > div > div > div > p:nth-child(2) > a{
color: #fff;
}

#contentareaTHH3BDn > div > div > div > div > p:nth-child(2) > span > a:nth-child(1){
color: #fff;
}

#contentareaTHH3BDn > div > div > div > div > p:nth-child(2) > span > a:nth-child(3){
color: #fff;
}

#contentareaTHH3BDn > div > div > div > div > p:nth-child(2) > span > a:nth-child(5){
color: #fff;
}

#contentareaTHH3BDn > div > div > div > div > p:nth-child(3) > span > a:nth-child(1){
color: #fff;
}

#contentareaTHH3BDn > div > div > div > div > p:nth-child(3) > span > a:nth-child(3){
color: #fff;
}

/* uitlijning footer bij resizen */
@media (max-width: 915px) {
    .footer-webring ul {
        flex-direction: column;
        gap: 10px;
    }
}


/* custom CSS bedankt sollicitatie page*/
#pagewrapper > div:nth-child(2) > div > div > div > h2{
display:none;
}

#pagewrapper > div:nth-child(1) > div.is-boxes.is-content-center > div > div > div > div > div > div > div.content-right{
display: none;
}


@media (min-width: 768px) {
    .component_application-succesfull .card-body .content {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
    }
}


#pagewrapper > div:nth-child(1) > div.is-boxes.is-content-center > div > div > div > div{
    background: transparent;
}

.component_application-succesfull .card-body .content h1 {
    color: #000000;
}

#pagewrapper > div:nth-child(1) > div.is-boxes.is-content-center > div > div > div > div > div > div > div.content > h2{
font-size: 16px;
font-weight: 400;
}



.partial_application-process .process .process-element .process-anchorpoint {
padding: 7px 0px 0px 0px;
}

#description > div > div > div > div > main > div.component.component_process-content > div.component.component_recruiter > h3{
display:none;
}

.page_vacancy-detail .component_recruiter h2 {
    margin-bottom: 60px;
}

.checkbox-group .form-check, .radio-group .form-check {
    align-items: baseline;
}

#vacancyApplyInline > div:nth-child(1) > div.col-12.col-md-6.col-l > fieldset > legend{
margin-bottom: 1.5rem;
}

#company-list > h1 > span{
display:none;
}

.recruiter-whatsapp-btn{
display:none;
}

#pagewrapper > div.section.is-section.hero.layout.layout_hero > div.is-overlay > div.is-overlay-color{
background: #000; 
opacity: .15; 
}

.select2-container .select2-results__option[aria-selected=true] {
    background: #ffffff;
    color: #003e5c;
}

.select2-container .select2-results__option[aria-selected="false"] {
    background: #ffffff;
    color: #003e5c;
}

.select2-container .select2-results__option--highlighted[aria-selected] {
    background-color: #f1ece2;
    color: #003e5c;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
}

.language-switch .select2-container :hover{
    background-color: #f1ece2;
}

.select2-container--default .select2-selection--single {
padding: 6px 14px 5px 14px;
}

.select2-results__option {
    padding: 9px 18px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px;
}

.select2-container--default .select2-results {
    border: unset;
}

.pagination li.disabled a {
border: unset;
}

.page_vacancy-detail .partial_vacancy-information_application-form ul li {
background: none;
color: #212429;
}

.page_vacancy-detail .partial_vacancy-information_application-form ul li i {
color: #003e5c;
}

#vacancy-application-form > div > div > div > div > div > div > div.partial.partial_vacancy-information.partial_vacancy-information_application-form > div > ul > li.vacancy-location > i{
font-weight: 300;
}

.badge-new {
    margin: 0px 0px 7px 0px;
}

.page_vacancy-detail .component_related-vacancy .btn-all-vacancies {
    border: 2px solid var(--primary-color, #2a2cb5);
}

#pagewrapper > div.section.is-section.hero.layout.layout_hero > div.is-boxes > div > div > h2{
font-size: 18px;
font-weight: 500;
}

.component_application-succesfull .card-body .content h1 {
    color: #ffffff;
}

#pagewrapper > div:nth-child(1) > div.is-boxes.is-content-center > div > div > div > div > div > div > div.content > h2 {
color: #ffffff;
}
/*###< custom ###*/