@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=Manrope:wght@200..800&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: 'Manrope', sans-serif !important;
    }
    
    h2{
        font-weight: 600;
        line-height: 35px;
        color: #0C3175!important;
    }
    
    *{
        font-family: 'poppins', sans-serif;
        scroll-behavior: smooth;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
        color: #1C1C1C;
    }
    
    .fas{
        color:#C19167;
    }
    
    a, a:hover, a:active, a:visited, a:focus {color: #0C3175;}
    
    
    img.shadow{
        box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    }
    
    /*** buttons ***/
    
    .btn-secondary {border-radius: 0px !important; background-color: rgb(73, 164, 162);}
    .apply-btn-submit{border-radius:0px;padding: 15px 20px;}
    body .btn.btn-primary:hover {background-color: white; color: rgb(13, 50, 118) ;}
    body .btn.btn-apply {background-color: rgb(255,214,73); border-color: rgb(255,214,73); color: black!important; font-weight: 600; letter-spacing: 0;}
    body .btn.btn-apply:hover {background-color: #1D2552!important; border-color: #1D2552!important; color: rgb(255,214,73)!important;}
    .vacancy-detail .btn-sm {border-radius: 5px;}
    .vacancy-detail .btn-sm:hover {background-color: white; color: rgb(13, 50, 118) ; border-color: rgb(13, 50, 118);}
    .apply-btn-submit {background-color: rgb(255,214,73)!important; border-color: rgb(255,214,73)!important; color: black!important; font-weight: 600; letter-spacing: 0;}
    .apply-btn-submit:hover {background-color: #1D2552!important; border-color: #1D2552!important; color: rgb(255,214,73)!important;}
    
    /*** navigatiebalk ***/
    .bg-light {background-color: #1F2652!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;}
    #navbar-main .nav-item .nav-link:hover, #navbar-main .nav-item .dropdown-item:hover {color: rgb(255,214,73); transition: 0.4s ease;}
    li.nav-item:first-child {display: none;}
    .navbar-logo {max-height: 55px; margin-top: 20px; margin-bottom: 18px;}   
    
    
    /*** homepage ***/ 
    
    
    /*** vacaturelijst ***/
    .vacancy-index-sidebar {background-color: #E8F2FF;}
    .vacancy-index-list-counter {background-color: #E8F2FF; color: rgb(13, 50, 118);}
    .vacancy-index-item-field-value i {color: rgb(13, 50, 118);}
        .badge.badge-filter:hover {color: rgb(13, 50, 118);}        
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: rgb(13, 50, 118) !important; border-color: rgb(13, 50, 118) !important; }

    
@media screen and (max-width: 400px) {
    .lijst-titel h2 {font-size: 40px !important;}
    .lijst-titel h2 span {font-size: 40px !important;}
    }
    
    /*** vacaturedetail ***/
    
    .vacancy-detail-title {color: rgb(12, 49, 117); font-weight: 800;}
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail .form-control{border-radius: 0px !important;}
    .vacancy-detail-subtitle {font-weight: 800;}
    .vacancy-detail-sidebar .sidebar-card .vacancy-detail-subtitle:first-child  {font-weight: 800;}
    .section_vacancy-detail-body h3 {font-weight: 800;}
    .vacancy-detail-progress .progress-bar {background-color: rgb(12, 49, 117);}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i {color: rgb(12, 49, 117);}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item span:hover {color: rgb(12, 49, 117);}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color: rgb(12, 49, 117);}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share span {color: rgb(12, 49, 117);}
    .modal .modal-content .modal-title {color: rgb(12, 49, 117);}
    .modal .modal-content .modal-title .fas {color: rgb(12, 49, 117);}
    .section_vacancy-detail-header .header span {color: rgb(12, 49, 117); font-weight: 500;}
    .vacancy-detail-sidebar .sidebar-card {background-color: #E8F2FF;}
    .vacancy-detail-cta {background-color: #E8F2FF;}
    h2 .vacancy-detail-cta  {font-weight: 800;}
    
    
    /*** sollicitatieformulier ***/
    
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: white;}
    .vacancy-detail h1 {margin-left: 13px; color: rgb(12, 49, 117); font-weight: 800;}
    .col-form-label .text-dark {color: rgb(12, 49, 117)!important;}
    .col-form-label .text-dark:hover {color: rgb(12, 49, 117)!important;}
    
    /*** header video ***/
    .is-video-bg video { width: 100%; object-fit: cover; height: 100%;}
    
    .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;}
    .is-footer img{width:200px !important;}
      .icon-home-title{margin-top:10px !important; margin-bottom:40px; letter-spacing:0px !important;}   
    }