@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap'); /*primary_font_url*/
:root {
    --base-color: #aebeb2;
    --primary-color: #5c6e6c;
    --secondary-color: #aebeb2;
    --accent-color: #ee7d00;
    --navigation_font-family: "Comfortaa", sans-serif;
    --heading_font-family: "Comfortaa", sans-serif;
    --content_font-family: "Comfortaa", sans-serif;
    --content_font-size: 1.6rem;
    --content_font-size_small: 1.1rem;
    --content_font-size_large: 2rem;
    --content_md_font-size: 1.6rem;
    --content_md_font-size_small: 1.4rem;
    --content_md_font-size_large: 1.8rem;
    --content_lg_font-size: 1.8rem;
    --content_lg_font-size_small: 1.6rem;
    --content_lg_font-size_large: 2rem;
    --h1_hero_color: #ee7d00;
    --h1_hero_margin: bold;
    --h1_hero_font-size: 3.5rem;
    --h1_hero_sm_font-size: 2.8rem;
    --h1_hero_md_font-size: 3.5rem;
    --h1_hero_lg_font-size: 4rem;
    --h2_hero_color: #ee7d00;
    --h2_hero_font-size: 2.8rem;
    --h2_hero_sm_font-size: 2.2rem;
    --h2_hero_md_font-size: 2.8rem;
    --h2_hero_lg_font-size: 3.2rem;
    --h1_color: #ee7d00;
    --h1_font-weight: bold;
    --h1_font-size: 2.5rem;
    --h1_sm_font-size: 2rem;
    --h1_md_font-size: 2.5rem;
    --h1_lg_font-size: 3rem;
    --h2_color: #ee7d00;
    --h2_font-size: 2rem;
    --h2_sm_font-size: 1.6rem;
    --h2_md_font-size: 2rem;
    --h2_lg_font-size: 2.4rem;
    --h3_color: #5C6E6C;
    --h3_font-size: 1.6rem;
    --h3_sm_font-size: 1.4rem;
    --h3_md_font-size: 1.6rem;
    --h3_lg_font-size: 1.8rem;
    --h4_font-size: 1.8rem;
    --h4_sm_font-size: 1.8rem;
    --hyperlink_color: #EE7D00;
    --hyperlink_hover_color: #5C6E6C;
    --card_h2_card-title_font-size: 2.2rem;
    --header-nav_link_font-size: 16px;
    --header-nav_link_color: #5C6E6C;
    --header-nav_link_hover_color: #ee7d00;
    --footer_background: #AEBEB2;
    --footer_link_color: #FFFFFF;
    --footer_link_hover_color: #ee7d00;
    --footer_h2_color: #FFFFFF;
    --notification-bubble.show { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 0.75rem; border-radius: 50%; position: relative; top: -9px; right: -5px; line-height: 1; padding: 0;
}

/*###> custom ###*/
.site-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.partial_vacancy_list-item .vacancy-top .sub {
display:none;
}

.page_vacancy-detail .partial_vacancy-information .partial_vacancy_image { 
display: none;
}

.notification-bubble.show { position: relative; top: -2px; } 

.badge.badge-new { display: inline-flex; align-items: center; justify-content: center; padding: 0.25em 0.6em; background-color: #EE7D00; color: #fff; font-size: 0.85rem; line-height: 1; border-radius: 12px; min-width: 40px; height: auto; text-align: center; } 

.badge.badge-new p { margin: 0; padding: 0; } .partial_option_images_list-item .content h2 { font-size: 1.65rem; } 

.partial_option_images_list-item .content .nr { font-size: 1.25rem; }

.partial_option_images_list-item .badge.badge-float { display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; padding: 0.25em 0.45em; line-height: 1; } 

#mainHeader .badge--notification-bubble.show { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 0.75rem; border-radius: 50%; position: relative; top: -9px; right: -5px; line-height: 1; padding: 0; } 

.partial_recruiter_list-item p, .partial_recruiter_list-item p small { font-size: 1.5rem !important; } 

.partial_recruiter_list-item a.phone, .partial_recruiter_list-item a.email, .partial_recruiter_list-item a[href*="linkedin"] { color: #5C6E6C; text-decoration: none; transition: color 0.3s ease; } 

.partial_recruiter_list-item a.phone:hover, .partial_recruiter_list-item a.email:hover, .partial_recruiter_list-item a[href*="linkedin"]:hover { color: #EE7D00; } 

.partial_recruiter_list-item a.recruiter-contact-btn { background-color: #AEBEB2 !important; border-color: #AEBEB2 !important; color: #fff !important; transition: all 0.3s ease; } 

.partial_recruiter_list-item a.recruiter-contact-btn:hover, .partial_recruiter_list-item a.recruiter-contact-btn:focus, .partial_recruiter_list-item a.recruiter-contact-btn:active { background-color: #9CAFA5 !important; border-color: #9CAFA5 !important; color: #fff !important; } 

label[for^="categorie-"] { font-size: 0.95rem !important; color: #ffffff !important; background-color: #EE7D00 !important; padding: 0.3rem 0.6rem !important; border-radius: 4px !important; display: inline-block !important; } 

/* ----- EVENEMENTEN ITEMS ----- */ 
.partial_event_list-item .card-body .card-title { font-size: 1.5rem !important; color: #000 !important; line-height: 1.3 !important; margin-bottom: 0.5rem !important; transition: color 0.3s !important; } 

.partial_event_list-item .card-body .card-title:hover { color: #ee7d00 !important; cursor: pointer; } .partial_event_list-item .card-body .date { font-size: 1.15rem !important; color: #aebeb2 !important; margin-bottom: 0.3rem !important; } 

.partial_event_list-item .category .card-img-text, .partial_event_list-item .widget_share .card-img-text { font-size: 1rem !important; color: #ffffff !important; display: inline-flex !important; align-items: center !important; gap: 0.3rem !important; text-decoration: none !important; } 

.partial_event_list-item .category .card-img-text:hover, .partial_event_list-item .widget_share .card-img-text:hover { color: #ffffff !important; } .partial_event_list-item .card { transition: transform 0.3s ease, box-shadow 0.3s ease; } 

.partial_event_list-item .card:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } 

/* FAQ 'Lees meer' knoppen oranje */ 
.partial_faq_list-item .is-btn.is-btn-primary { background-color: #ee7d00 !important; border-color: #ee7d00 !important; color: #fff !important; } 

.partial_faq_list-item .is-btn.is-btn-primary:hover, .partial_faq_list-item .is-btn.is-btn-primary:focus, .partial_faq_list-item .is-btn.is-btn-primary:active { background-color: #ee7d00 !important; border-color: #ee7d00 !important; color: #fff !important; } 

/* FAQ datums en tekst iets compacter */ 
.partial_faq_list-item .date { color: #aebeb2 !important; font-size: 0.95rem !important; } 

.partial_faq_list-item .body h2 { font-size: 1.3rem !important; } .partial_faq_list-item .body p { font-size: 1.05rem !important; } 

.partial_usp_list-item h2.text { font-size: 1rem !important;
}

/* SUP-12583 */
.component_salary-slider.component_filters .list .filter-group .card-body .checkbox-group {
width: calc(100% - 20px);
}
.component_salary-slider.component_range-slider .noUi-horizontal .noUi-handle.noUi-handle-lower {
    right: -20px;
}
.component_salary-slider.component_range-slider .card .card-body {
    padding: 30px 30px 60px 30px;
}

/* SUP-12831 */
.component_recruiter .card .card-body {
padding: 30px 20px;
}

/* SUP-12849 */
@media (min-width: 576px) {
    footer #footercolumn {
        flex:0 0 100%;
        max-width: 100%
    }
}
@media (min-width: 768px) {
    footer #footercolumn {
        flex:0 0 50%;
        max-width: 50%
    }
}
@media (min-width: 992px) {
    footer #footercolumn {
        flex:0 0 45%;
        max-width: 45%
    }
}
@media (min-width: 1200px) {
    footer #footercolumn {
        flex:0 0 35%;
        max-width: 35%
    }
}
/*###< custom ###*/