@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=Quicksand:wght@300..700&display=swap');
    
    
    
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Quicksand', sans-serif !important;
    }
    
    h3 { background-color: transparent;
        
    }
    
    h2{
        font-weight: 300;
        font-size: 42;
        line-height: 52px;
    }
    
    *{
        font-family: 'Quicksand', sans-serif;
        scroll-behavior: smooth;
    }
    
    
    p{
        font-size:14px;
        font-weight: 400;
        line-height: 26px;
    }
    
    li {
        font-size:14px;
        font-weight: 400;
        line-height: 26px;
    }
    
    
    .fas{
        color:#F4963D;
    }
    
    
    
    .icon-home{
        height:60px;
        width:60px;
        line-height:60px;
        text-align: center; border-radius: 50%; border: 2px solid rgb(73, 164, 162); display: inline-block; background-color: rgb(73, 164, 162);
    }
    
    .icon-home b{
        color:rgb(73, 164, 162) !important;    
    }
    
    .icon-home .icon{
        font-size:30px;
    }
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    
    .btn.btn-primary {
    display: inline-block;
    text-decoration: none;
    transition: all 0.16s ease 0s;
    border: 3px solid rgb(244, 150, 61);
    cursor: pointer;
    color: rgb(255, 255, 255);
    border-radius: 34px;
    padding: 9px 24px;
    line-height: 1.5;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    background-color: rgb(244, 150, 61);
    }
    
    
    .btn.btn-primary:hover {
    background-color: #d17115 !important;
    border-color: #d17115 !important;
    }
    
    
    .btn-secondary{
    border-radius:0px !important;
    background-color: rgb(73, 164, 162);
    }
    
    
    .is-dark-text, .is-dark-text h1, .is-dark-text h2, .is-dark-text h3, .is-dark-text, h4, .is-dark-text h5, .is-dark-text h6, .is-dark-text p, .is-dark-text li {color: black;}
    
    /**navbar**/
    
    .bg-light {background-color: #000000 !important;}
    .navbar-logo { max-height: 85px;}
    .nav-link {color: #dbdbdb !important; font-size: 14px; font-weight: 400; line-height: 50px; text-transform: uppercase;}
    .nav-link:hover { text-decoration: underline 1.4px; text-decoration-color: #F4963D; text-underline-offset: 3px; transition: transform 0.3s ease-in-out;}    

    
    
    /**vacaturelijst**/
    
    
    .vacancy-index-sidebar { background-color:#F4963D ; }
    .vacancy-index-item-field-value { color: #000000; font-weight: 400; }
    .vacancy-index-list-counter { background-color: #F4963D; padding: 0.45rem 1rem; } 
    .vacancy-index-item-title, .vacancy-index-item-title:hover, .vacancy-index-item-title:visited { color: black !important; }
    .input-group-search .input-group-prepend i {color: black;}
    .vacancy-index-item-field-value i { color: #F4963D}

    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #787878 !important;
    border-color: #787878 !important;
}
    
    
    /**vacaturedetailpagina**/
    
    .container_vacancy-detail { background-color: black;}
    
    .section_vacancy-detail-body { background-color: black; color: white; }
    .section_vacancy-detail-header .header { background-color: black; }
    .vacancy-detail-title { color: #ffffff;}
    
    .section_vacancy-detail-header .header .vacancy-info { opacity: 0.7;}
    .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: #F4963D;}
    .section_vacancy-detail-header .header .vacancy-info .item p { color: white;}
    
    
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail .form-control{border-radius: 0px !important;}
    .apply-btn-submit{border-radius:0px;padding: 15px 20px; }
    
    .btn.btn-apply {border: 3px solid rgb(244, 150, 61); color: rgb(255, 255, 255); border-radius: 34px; font-weight: 500; font-size: 15px; background-color: rgb(244, 150, 61);}
    .btn.btn-apply:hover {border: 3px solid #EA790D;; color: rgb(255, 255, 255); border-radius: 34px;  background-color: #EA790D;}
    
    
    .vacancy-detail-subtitle {border-bottom: 2px solid #F4963D;}
    
    .vacancy-detail-offer-and-requirements .item span { color: #ffffff; opacity: 0.9; }
    .vacancy-detail-offer-and-requirements .item { background-color: #1f1f1f; }
    .vacancy-detail-offer-and-requirements .item i {color: #F4963D;}
    
    .vacancy-detail-progress .progress-bar {background-color: #F4963D;}
    

    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item { color: white;  }
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover { color: #F4963D;  }
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i { color:  #F4963D;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item span:hover  { color: white;}
    
    .vacancy-detail-sidebar .sidebar-card { background-color: #1f1f1f;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share::before {content: ''; display: block; margin-bottom: 22px; height: 1px; width: 100%; background-color: white;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button {color: #F4963D; font-weight: 500; }
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color: #F4963D; }
    
    .vacancy-detail-team .vacancy-detail-team-item { color: #ffffff; opacity: 0.9; background-color: #1f1f1f;  }
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #F4963D; font-weight: 400}
    
    .vacancy-detail-cta {background-color: #1f1f1f; }
    
    .modal .modal-content .modal-title {color: black; font-weight: 500; text-transform: uppercase;}
    
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: black;}
    
    @media(max-width: 767.98px) { 
    .container_vacancy-detail .section_vacancy-detail-body .vacancy-detail-cta { display:none; }
}
    
    
    /**sollicitatieformulier**/
    

    .vacancy-detail h1 {font-size: 2.2rem; color: white; }
    
    .background-block-white { background: #1f1f1f; color: white;}
    .col-form-label a.text-dark {color: #F4963D !important;}
    
    .vacancy-detail .btn-sm { color: rgb(255, 255, 255); border-radius: 34px; font-weight: 500; font-size: 15px; background-color: rgb(244, 150, 61);}
    .vacancy-detail .btn-sm:hover { color: rgb(255, 255, 255); border-radius: 34px;  background-color: #EA790D;}
    
    .vacancy-detail .btn  {border: 3px solid rgb(244, 150, 61); color: rgb(255, 255, 255); border-radius: 34px; font-weight: 500; font-size: 15px; background-color: rgb(244, 150, 61);}
    .vacancy-detail .btn:hover {border: 3px solid #EA790D;; color: rgb(255, 255, 255); border-radius: 34px;  background-color: #EA790D;}
    
    .custom-file .btn .unvalid { color: white; }

    
    
    /**privacybeleid**/
    .is-dark-text, .is-dark-text h1, .is-dark-text h2, .is-dark-text h3, .is-dark-text, h4, .is-dark-text h5, .is-dark-text h6, .is-dark-text p, .is-dark-text li {color: white;}
    .is-dark-text * { color: white;}
    .is-bg-light, .is-wrapper > div.is-bg-light {background-color: black;}
    
    /**vanalles**/
    
    
    
    .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;}   
    }