@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=Heebo:wght@100..900&display=swap');
             @import url("https://use.typekit.net/dbr2dwc.css");
    
    
    h1 {font-family: 'kaneda-gothic', sans-serif !important; font-weight: 500; font-size: 68px;}
    h2 {font-family: 'kaneda-gothic', sans-serif !important; font-weight: 500!important; line-height: 35px; font-size:50px;}
    h3 {font-family: 'kaneda-gothic', sans-serif !important; font-weight: 500!important; font-size: 56;}
    h4 {font-family: 'kaneda-gothic', sans-serif !important; font-weight: 500!important; font-size:56;}
    h5 {font-family: 'kaneda-gothic', sans-serif !important; font-weight: 500!important; font-size:56;}
    h6 {font-family: 'kaneda-gothic', sans-serif !important; font-weight: 500!important; font-size:56;}
    
    *{
        font-family: 'Heebo', sans-serif;
        scroll-behavior: smooth;
    }
    
    p{
        line-height:24px;
        font-style:normal !important;
    }
    
    .fas {color:#3399ff;}
    
    .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;
    }
    
    
    /*** 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 {border-radius: 0px;}
    body .btn.btn-apply {border-radius: 0px;}
    .apply-btn-submit {border-radius: 0px!important;}
    
    /*** navigatie ***/
    .bg-light {background-color: #0A1F33!important;}
    .navbar-logo {max-height: 32px; margin-top: 30px; margin-bottom: 25px; }
    #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: #9CA5AD; font-weight: 600; font-size: 16px;}
    #navbar-main .nav-item .nav-link:hover, #navbar-main .nav-item .dropdown-item:hover {color: white; text-decoration: underline; transition: 0.3s ease;}
    
    @media screen and (min-width: 1100px) {
    .navbar-logo {margin-left: 53px;}
    }
    
    /*** vacaturelijst ***/
    
    .vacancy-index-list-counter {background-color:  #3399FF;}
    .vacancy-index-item-field-value i {color: #3399FF;}
    .badge.badge-filter:hover {color: #3399FF;}       
    body .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {background-color: #3399FF !important; border-color: #3399FF !important; }

    .vacancy-index-sidebar {background-color: rgba(102, 138, 174, 0.1);}

    /*** vacaturedetail ***/   
  
    .vacancy-detail-offer-and-requirements .item i {color: #3399FF;}
    .vacancy-detail-progress .progress-bar {background-color:  #3399FF;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button {color: #3399FF;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-cta .social-share button i {color: #3399FF;}
    .modal .modal-content .modal-title {color: #3399FF;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item i  {color: #3399FF;}
    .vacancy-detail-sidebar .vacancy-detail-sidebar-contact .vacancy-contact-info .info-item:hover {color: #3399FF;}
    .vacancy-detail-team .vacancy-detail-team-item .vacancy-colleague-function {color: #3399FF;}

    
    .vacancy-detail .employee{ background-color: rgb(73, 164, 162);}
    .vacancy-detail .form-control{border-radius: 0px !important;}
    
    .vacancy-detail-sidebar .sidebar-card {background-color: rgba(102, 138, 174, 0.1);}
    .vacancy-detail-cta {background-color: rgba(102, 138, 174, 0.1);}
    
    .vacancy-detail-title {font-size: 60px;}
    .vacancy-detail-subtitle  {font-size: 40px;}
    .vacancy-detail-sidebar .sidebar-card .vacancy-detail-subtitle:first-child { font-size: 30px;}
    .section_vacancy-detail-body h3 { font-size: 30px;}
    
    /*** sollicitatiepagina ***/
    .vacancy-detail h1 {font-size: 56px!important;}
    .is-bg-grey, .is-wrapper > div.is-bg-grey {background-color: #EFF3F7;}
    
    /*** ***/
    
    .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 left;}
    .is-footer img{width:200px !important;}
      .icon-home-title{margin-top:10px !important; margin-bottom:40px; letter-spacing:0px !important;}   
    }