@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://db.onlinewebfonts.com/c/d4280feab480528a5c1b9c7b210e97bd?family=VAG+Rounded);
            @import url(https://db.onlinewebfonts.com/c/6a9c01ef14383ff2a4a0498ba1058a34?family=VAG+Rounded+Std+Thin);
        
    h1,h2,h3,h4,h5,h6 {
        font-family: 'VAG Rounded', sans-serif !important;
    }
    
    h2{
        font-weight: 400;
        line-height: 35px;
        color: rgb(42, 62, 72);
    }
    
    *{
        font-family: 'VAG Rounded Std Thin', sans-serif;
        scroll-behavior: smooth;
        color: rgb(42, 62, 72);
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
        color: rgb(42, 62, 72);
    }
    
    .fas{
        color:#17a2b8;
    }
    
    .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;
    }
    
    
    /** navbalk **/
    
    .bg-light {background-color: white!important;}
    .navbar-logo {max-height: 60px; margin:15px;}
    .navbar-nav .nav-link {font-weight: 400; font-size: 16px;}
     #navbar-main .nav-item .nav-link:hover {color: #00A5E9; transition: 0.4s;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-top: 0.5rem; padding-bottom: 0.5rem; margin-top: 12px; margin-bottom: 12px;}    
    .navbar .nav-item:last-child .nav-link { font-weight: 500!important; color: white!important; background-color: #FE724C; width: 100%; display: grid; place-items: center; transition: 0.2s ease!important; margin-left: 20px; border-radius: 10px; }
    .navbar .nav-item:last-child .nav-link:hover { background-color: #009EE0; }
    
    
    
    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);
    }
    
    
    /** vacature detail **/

    .vacancy-index-list-counter { padding: .4rem .8rem;}
    .badge.badge-filter:hover {color: #FE724C; }        
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #FE724C !important; border-color: #FE724C;}
    .vacancy-index-sidebar .clear-all-filters {color: black;}

    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail .form-control{border-radius: 0px !important;}
    .apply-btn-submit{border-radius:10px;padding: 15px 20px;}
    .vacancy-detail-title {color:rgb(0, 150, 185); font-weight: 400;}
    .section_vacancy-detail-header .header span {color: black;}
    .section_vacancy-detail-body h3 {font-weight: 400;}
    .vacancy-detail-subtitle {font-weight: 400;}
    body .btn.btn-primary {border-radius: 10px; font-weight: 500;}
    body .btn.btn-primary:hover {background-color: white; color: #009EE0; border: white;}
    body .btn.btn-apply {background-color: #FE724C; border-radius: 10px; font-weight: 600; border: #FE724C;}
    body .btn.btn-apply:hover {background-color: #009EE0; border: #009EE0;}
    
    .vacancy-detail-sidebar .sidebar-card {background-color: #DDF2FC; border-radius: 10px;}
    .vacancy-detail-cta {background-color: #DDF2FC; border-radius: 10px; }

    

    
    /*** sollicitatieformulier ***/
    
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: white;}
    .background-block-white {background-color: #DDF2FC; padding: 20px!important; border-radius: 20px;}
    .vacancy-detail .form-control {border-radius: 10px!important;}
    .custom-file .btn {border-radius: 15px!important;}
    .apply-btn-submit {background-color: #FE724C!important; border-radius: 10px!important; font-weight: 600;}
    .apply-btn-submit:hover {background-color: #009EE0!important;}
    .custom-file .btn .unvalid {color: #FE724C;}
    .vacancy-detail h1 {color: rgb(0, 150, 185);}
        
    
    /*** ***/
    
    
    .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;}   
    }