@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.3rem;
    --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.4rem;
    --h4_sm_font-size: 1.2rem;
    --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 { 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: 0.85rem; } .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; } #location-edit-sidebar, .city .location_placeholder { font-size: 0.85rem; } #vacancy-search-field, #vacancy-search-postalcode { font-size: 0.85rem; } 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;
}

/*###> custom ###*/
@media (min-width: 768px) {
    .component_vacancy_options_grid {
        grid-template-columns: 1fr 1fr;
}
span.location_placeholder {
  font-size: 1.4rem !important;
  font-weight: 500;
}

#location-edit-sidebar {
  font-size: 1.2rem;   /* grotere tekst in het inputveld */
  padding: 12px 14px;  /* maakt het veld zelf groter */
  height: auto;        /* zorgt dat het meegroeit met de padding */
}
.partial_recruiter_list-item *:not(.is-btn):not(.is-btn *) {
  font-size: 1.2rem !important;
  line-height: 1.5 !important;
}
#vacancy-search-field,
#vacancy-search-postalcode {
    font-size: 1.2rem; /* past de tekstgrootte aan, 1.2rem is iets groter dan standaard */
}
/* Vraag (h2) binnen elk FAQ-item */
.partial_faq_list-item .card .card-body .body a h2 {
    font-size: 2.6rem !important; /* flink groter */
    line-height: 1.2 !important;
}

/* Antwoordtekst (p) binnen elk FAQ-item */
.partial_faq_list-item .card .card-body .body p {
    font-size: 1.6rem !important; /* iets kleiner dan h2, maar groot genoeg */
    line-height: 1.5 !important;
}

/* Datum */
.partial_faq_list-item .card .card-body .body .date {
    font-size: 1.4rem !important; /* subtieler dan p, zichtbaar */
    line-height: 1.4 !important;
    color: #555 !important;
}

/* Knoppen onaangeroerd */
.partial_faq_list-item .card .card-body .body a.is-btn {
    font-size: inherit !important;
}
/* Datum */
.card-body .event-top .date,
.card-body .date {
    font-size: 1.4rem !important; /* zoals blog/nieuws */
    line-height: 1.4 !important;
    color: #555 !important;
}

/* Titel H2 */
.card-body .event-body .card-title,
.card-body .card-title {
    font-size: 2.6rem !important; /* gelijk aan blog/nieuws */
    line-height: 1.2 !important;
}

/* Event body p of andere tekst */
.card-body .event-body p {
    font-size: 1.6rem !important; /* als er paragrafen zijn in event-body */
    line-height: 1.5 !important;
}
/* Categorie link (icoon + tekst) onder elk evenement */
.card-body .category a.card-img-text {
    font-size: 1.4rem !important; /* grotere tekst */
    line-height: 1.4 !important;
}

/* Categorie link tekst en icoon */
.card-body .category a.card-img-text,
.card-body .category a.card-img-text i.icon-before {
    font-size: 1.4rem !important; /* flink groter */
    line-height: 1.4 !important;
    vertical-align: middle !important; /* icoon mooi uitlijnen met tekst */
}



/* Share/dropdown link */
.widget.widget_share a.card-img-text {
    font-size: 1.4rem !important; /* iets groter */
    line-height: 1.4 !important;
}