@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Poppins', sans-serif !important;
    }
    
    h2{
        font-weight: 600;
        line-height: 35px;
    }
    
    *{
        font-family: 'Poppins', sans-serif;
        scroll-behavior: smooth;
        color: #31348B;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
        color: #31348B;
    }
    
    .fas {color:#64B8E1;} /* standaard iconen kleur */
    
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    
    
    /*** buttons ***/
    
    .btn-secondary {border-radius:30px !important; background-color: #64B8E1!important; color: #31348B!important; padding: 15px; font-size: 14px; border-color: #64B8E1!important; letter-spacing: 0px;} /* staat standaard in de css */
    
    .btn.btn-primary {border-radius:30px !important; background-color: #64B8E1!important; border-color: #64B8E1!important; color: #31348B!important; padding: 15px; font-size: 14px; letter-spacing: 0px;}  /* buttons in vacaturelijst */
    .btn.btn-primary:hover  {} 

    body .btn.btn-apply {border-radius:30px !important; background-color: #64B8E1!important; border-color: #64B8E1!important; color: #31348B!important; padding: 15px; font-size: 14px; letter-spacing: 0px;} /* buttons vacaturedetailpagina */
    body .btn.btn-apply:hover {} 

    .vacancy-detail .btn-sm .ia-btn-div {border-radius:30px !important; background-color: #64B8E1!important; border-color: #64B8E1!important; color: #31348B!important; padding: 15px; font-size: 14px; letter-spacing: 0px;} /* apply with indeed - sollicitatieformulier */
    .vacancy-detail .btn-sm .ia-btn-div:hover  {} 

    .apply-btn-submit {border-radius:30px !important; background-color: #64B8E1!important; border-color: #64B8E1!important; color: #31348B!important; padding: 15px; font-size: 14px; letter-spacing: 0px;} /* sollicitatie versturen - sollicitatieformulier */
    .apply-btn-submit:hover {}
 
/*** navigatiebalk ***/
#nav-main { position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; padding: 0!important;
    .is-content-1200 { max-width: 1100px !important; padding: 32px 15px; }
    .navbar-brand { margin: 0!important; padding: 0!important; }
    .navbar-toggler { border: none!important; z-index: 1400;
        span { background-color: #fff; }
        
        &[aria-expanded="true"] span { background: #edbd54; }  
    }
}

/* Mobile menu */
@media (max-width: 991.98px) {
    #nav-main { 
        .navbar-collapse { flex-direction: column; justify-content: center; position: absolute; top: 0; right: 0; bottom: auto; left: 0; min-height: 100dvh!important; height: 100dvh; background: #fff !important; margin: 0!important; padding: 20px!important;
            .navbar-nav { width: 100%!important; }
            .nav-item { border: none!important; text-align: right;
                
                &:not(:last-child) .nav-link { color: #edbd54!important; font-size: 6.6vmin!important; padding: 10px 0!important; color: rgb(49, 52, 140); }
                &:last-child .nav-link { margin-left: auto !important; }
            } 
            
            &.show, &.collapsing { display: flex!important; }
        }
    }
}

@media (min-width: 992px) {
    #nav-main {
        .navbar-nav { margin: 0!important; width: 100%;
            .nav-item:last-child { margin-left: auto!important; }
        }
        .navbar-brand { position: absolute; left: 50%; transform: translateX(-50%); }
    }
}

/* Klikbaar logo herstellen */
#navbar-main,
.navbar {
  z-index: 1100;
}

.navbar-brand,
#navbar-main .navbar-brand,
a.navbar-brand {
  position: relative;
  z-index: 1101;
  display: inline-block;
  pointer-events: auto;
}

.navbar-brand img,
.navbar-logo {
  display: block;
  position: relative;
  z-index: 1101;
}

#navbar-main .nav-item,
#navbar-main .nav-link {
  position: relative;
  z-index: 1001;
}

/* Navbar over de hero heen */
#navbar-main,
.navbar {
  background: transparent !important;
  box-shadow: none !important;
  border: 0;
}

/* Bootstrap bg-light uitschakelen */
.bg-light {
  background: transparent !important;
}


/* Logo */
.navbar-logo {
  max-height: 70px;
}

/* Laatste menu-item zelf netjes uitlijnen */
#navbar-main .nav-item:last-child {
  display: flex;
  align-items: center;

}

/* CTA button (laatste menu-item) */
#navbar-main .nav-item:last-child .nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 20px 28px;
  border-radius: 999px;
  background-color: #64B8E1 !important;
  color: #31348B !important;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-left: 20px!important;
  margin-right: 0!important;
  font-weight: 300;
}

#navbar-main .nav-item:last-child .nav-link:hover {text-decoration: none; background-color: rgb(120,193,229)!important;}

    #navbar-main .nav-item .nav-link, #navbar-main .nav-item .nav-link:visited, #navbar-main .nav-item .dropdown-item, #navbar-main .nav-item .dropdown-item:visited {color: white; font-weight: 600; font-size: 12px; text-transform: uppercase;} /* menubalk items */
    #navbar-main .nav-item .nav-link:hover, #navbar-main .nav-item .dropdown-item:hover {text-decoration: underline; transition: 0.6s ease;} /* menubalk items - hover */
    
    /*** vacaturelijst ***/
    
    .vacancy-index-list-counter {background-color:  #64B8E1; color: #31348B; font-weight: 700;} /* vacature teller */
    .vacancy-index-item-field-value i {color: #64B8E1;} /* iconen bij vacature */
    .badge.badge-filter:hover {color: #64B8E1;} /* actieve filter - hoverkleur */
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-chrlabel:before {background-color: #64B8E1 !important; border-color: #64B8E1 !important; max-height: 20px!important;} /* checkbox kleur */
    
    .mb-0, .my-0 {color: white;}
    .vacancy-index-list-title  {color: white; font-weight: 300;}
    .vacancy-index-item-filter-name {color: white;}
    .vacancy-index-sidebar .custom-control-label {color: white!important;}
    
    
    /*** direct solliciteren ***/
    .custom-control, .custom-control label {color: #31348B;}


    /*** vacaturedetail ***/
    
    .section_vacancy-detail-header .header span {color: #64B8E1;} /* 'vacature' bovenaan detail pagina */
    .vacancy-detail-offer-and-requirements .item i {color: #64B8E1;} /* iconen bij vacature highlights */
    .vacancy-detail-progress .progress-bar {background-color:  #64B8E1;} /* balkkleur werkzaamheden % verdeling */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i  {color: #64B8E1;} /* contactgevens iconen */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover {color: #64B8E1;} /* contactgegevens hoverkleur */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button {color: #64B8E1;} /* vacature delen */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color: #64B8E1;} /* vacature delen - icoon*/
    .modal .modal-content .modal-title {color: #64B8E1;} /* vacature delen - pop-up titel */
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #64B8E1;} /* testimonial - functietitel */

    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);} /* staat standaard in de css */
    .vacancy-detail .form-control{border-radius: 0px !important;} /* staat standaard in de css */
    
    /*** sollicitatieformulier ***/
    
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: #64B8E1;}
    .vacancy-detail h1 {margin-top: 150px!important;}
    
    
    /*** Privacy pagina ***/
    
    .is-bg-light, .is-wrapper > div.is-bg-light {background-color: #64B8E1;}
    .is-dark-text h1 {margin-top:60px;}
    
    
    /*** ***/
    
    .icon-home-title span{
        font-weight:600;
    }
    
    .col-md-6.img-default {
        padding: 0px 30px;
    }
    .is-footer b{
        color: rgb(73, 164, 162);
    }
    .cta-title{
        font-size:36px;
    }
    
    li.nav-item:first-child {
        display: none;
    }
    
    
    
    .icon-home-title{font-size:24px; margin-top:20px;}
    @media screen and (max-width: 992px) {
        .col-md-6.img-default{padding:15px;}
        .is-overlay .is-overlay-bg{background-position:center right;}
    .is-footer img{width:200px !important;}
      .icon-home-title{margin-top:10px !important; margin-bottom:40px; letter-spacing:0px !important;}   
    }
    
@media (max-width: 768px) {
    #lijst .col-md-2.mt-auto.text-right { margin-top: 1rem!important; }
}