@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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Inter', sans-serif !important;
    }
    
    h2{
        font-weight: 600;
        line-height: 35px;
    }
    
    *{
        font-family: 'Inter', sans-serif;
        scroll-behavior: smooth;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
    }
    
    .fas{
        color:#DDB35A;
    }
    
    
        /*** Navivatiebalk **/
    .bg-light {background-color: white!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: rgb(10, 13, 20); font-weight: 400; font-size: 16px;}
    #navbar-main .nav-item .nav-link:hover,  #navbar-main .nav-item .dropdown-item:hover {color: #999A9D!important; font-weight: 400; font-size: 16px; background-color: #FFFFFF!important; transition: 0.4s;}
    .navbar-nav .dropdown-menu {background-color: #FFFFFF!important; box-shadow: none; border: 1px solid #ABACAF; border-radius: 10px; }
    .navbar-nav .dropdown-menu:hover {background-color: #FFFFFF!important; color: #999A9D!important; transition: 0.4s;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-top: 0.5rem; padding-bottom: 0.5rem; margin-top: 12px; margin-bottom: 12px;}    
    li.nav-item:first-child {display:none;}
    li.nav-item:last-child .nav-link {background-color: #DDB35A!important; color: rgb(10, 13, 20)!important;  border-radius: 50px!important; font-size: 16px!important; font-weight: 500!important; text-decoration: none!important; transition: background-color 0.3s ease; margin-left: 100px;}
    li.nav-item:last-child .nav-link:hover {color: black; background-color: #BDA35C!important; border-color: #BDA35C!important;}
    .navbar-logo {max-height: 37px!important;}



    
    /*** vacaturelijst ***/ 
    
    .vacancy-index-list-title {color: white;}
    .vacancy-index-sidebar {background-color: white;}
    .vacancy-alert-container h2 {color:white; }
    .vacancy-alert-container p {color:white; }
    .vacancy-alert-container label {color:white; }
    .vacancy-alert-container u {color:white; }
    .vacancy-alert-container span {color:white; }
    .mb-0   {color:white!important;}
    .input-group-text {color: black!important;}
    .vacancy-alert-container h2 {font-weight: 500;}
    .vacancy-index-list-counter {background-color: #DDB35A; color: black; font-weight: 400; padding: 0.5rem 1rem;}
    .vacancy-index-item-field-value i {color: #DDB35A;}
    body .btn.btn-primary {color:black; border-radius: 50px; font-weight: 500;}
    body .btn.btn-primary:hover {color: black; background-color: rgb(185,158,83); border-color: rgb(185,158,83);}
    .badge.badge-filter { background-color: #F7F2E6;}        
    .badge.badge-filter:hover {color: #DDB35A; }        
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #DDB35A !important; border-color: #DDB35A !important; }

    
    /*** ***/
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    
    .btn-secondary{
    border-radius:0px !important;
    background-color: rgb(73, 164, 162);
    }
    
    /*** vacaturedetail ***/
    
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    body .btn.btn-apply {color:black!important; border-radius: 50px!important; font-weight: 500!important;}
    body .btn.btn-apply:hover {color: black!important; background-color: rgb(185,158,83)!important; border-color: rgb(185,158,83)!important;}
    .vacancy-detail-offer-and-requirements .item i {color: #DDB35A;}
    .vacancy-detail-offer-and-requirements .item {border-radius: 15px;}
    .vacancy-detail-progress .progress-bar {background-color: #DDB35A;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i {color: #DDB35A;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover {color: #DDB35A!important;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share span {font-weight: 500;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color: #DDB35A;}
    .modal .modal-content .modal-title {color: #DDB35A;}
    .vacancy-detail-cta {background-color: #F4F7FB; border-radius: 15px;}
    .vacancy-detail-sidebar .sidebar-card {background-color: #F4F7FB; border-radius: 15px;}
    .container_vacancy-detail span, .container_vacancy-detail p, .container_vacancy-detail td, .container_vacancy-detail li, .container_vacancy-detail label .mb-0 {color: black!important;}
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #DDB35A!important; font-weight: 500;}
    .section_vacancy-detail-header .header span {color: #DDB35A!important;}
    
    
    /*** sollicitatieformulier ***/
    .vacancy-detail .form-control{border-radius: 10px;}
    .apply-btn-submit{border-radius:0px;padding: 15px 20px;}
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: white!important;}
    .vacancy-detail h1 {margin-left: 15px;}
    .custom-file .btn {border-radius: 10px; background-color: #E8CB91!important; color: black!important;}
    .custom-file .btn:hover {background-color: #DDB35A!important;}
    .custom-file .btn .unvalid {color: black;}
    .apply-btn-submit {color:black!important; border-radius: 50px!important; font-weight: 500!important;}
    .apply-btn-submit:hover {color: black!important; background-color: rgb(185,158,83)!important; border-color: rgb(185,158,83)!important;}
    

    
    /*** ***/
    
    .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;
    }
    

    
    
    
    .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; color: white!important;}
    .is-footer img{width:200px !important;}
      .icon-home-title{margin-top:10px !important; margin-bottom:40px; letter-spacing:0px !important;}  
        .is-light-text * {background-color: white;}
        .vacancy-detail h1 {font-weight: 500;}
    }
    
    
    
        @media (max-width: 960px) {}