/********* Compiled - Do not edit *********/
:root{--color-primary:#009fa0;--color-secondary:#d50057;--color-gradient-start:#009FA0;--color-gradient-stop:transparent;--color-link:#009fa0;--color-link-hover:#009fa0;--lqd-cc-active-bw:1px;}body{font-family:'Overpass', sans-serif ;font-weight:400;line-height:1.47em;font-size:17px;color:#1e282e;}.btn{font-family:'Overpass', sans-serif ;}.lqd-post-content, .lqd-post-header .entry-excerpt{font-family:inherit;line-height:2;font-size:14px;color:#737373;}.h1,h1{font-family:'Overpass', sans-serif ;font-weight:700;line-height:1.05em;font-size:50px;color:#02045e;}.h2,h2{font-family:'Overpass', sans-serif ;font-weight:700;line-height:1.2em;font-size:40px;color:#02045e;}.h3,h3{font-family:'Overpass', sans-serif ;font-weight:600;line-height:1.05em;font-size:32px;color:#02045e;}.h4,h4{font-family:'Overpass', sans-serif ;font-weight:400;line-height:1.2em;font-size:20px;color:#02045e;}.h5,h5{font-family:'overpass-med-italic', sans-serif ;font-weight:900;line-height:1.2em;font-style:italic;font-size:17px;color:#02045e;}.h6,h6{font-family:'overpass-med-italic', sans-serif ;font-weight:600;line-height:1.2em;font-style:italic;font-size:15px;color:#02045e;}.main-header .navbar-brand{max-width:140px;}.titlebar-inner h1{font-family:titillium-bold;font-size:60px;text-transform:capitalize;line-height:60px;}.titlebar-inner p{}.titlebar-inner{padding-top:115px;padding-bottom:35px;}.titlebar{background-image:url( ../2023/06/europe-1920x751-1.png);background-size:cover;background-position:center center;}section.vc_row{units:px;}@media screen and (min-width: 992px){body.has-sidebar #lqd-contents-wrap{padding-top:25px;}}@media ( min-width: 1200px ){.is-stuck .lqd-head-sec-wrap{background:rgb(255, 255, 255) !important;}.is-stuck .lqd-head-col > .header-module > p, .is-stuck .lqd-head-col > .header-module .nav-trigger, .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu, .is-stuck .lqd-head-col > .header-module > .btn-naked, .is-stuck .lqd-head-col > .header-module > .btn-underlined, .is-stuck .lqd-head-col > .header-module > .social-icon li a, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a, .is-stuck .lqd-head-col > .header-module .ld-module-trigger .ld-module-trigger-txt, .is-stuck .lqd-head-col > .header-module .lqd-module-badge-outline .ld-module-trigger-count, .is-stuck .lqd-head-col > .header-module .ld-module-trigger-icon, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu .lqd-custom-menu-dropdown-btn{color:rgb(30, 40, 46);}.is-stuck .lqd-head-col > .header-module .nav-trigger.bordered .bars:before{border-color:rgb(30, 40, 46);}.is-stuck .lqd-head-col > .header-module .nav-trigger .bar, .is-stuck .lqd-head-col > .header-module .lqd-scrl-indc .lqd-scrl-indc-line{background:rgb(30, 40, 46);}.is-stuck .lqd-head-col > .header-module > .btn-naked:hover, .is-stuck .lqd-head-col > .header-module > .btn-underlined:hover, .is-stuck .lqd-head-col > .header-module > .social-icon li a:hover, .is-stuck .lqd-head-col > .header-module > .lqd-custom-menu > ul > li > a:hover, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li > a:hover, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li:hover > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.is-active > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.current-menu-ancestor > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.current_page_item > a, .is-stuck .lqd-head-col > .header-module > .navbar-collapse .main-nav > li.current-menu-item > a, .is-stuck .lqd-head-col > .header-module > .iconbox h3, .is-stuck .lqd-head-col > .header-module > .iconbox .iconbox-icon-container{color:#009fa0;}}@media screen and (max-width: 1199px){.main-header .navbar-header{background:rgb(255, 255, 255);}.main-header .ld-module-trigger, .main-header .ld-search-form .input-icon{color:rgb(255, 255, 255);}.main-header .nav-trigger .bar, .main-header .nav-trigger.style-2 .bar:before, .main-header .nav-trigger.style-2 .bar:after{background-color:rgb(255, 255, 255);}body[data-mobile-nav-style=classic] .lqd-mobile-sec .navbar-collapse, body[data-mobile-nav-style=minimal] .lqd-mobile-sec .navbar-collapse{background:rgb(0, 159, 160);color:rgb(255, 255, 255);}ul.nav.main-nav > li > a, ul.nav.main-nav > li > a:hover, .main-nav .children > li.active > a, .main-nav .children > li.current-menu-item > a, .main-nav .children > li:hover > a, .nav-item-children > li.active > a, .nav-item-children > li.current-menu-item > a, .nav-item-children > li:hover > a{color:inherit !important;}}/****************************Style elements***************************************/
    a {
        text-decoration: none !important;
    }
    .wit-border{
        border: 10px solid #fff;
    }
    .wit-border2{
        border: 10px solid #fff;
    }   
    .z-index{
        z-index:-1;
    }
    
    /*Opsomming items*/
        .custom-list {
            list-style-type: none;
        }
        
        .custom-list li:before {
            content: url('../2023/07/bulletpoint.png'); /*Icon URL*/
            display: inline-block;
            width: 16px !important; /*formaat "width" */
            height: 16px !important; /*formaat "height" */
            margin-right: 15px; /* Icon spacing*/
        }
        
        .center-container {
            display: flex;
            align-content: center;
            flex-wrap: wrap;
        }
        
        p.bieden {
            margin: -32px 0px 3px 30px;
        }
        
    /*tab-css*/
        ul.reset-ul.lqd-tabs-nav.d-flex.align-items-center.flex-wrap {
        padding-left: 16px;
        }
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {
    padding:0 !important;
    position: relative;
    }
        .lqd-tabs-style-2 .lqd-tabs-nav .lqd-tabs-nav-progress {
    position: relative;
    height: 5px;
    margin-top: 5px;
    border-radius: 0px !important;
    background-color: rgba(0,0,0,.075);
    }

    /*widgetbutton-css*/
        .zoekbutton {
            margin-top: 15px;
            padding: 10px;
            background-color: #009fa0;
            color: #fff;
            border: none;
            border-radius: 2px;
            width: 100%;
            font-family: 'Overpass';
            font-size: 18px;
            font-weight: 700;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0);
        }
        .zoekbutton:hover {
          transform: translateY(-3px);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
        }
                .zoekbutton:before {
          font-weight: normal;
          font-style: normal;
          margin-right: 5px;
          color: #fff;
        }

    /*Banner-css*/
        section#banner {
            height: 800px;
        }
        
        div#inner-banner {
            position: absolute;
            top: 50%;
            width: 1140px;
            transform: translate(0%, -50%);
    }

    /*dropdown-css*/
        #select-div {
        width: 100%;
    }
        #bestemmingen {
        border: 1px solid #ccc;
        border-radius: 2px;
        padding:8px;
    }
        #diensten{
        border: 1px solid #ccc;
        border-radius: 2px;
        padding:8px;
    }
        #producten{
        border: 1px solid #ccc;
        border-radius: 2px;
        padding:8px;
    }

    /*widget-block*/
        .widget-tabs {
    background-color: white;
    padding: 30px 50px 0;
    width: 50%;
    border-top-right-radius: 60px;
    }
    .footer-cta {
    display: flex;
    }
    
    #landen-dropdown {
        width: 66%;
        border: 1px solid #ccc;
        border-radius: 2px;
        padding:10px;
    }
    
    #cta-button {
        margin-left: -2px;
        padding: 1.15em;
        width: 33%;
        background-color: #009fa0;
        color: #fff;
        border: none;
        border-radius: 2px;
        font-family: 'Overpass';
        font-size: 18px;
        font-weight: 700;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.0);
        transition: box-shadow 0.3s ease;
    }
    
    #cta-button:hover {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .protect{
        pointer-events: none;
    }


    div#lqd-counter3 {
        position: absolute;
        top: 85%;
    }

    div#lqd-counter2 {
        position: absolute;
        top: 70%;
        left: 75%;
    }
    
    div#lqd-counter1 {
        position: absolute;
        top: 40%;
    }
    
    div#ld_images_group_element_65211e673200a {
        pointer-events: none;
    }    
    
    .vc_custom_1689166402219 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        justify-content: center;
    }
    
    h4.lqd-iconbox-title {
    font-size: 14px;
    }
    
    .grecaptcha-badge { display: none; }
    
   #lqd-gdpr {
        bottom: 2.5rem !important;
    }
    
    /********* mob menu************/
    li#menu-item-6145 {
        pointer-events: none;
    }
    
    

/****************************Responsive elementen*********************************/
    /*H1*/
    @media only screen and (max-width: 380px) {h1 {font-size: 28px !important;line-height: 1.1;}}
    @media only screen and (min-width: 381px) and (max-width: 480px) {h1 {font-size: 35px !important;line-height: 1.1;}}
    @media only screen and (min-width: 481px) and (max-width: 768px) {h1 {font-size: 42px !important;line-height: 1.1;}}
    @media only screen and (min-width: 769px) and (max-width: 1280px) {h1 {font-size: 50px !important; line-height: 1.1;}}

    /*Banner block*/
    @media only screen and (min-width: 270px) and (max-width: 429px){ 
        .widget-tabs {width: 35%;}
        #h1{font-size: 30px;color: rgb(255, 255, 255);}
        .lqd-tabs-nav{font-size: 16px;}
    }
    @media only screen and (min-width: 430px) and (max-width: 599px){ 
        .widget-tabs {width: 35%;}
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 96% !important;}
    }
    @media only screen and (min-width: 600px) and (max-width: 992px){ 
        .widget-tabs {width: 45%;}
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 32.5% !important;}
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px){ 
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 110px !important;}
        div#inner-banner {width: 100%!important; }
    }
    @media only screen and (min-width: 1200px) and (max-width: 1299px){ 
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 32.5% !important;}
    }
    @media only screen and (min-width: 1300px) and (max-width: 1499px){ 
        .inner-banner { margin-left:-100px;} 
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 32.5% !important;}
    }
    @media only screen and (min-width: 1500px) and (max-width: 1699px){ 
        .inner-banner {margin-left:-150px;} 
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 32.5% !important;}
    }
    @media only screen and (min-width: 1700px){ 
        .inner-banner { margin-left:-200px;} 
        .lqd-tabs-style-1 .lqd-tabs-nav li, .lqd-tabs-style-2 .lqd-tabs-nav li {flex-basis: 32.5% !important;}
    
    }
    
    @media only screen and (min-width: 270px) and (max-width: 429px){ 
        
    }
    @media only screen and (min-width: 430px) and (max-width: 599px){ 
        
    }
    @media only screen and (min-width: 600px) and (max-width: 992px){ 
       
    }
    @media only screen and (min-width: 992px) and (max-width: 1199px){ 
       div#lqd-counter2 {
            position: absolute;
            top: 70%;
            left: 30%;
        }
    }
    @media only screen and (min-width: 1200px) and (max-width: 1700px){ 
        div#lqd-counter1 {
            position: absolute;
            top: 40%;
        }
    }


/****************************Vacature elements****************************************/

 /* updated*/
    .banner-section, .content-section, .review-section, .form-section {
        margin:10vh 0;
    }
    /*** banner section ***/
    div#lqd-contents-wrap {
        width: 100vw !important;
        margin: 0;
        display: block;
        position: relative;
    }
    
    .banner-section {
        margin: -8vh 0;
        width: 100vw;
        background-size: cover !important;
        background-position: center !important;
    }
    .banner-row {
        margin: auto;
        width: 50vw;
        padding: 30vh 0 10vh;
    }
    .row.content-row {
        background: white;
        padding: 30px;
        border-bottom-left-radius: 80px;
    }
    .content-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    img.closer-img {
        box-shadow: 50px 50px 0 #ebf4f9;
    }

    /** review ***/
    .col-md-6.review {
        display: flex;
        gap: 40px;
    }
    .content-section ul li:before {
        content: url(/wp-content/uploads/2023/07/bulletpoint.png);
        display: inline-block;
        width: 16px !important;
        height: 16px !important;
        margin-right: 15px;
    }
    .content-section ul li {
        display: flex;
    }
    .content-section ul {
        list-style: none;
    }
 
/*end of update*/
    input::file-selector-button {
        color: #fff;
        background-color: #009fa0;
        padding: 0.5em;
        border: 0px solid #009fa0;
    }
    
    .vc_gitem-zone {
        position: initial;
        background-clip: border-box;
        margin-bottom: 200px;
        border-top-right-radius: 50px;
    }
    
    .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
        position: absolute;
        margin-top: 180px !important;
        box-shadow: rgb(0 0 0 / 12%) 0px 4px 12px;
        background-color: white;
    }
    
    .wpb_single_image .vc_single_image-wrapper {
        margin-bottom: 0px !important;
    }
    
    .wpb_single_image img {
        max-width: 50% !important;
    }
    
    .vc_gitem-post-meta-field-Soort.vacature.infobox.vc_gitem-align-left,.vc_gitem-post-meta-field-Dienstverband.infobox.vc_gitem-align-left {
        margin: 15px 0px;
    }
    
    .vc_gitem-zone .vc-zone-link {
        height: 390px;
        z-index: 999;
    }
    
    .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
        background: #009fa0;
        padding: 10px 10px 10px 35px;
    }
    .vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top {
        margin-left: -10px;
        top: 125px;
    }
    
    .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
        background: #009fa0;
        padding: 10px 10px 10px 37px;
        border-top-right-radius: 7em;
        border-bottom-right-radius: 7em;
        color: white;
        font-weight: 700;
        font-size: 20px;
    }
    
    .round-button {
        position: relative;
        border: 2px solid #009fa0;
        border-radius: 100%;
        padding: 30px;
        background-color: #009fa0;
        color: #009fa0;
        font-size: px;
        cursor: pointer;
        transition: border-color 0.3s ease, color 0.3s ease;
    }
    
    .round-button:hover {
      border-color: #0056b3;
      color: #0056b3;
    }

    .round-button::before {
        content: '';
        position: absolute;
        top: 22px;
        left: 22px;
        transform: translateY(-50%);
        width: 13px;
        height: 13px;
        border-top: 3px solid white;
        border-right: 3px solid white;
        transform: rotate(45deg);
    }

    .wpb_text_column.wpb_content_element {
        position: absolute;
        top: 100px;
        left: 260px;
    }
    
    @media only screen and (max-width: 767px) {
        .vc_col-sm-2.vc_gitem-col.vc_gitem-col-align-.vc_custom_1694248136833 {
            display: none;
        }
        
        .vc_custom_1694248625692 {
            margin-left: 20px !important;
        }
        .wpb_text_column.wpb_content_element {
        position: absolute;
        top: 60px;
        left: 75%;
}
    }
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .wpb_text_column.wpb_content_element {
            display: none;
        }
        
        .vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top {
            margin-left: -10px;
            top: 75px;
        }
        .vc_gitem_row.vc_row.vc_gitem-row-position-middle {
            position: absolute;
            margin-top: 165px !important;
            box-shadow: rgb(0 0 0 / 12%) 0px 4px 12px;
            background-color: white;
        }
        .vc_grid.vc_row .vc_grid-item .vc_btn, .vc_grid.vc_row .vc_grid-item .vc_icon_element, .vc_grid.vc_row .vc_grid-item .wpb_content_element {
            margin-bottom: 22px;
        }
    }
    
    footer.blog-post-footer.entry-footer {
    display: none;
    }
    
    p.zeeuw-copyright {
        color: white !important;
        font-size: 13px;
    }
/****************************Contactform elements****************************************/   
    input.wpcf7-form-control.wpcf7-text {
        width: 100% !important;
        border: 1px solid #d5d6de;
        padding-inline-start: 2em;
        padding-inline-end: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
        background-color:#fff !important;
    }
    .ui-selectmenu-button.ui-button{
        width: 100% !important;
        border: 1px solid #d5d6de;
        padding-inline-start: 2em;
        padding-inline-end: 2em;
        padding-top: 1em;
        padding-bottom: 1em;
        background-color:#fff !important;
    }
    .wpcf7-form-control-wrap {
        width: 100%;
        display: inline-block;
    }
    
    textarea.wpcf7-form-control.wpcf7-textarea {
      width: 100% !important;
      border: 1px solid #d5d6de;
      padding-inline-start: 2em;
      padding-inline-end: 2em;
    }
    
    .wpcf7-submit {
      background-color:#009fa0;
      color:White;
      width: 15%;
      border: 1px solid #d5d6de;
      padding-inline-start: 2em;
      padding-inline-end: 2em;
      padding:0.5em;
      margin-top:10px;
    }
    
    .wpcf7-submit:hover {
      transform: translateY(-1px);
      box-shadow: 0 10px 35px rgba(0,0,0,.125);
      transition: all .3s ease;
    }
    
    .vc_grid-item-mini.vc_clearfix:hover {
        box-shadow: 0 10px 35px rgba(0,0,0,.3);
        transition-timing-function: ease-in-out;
        transform: translateY(-3px);
        transition: .3s ease;
        height: 360px;
        border-top-right-radius: 50px;
    }
    
    .vc_grid-item-mini.vc_clearfix {
        border-top-right-radius: 50px;
    }
    
/************login **************/
body.login.js.login-action-login.wp-core-ui.locale-nl-nl {
    background: url(../2023/07/Kotra-banner-login.jpg);
    background-size: cover;
    background-position: center;
}

.login #nav a {
    color: white !important;
}
@media (min-width: 770px) and (max-width: 1200px) {
  /* Your styles go here */
  h5.lqd-iconbox-title {
    max-width:60%;
  }
}

/* Algemene stijl voor de vacaturekaarten */
.listing-col {
    width: 100%;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1); /* Lichte rand */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Schaduw voor diepte */
    border-radius: 0px 55px 0px 0px; /* Zachte hoeken */
    margin: 20px auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animatie voor hover */
}

.listing-col:hover {
    transform: scale(1.03); /* Vergroot de kaart bij hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); /* Intensere schaduw bij hover */
}

/* Titelbalk met achtergrondafbeelding */
.q-listing-title-background {
    height: 200px;
    background-size: cover; /* Zorg dat de afbeelding goed past */
    background-position: center;
    border-radius: 0px 55px 0 0; /* Alleen bovenkant afgerond */
    display: flex;
    align-items: flex-end; /* Tekst onderaan plaatsen */
    padding: 20px;
    color: white;
    background-color: rgba(0, 0, 0, 0.5); /* Zwarte overlay voor leesbaarheid */
}

.q-listing-title-background h2 {
    font-size: 1.5rem; /* Titelgrootte */
    margin: 0;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); /* Schaduw voor betere leesbaarheid */
}

/* Inhoudsblok (tekst en iconen) */
.q-listing-content-background {
    padding: 20px;
    font-size: 0.9rem; /* Algemene tekstgrootte */
    line-height: 1.5;
    color: #333; /* Donkere tekstkleur */
}

.q-listing-content-background table {
    width: 100%;
}

.q-listing-content-background td {
    padding: 4px 0;
    vertical-align: middle;
}

/* Iconen */
.q-listing-icon {
    font-size: 1.2rem;
   
}

/* Knop of link naar meer informatie */
.listing-col a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.listing-col small {
    font-size: 0.8rem;
    color: #555;
}

.q-listing-table, .q-listing-table tr, .q-listing-table td, .q-listing-table th {
    background-color: white;
    color: black;
    border: none;
    outline: none;
    border-radius: none;
}

/* Responsive weergave */
@media (max-width: 768px) {
    .listing-col {
        width: 90%;
    }

    .q-listing-title-background {
        height: 150px;
    }

    .q-listing-title-background h2 {
        font-size: 1.2rem;
    }
}


/* .wrap.q-listing-title-background.align-bottom {
 


	color: white; 
	font-size: 25px; 
	font-weight: 600; 

}

.wrap.q-listing-title-background.align-bottom p {
	background-color: #009FA0;
} */

.paratitle {
	    background-color: #009FA0;
		color: white;
		font-size: 23px;
		font-weight: 600;
		padding: 10px 107px 10px 20px;
		margin-left: -20px;
		border-radius: 0px 20px 20px 0px;
	min-width: 330px;
}
.paratitle p {
	margin-bottom: 0;
}
.bolletje {
	    position: absolute;
		right: 35px;
		bottom: 20px;
}

.bolletje:hover {
    transform: scale(1.03);
}

.wpb_text_column.wpb_content_element {
	left: 0px !important;
}