@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:white;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
        color: white;
    }
    
    .fas {color:#e92dbe;} /* standaard iconen kleur */
    
    .icon-home{
        height:60px;
        width:60px;
        line-height:60px;
        text-align: center; border-radius: 50%; border: 2px solid #e92dbe; display: inline-block; background-color: #e92dbe;
    }
    
    .icon-home b{
        color:#e92dbe !important;    
    }
    
    .icon-home .icon{
        font-size:30px;
    }
    
    .icon-home-title span{
    font-weight:600;
    }
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    
    
    body, .container_vacancy-detail {background-color: black;}
    .section_vacancy-detail-header .header {background-color: black;}
    
    /*** buttons ***/
    
    .btn-secondary {border-radius: 50px; !important;background-color: #e92dbe; padding: 15px 20px;} /* staat standaard in de css */
    
    .btn.btn-primary {border-radius: 50px; padding: 10px 20px; font-weight: 600;}  /* buttons in vacaturelijst */
    .btn.btn-primary:hover  {} 

    body .btn.btn-apply {border-radius: 50px; padding: 20px 30px; font-weight: 600;} /* buttons vacaturedetailpagina */
    body .btn.btn-apply:hover {} 

    .vacancy-detail .btn-sm .ia-btn-div {border-radius: 50px; padding: 5px 10px; font-weight: 600;} /* apply with indeed - sollicitatieformulier */
    .vacancy-detail .btn-sm .ia-btn-div:hover  {} 


    .apply-btn-submit {border-radius: 50px!important; padding: 10px 20px; font-weight: 600;} /* sollicitatie versturen - sollicitatieformulier */
    .apply-btn-submit:hover {}
 
    /*** navigatiebalk ***/
    
    .bg-light {background-color: #121212!important;} /* navigatiebalk achtergrondkleur */
    .navbar-logo {max-height: 40px; margin-top: 20px; margin-bottom: 20px;} /* logo - met max-height: 00px; kan je de grootte aanpassen */
    #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: #E2E2E2; font-weight: 600;} /* menubalk items */
    #navbar-main .nav-item .nav-link:hover, #navbar-main .nav-item .dropdown-item:hover {color: white;} /* menubalk items - hover */
    
    /*** vacaturelijst ***/
    
    .vacancy-index-list-counter {background-color:  #e92dbe;} /* vacature teller */
    .vacancy-index-item {background-color: black; border-color: black;}
    .vacancy-index-item-title, .vacancy-index-item-title:hover, .vacancy-index-item-title:visited {color: white;}
    .vacancy-index-item-field-value i {color: #e92dbe;} /* iconen bij vacature */
    
    .vacancy-index-sidebar {background-color: black; border-color: black;}
    .badge.badge-filter:hover {color: #17ceb6;} /* actieve filter - hoverkleur */
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #17ceb6 !important; border-color: #17ceb6 !important; } /* checkbox kleur */
    .vacancy-index-sidebar .clear-all-filters:hover {color: #17ceb6;}
    
    #vacature-alert input {opacity: 0.7;}
    .select2-container--default .select2-selection--multiple {opacity: 0.7;}

    /*** vacaturedetail ***/
    
    .section_vacancy-detail-header .fa, .section_vacancy-detail-header .far, .section_vacancy-detail-header .fas, .section_vacancy-detail-header .fad, .section_vacancy-detail-header .fal, .section_vacancy-detail-header .fab {color: white;}
    .section_vacancy-detail-header .header span {color: #e92dbe;} /* 'vacature' bovenaan detail pagina */
    .vacancy-detail-offer-and-requirements .item {background-color: #121212; border-radius: 10px;}
    .vacancy-detail-offer-and-requirements .item i {color: #e92dbe;} /* iconen bij vacature highlights */
    .vacancy-detail-progress .progress-bar {background-color:  #e92dbe;} /* balkkleur werkzaamheden % verdeling */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i  {color: #e92dbe;} /* contactgevens iconen */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover {color: #e92dbe;} /* contactgegevens hoverkleur */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button {color: #e92dbe;} /* vacature delen */
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color: #e92dbe;} /* vacature delen - icoon*/
    .modal .modal-content .modal-title {color: #e92dbe;} /* vacature delen - pop-up titel */
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #e92dbe;} /* testimonial - functietitel */
    .vacancy-detail-cta {background-color: #121212; border-radius: 20px;}
    
    
    .vacancy-detail-sidebar .sidebar-card {background-color: #121212; border-radius: 20px; opacity: 1!important;}

    .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 */
    
    /*** ***/
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: black;}
    .background-block-white {background-color: #121212; border-radius: 20px;}
    .form-control {opacity: 0.7;}
    .custom-file .btn {background-color: #e92dbe; border-radius: 30px; color: #E2E2E2; border-color: #e92dbe;}
    .custom-file .btn:hover {background-color: #e92dbe; border-radius: 30px; color: white!important; border-color: #e92dbe;}
    .custom-file .btn .unvalid {background-color: #e92dbe; border-radius: 30px; color: #E2E2E2; border-color: #e92dbe;}
    .custom-file .btn .unvalid:hover {background-color: #e92dbe; border-radius: 30px; color: white; border-color: #e92dbe;}
    .custom-file .btn .valid {background-color: #e92dbe; border-radius: 30px; color: white; border-color: #e92dbe;} 
    .col-form-label .text-dark {color: white!important;}
    
    .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;}   
    }