@import url('https://use.typekit.net/kcd0mla.css'); /*primary_font_url*/
:root {
    --base-color: #00338d;
    --primary-color: #00338d;
    --secondary-color: #aceaff;
    --tertiary-color: #f5f5f5;
    --accent-color: #aceaff;
    --heading-color: #00338d;
    --content-color: #00338d;
    --navigation_font-family: open-sans;
    --heading_font-family: open-sans-condensed;
    --content_font-family: open-sans;
    --content_font-weight: 500;
    --content_font-size: 16px;
    --content_font-size_small: 16px;
    --content_font-size_large: 16px;
    --content_line-height: 24px;
    --h1_hero_color: #00338d;
    --h1_hero_font-weight: 700;
    --h1_hero_font-size: 50px;
    --h1_hero_lg_font-size: 50px;
    --h1_hero_line-height: 60px;
    --h1_hero_lg_line-height: 60px;
    --h2_hero_color: #00338d;
    --h1_color: #00338d;
    --h1_font-weight: 700;
    --h1_font-size: 42px;
    --h1_lg_font-size: 42px;
    --h2_color: #00338d;
    --h2_font-weight: 600;
    --h2_font-size: 38px;
    --h2_lg_font-size: 38px;
    --h3_color: #00338d;
    --h3_font-weight: 600;
    --h3_font-size: 34px;
    --h3_lg_font-size: 34px;
    --h4_font-size: 30px;
    --h4_font-weight: 600;
    --h4_color: #00338d;
    --h4_sm_font-size: 25px;
    --hyperlink_font-weight: 500;
    --button_font-size: 16px;
    --button_font-weight: 500;
    --button_border-radius: 0px;
    --placeholder-color: #666666;
    --form_form-control_label_color: #000000;
    --card_heading_color: #00338d;
    --card_h2_card-title_font-weight: 600;
    --header_background-color: #ffffff;
    --header-nav_link_font-size: 16px;
    --header-nav_link_font-weight: 500;
    --footer_font-size: 16px;
    --footer_webring_li_font-size: 16px;
    --bs-link-color-rgb: rgba(0, 0, 0, 0.175);
    --fa: "\f002";
    --fa--fa: "\f002\f002";
}

/*###> custom ###*/
header .header-nav>ul>li.active a {
    border-bottom: 0px solid;
}

.fa-map-marker::before {
    content: "\f3c5";
    font-weight: 600;
}


/* Hide the card-company class */

.card-company {
display:none;
}

.section-title:has(+ .card-company) {
display:none;
}

.component_map-search-button {
display:none;
}

.navbar-toggle--search{
display:none;
}

#pagewrapper > div > div.section.is-section.is-box.is-light-text.is-vh-height-30.layout.layout_hero > div.is-boxes > div > div > div > form > div > div > div.postal-code{
display:none;
}

#vacancy_options_form > div.component.component_filter-block.component_filters.component_range-slider{
display:none;
}

/*  Fontsize correcties  */

h2.section-title {
    font-weight: 600;
}

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

/*  Kleur correcties  */

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #ffffff;
    text-decoration: none;
}

/*  Kleur correcties overlay vacatures  */

.page_vacancy-overview .layout_hero .is-overlay-color {
    background-color: #000000;
    opacity:  .2;
}

/*  Correctie border radius - apply form */

.vich-file {
    border-radius: 0px;
}

/*  Correctie border radius - paragraph snippet  */

[class*=component_paragraph_] img {
    border-radius: 0px;
}

/*  Custom styling nav-submenu  */

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

header nav.header-nav ul li ul {
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
}

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

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

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

/*  Custom styling vacature filter icons-vacature overzicht & detail */

.partial_vacancy_list-item .vacancy-footer .options ul li i[class*="fa-"], .partial_vacancy_list-item .vacancy-footer .options ul li i[class^="icon-"] {
    color: #fd349c;
}

.page_vacancy-detail .partial_vacancy-options i {
    color: #fd349c;
}

/*  Custom styling geselecteerde filters-vacature overzicht  */

.component_filters#selected-filters .card .card-body p {
    font-family: 'open-sans-condensed';
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.component_filters#selected-filters .card .card-body .tags .tag {
    background-color: #00338d;
    color: #ffffff;
    border-radius: 0px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 10px 5px 0 0;
    padding: 10px 12px 10px 12px;
}

.page_blog-overview .page-intro .component_filters .filter-group ul.checkbox-group li label {
    padding: 5px 15px;
}

.page_event-overview .component_filters .filter-group ul.checkbox-group li label {
  padding: 5px 15px;
}



/*  Hide vacancy count  */

header .header-nav>ul>li a .badge {
    display: none;
}

footer .footercolumn ul li a .badge-float {
    display: none;
}

#contentareaBqo0W9s > div > div > div > div > div:nth-child(1){
margin: 0 0 12px;
}

#contentareaBqo0W9s > div > div > div > div > div:nth-child(2){
margin: 0 0 12px;
}

#contentareaBqo0W9s > div > div > div > div > div:nth-child(3){
margin: 0 0 12px;
}

#contentareaBqo0W9s > div > div > div > div > div:nth-child(4){
margin: 0 0 12px;
}

/* styling secundairy button */

a.is-btn.is-background-color-secondary {
color : #00338d;
}

a.is-btn.is-background-color-secondary:hover {
color : #00338d;
}



.component_logo-slider .slick-slide>div .logo {
    border:unset;
}

/* styling accent naar secundairy button */

.partial_ajax-search-form .search-grid .button .is-btn {
color : #00338d;
background-color: #aceaff;
}

.is-background-color-accent{
color : #00338d;
background-color: #aceaff;
}

button.is-btn.is-background-color-accent{
color : #00338d;
background-color: #aceaff;
}

button.is-btn.is-background-color-accent:hover{
color : #00338d;
background-color: #aceaff;
}

.partial_recruiter_list-item .recruiter-whatsapp-btn, .partial_recruiter_list-item .recruiter-whatsapp-btn:hover {
    background-color: #aceaff;
    color: #00338d;
}

#vacancy-application-form .btn-application-submit, #vacancyApplyInline .btn-application-submit, .vacancy-application-form .btn-application-submit {
    background: #00338d;
    color: #ffffff;
}

#applicationHeader .flex-group .apply-btn {
    background: #00338d;
    color: #ffffff;
}

.page_vacancy-detail .component_related-vacancy .btn-all-vacancies {
    background-color: #aceaff;
    border: unset;
    color: #00338d;
}

.page_vacancy-detail .component_related-vacancy .btn-all-vacancies:hover {
    background-color: #aceaff;
    border: unset;
    color: #00338d;
}

.badge-notification {
background: #fd349c;
    color: #ffffff;
}

/*  search home header optimalisatie  */

#contentareaYzYvEz4 > div.component.component_vacancy-search.component_vacancy-search_advanced > div{
     background: transparent;
}


/* verkleinen marge links searchbox home */

.component_vacancy-search .card {
    padding: 40px 40px 40px 0px;
}


/* custom styling favourite button in navigatie */

 .is-btn.is-btn-icon.favorites-toggle{
background: #aceaff;
border: unset;
color: #00338d;
}

 .is-btn.is-btn-icon.favorites-toggle:hover{
background: #aceaff;
border: unset;
color: #00338d;
}

header .is-btn-icon {
  background: #aceaff;
border: unset;
color: #00338d; 
}

header .is-btn-icon:hover {
  background: #aceaff;
border: unset;
color: #00338d; 
}

img {
    height: auto;
}


.component_gallery-slider .slick-arrow {
    border: unset;
    background: #aceaff; 
}

.component_gallery-slider .slick-arrow:before {
    color: #00338d;
}

#description > div > div > div > div > main > div.component.component_process-content > div.component.component_recruiter > div > div > div > a.is-btn.recruiter-contact-btn{
display:none;
}

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

.page_event-detail .layout_event-registration {
    background-color: #fafafa;
}

/* custom styling Counterblok */

.count{
display:inline-block;
}

.component_usp_bar_column .partial_usp_list-item figure {
    max-width: 140px;
}

.component_usp .partial_usp_list-item .text h2 {
    width: 100%;
    font-family: 'open-sans';
    font-size: 1.8rem;
}

.component_usp .partial_usp_list-item {
    gap: 25px;
}

#mainHeader > div > div:nth-child(1) > div > div.site-nav > nav > ul > li:nth-child(2) > ul > li.has-submenu > a > span{
color: #00338d;
}

.component_testimonial .testimonial-author p:last-of-type {
    margin-top: 25px;
}

#contentareaVw1kBvV > div > div > div > div > div > div > div > div > div.testimonial-content-wrapper > div.testimonial-content{
font-size: 2.4rem;
    font-weight: 700;
}

#vacancy-search-postalcode{
display:none;
}

@media (max-width: 750px) {
    .footer-webring ul {
        flex-direction: column;
        gap: 10px;
    }
}

.fa-tag {
    --fa: "\f002";
    --fa--fa: "\f002\f002";
}

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

.component_application-succesfull .card-body .content .is-btn {
    background-color: #00338d;
}

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

#description > div > div > div > div > main > div.component.component_process-content > div.component.component_recruiter > h3{
font-family: open-sans;
font-size: 16px;
font-weight: 400;
}

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

#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;
}

.overlay {
    background: #f5f5f5;
}

.overlay .inner {
    background: #f5f5f5;
}

.overlay.overlay-hugeinc-filters .block-filters>h2 {
    color: #00338d;
}

nav.overlay-close .is-btn-results {
    background: var(--accent-color, #18ccf5);
    color: #00338d;
}

.overlay-hugeinc-search h2 {
   color: #00338d;
}

#mainHeader > div > div:nth-child(1) > div > div.site-nav > nav > ul > li:nth-child(4) > a > span{
  color: #00338d;
}

@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;
}

@media (min-width: 768px) {
    .component_application-succesfull .card-body {
        flex-direction: row;
        padding: 50px 50px 50px 0px;
    }
}

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

.partial_recruiter_list-item small {
    color: #666666;
    font-family: open-sans;
font-size: 16px;
font-weight: 400;
}

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

a.phone{
font-size: 16px;
}

a.email{
font-size: 16px;
}

#c-menu--slide-left > div.wrapper > ul.c-menu__items > li:nth-child(1) > a > span{
display:none;
}
/*###< custom ###*/