/* ── Header ── */
.page_header {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}

/* Только один логотип – Bridge JS переключает состояния, без JS все 5 видны */
.q_logo img.light,
.q_logo img.dark,
.q_logo img.sticky,
.q_logo img.mobile { display: none !important; }
.q_logo img.normal { display: inline-block !important; max-height: 52px !important; width: auto !important; }

/* Контакты: strip above nav */
.menu_bottom .logo_wrapper {
    height: 68px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.header_fixed_right_area {
    position: absolute !important;
    top: auto !important;
    bottom: 74px !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    line-height: normal !important;
    background: rgba(255,255,255,0.92) !important;
    border-bottom: none !important;
    padding: 4px 0 !important;
    z-index: 9 !important;
}
.header-contact-bar {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
}
.hcb-item {
    color: #444;
    text-decoration: none;
}
.hcb-item.hcb-phone {
    color: #4273a2;
    font-weight: 700;
}
.hcb-item.hcb-phone:hover { color: #2d5a8e; }
.hcb-item .fa { color: #4273a2; margin-right: 3px; }
.hcb-sep { color: #bbb; }
@media (max-width: 1000px) {
    .header_fixed_right_area { display: none !important; }
}

/* ── Hero/parallax sectie ── */
.parallax_section_holder {
    min-height: 480px !important;
}
.parallax_content {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* ── ZOEKEN formulier fix ── */
.form-inline .vc-row {
    height: auto !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 8px;
    flex-wrap: nowrap;
}
.form-inline .form-control {
    width: 100% !important;
    height: 42px !important;
    padding: 6px 12px !important;
    border: 2px solid #4273a2 !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}
.form-inline .vc_col-xs-9 {
    flex: 1 1 auto !important;
    width: auto !important;
    padding-right: 0 !important;
    float: none !important;
    display: block;
}
.form-inline .vc_col-xs-3 {
    flex: 0 0 auto !important;
    width: auto !important;
    float: none !important;
}
.form-inline .qbutton {
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    background: #4273a2 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    display: inline-block !important;
}
.form-inline .qbutton:hover {
    background: #2d5a8e !important;
}

/* ── Nieuws sectie ── */
.latest_post_holder.boxes .boxes_image > a > div {
    display: block;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.latest_post_title a {
    color: #2d5a8e !important;
}
.latest_post_title a:hover {
    color: #4273a2 !important;
}
.latest_post_holder.boxes li {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: box-shadow 0.2s;
}
.latest_post_holder.boxes li:hover {
    box-shadow: 0 4px 18px rgba(66,115,162,0.18);
}
.latest_post_text {
    padding: 16px 18px 18px !important;
}
.excerpt {
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
.date {
    color: #4273a2 !important;
    font-size: 12px !important;
}

/* ── Zoekformulier secties ── */
.wpb_raw_html {
    overflow: visible !important;
}

/* ── Footer ── */
.footer_top_holder {
    background: #1e3a5f !important;
}
.footer_top {
    background: #1e3a5f !important;
}
.footer_top h5 {
    color: #7eb8e8 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    padding-bottom: 8px !important;
    margin-bottom: 14px !important;
}
.footer_top .textwidget,
.footer_top .textwidget p,
.footer_top .rssSummary {
    color: #b8cfe0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
.footer_top a {
    color: #7eb8e8 !important;
}
.footer_top a:hover {
    color: #fff !important;
}
.footer_bottom_holder {
    background: #122840 !important;
}
.footer_bottom p,
.footer_bottom a {
    color: #7eb8e8 !important;
    font-size: 12px !important;
}

/* ── Contactgegevens sectie (hero rechts) ── */
.vc_custom_1574862783977 {
    border-radius: 8px;
}

/* ── Medewerkers – kleine ronde avatar ── */
.q_team {
    text-align: center !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
    padding-bottom: 16px !important;
    background: #fff !important;
    transition: box-shadow 0.2s !important;
}
.q_team:hover { box-shadow: 0 5px 20px rgba(66,115,162,0.18) !important; }

/* Сама картинка-аватар: круглая, 90×90 */
.q_team_image {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin: 20px auto 14px auto !important;
    border: 3px solid #4273a2 !important;
    background: #dde9f5 !important;
    position: relative !important;
}
.q_team_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 15% !important;   /* показываем верх SVG – там голова */
    display: block !important;
}
/* Убираем hover-оверлей описания (он не работает без JS) */
.q_team_description_wrapper { display: none !important; }

.q_team_name {
    font-size: 15px !important;
    margin-bottom: 4px !important;
    color: #4273a2 !important;
}
.q_team_text { padding: 0 14px !important; }

/* ── Pagina content area ── */
.content {
    background: #f9fbfd;
    padding-bottom: 48px !important;
}
.section_inner_margin {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ── Innerlijke pagina title balk – Bridge pagina's (ongewijzigd) ── */
.title_outer {
    background: linear-gradient(135deg, #1e3a5f 0%, #4273a2 100%) !important;
    min-height: 120px !important;
    display: flex !important;
    align-items: center !important;
}
.title_outer .title {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.title_outer .breadcrumbs a,
.title_outer .breadcrumbs span {
    color: rgba(255,255,255,0.75) !important;
}
.title_outer .breadcrumbs .separator {
    color: rgba(255,255,255,0.5) !important;
}

/* ── Title balk Elementor pagina's – zelfde look als Bridge (blauwe strepen boven/onder) ── */
.elementor-page .title_outer .title {
    background-color: #f6f6f6 !important;
    border: none !important;
    height: 80px !important;
    text-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}
.elementor-page .title_outer .title_holder {
    height: auto !important;
    padding-top: 0 !important;
    width: 100% !important;
}
.elementor-page .title_outer .title h1 {
    color: #1e3a5f !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-shadow: none !important;
}

/* ── Contact pagina – kaart gecentreerd ── */
.wpb_map_wraper {
    text-align: center !important;
    margin: 20px auto !important;
}
.wpb_map_wraper iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: 420px !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12) !important;
}

/* ── Keurmerk badge ── */
#text-16 .textwidget > div {
    margin-top: 10px;
}

/* ── Mobiel menu ── */
@media (max-width: 1024px) {
    .form-inline .vc-row {
        flex-wrap: wrap !important;
    }
    .form-inline .vc_col-xs-9,
    .form-inline .vc_col-xs-3 {
        width: 100% !important;
        flex: 1 1 100% !important;
    }
    .form-inline .qbutton {
        width: 100% !important;
        text-align: center !important;
    }
}

/* ── Elementor pagina's – opmaak fix ── */
.skip-link,
#pojo-a11y-toolbar,
.pojo-a11y-toolbar-toggle { display: none !important; }

/* Elementor flex containers herstel (Elementor CSS ontbreekt) */
.elementor-page .e-con {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.elementor-page .e-flex.e-con {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}
.elementor-page .e-con-full.e-con {
    flex: 1 1 0% !important;
    min-width: 0 !important;
}

/* Elementor content container – zelfde breedte als Bridge .container */
.elementor-page .e-con-boxed {
    max-width: 1170px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
}
.elementor-page .e-con-inner {
    width: 100% !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 20px !important;
    box-sizing: border-box !important;
}

/* Tekst en afbeeldingen in Elementor */
.elementor-page .elementor-widget-container {
    line-height: 1.7 !important;
    color: #444 !important;
}
.elementor-page .elementor-heading-title {
    color: #1e3a5f !important;
}
.elementor-page .elementor-widget-text-editor {
    font-size: 14px !important;
}
.elementor-page .elementor-widget-image img {
    max-width: 100% !important;
    height: auto !important;
}
/* Afstand onder title balk */
.elementor-page .content_inner > .elementor {
    padding-top: 30px !important;
}

/* ── Translate widget verwijderen ── */
#glt-translate-trigger,
#glt-toolbar,
#flags,
#glt-footer,
.goog-te-gadget { display: none !important; }

/* ── Achtergrond fix – lege ruimte onder footer valt weg tegen footer_bottom_holder (#122840) ── */
html { background-color: #122840 !important; }
body.elementor-page { background-color: #122840 !important; }

/* ── Elementor formulier (klachtenprocedure, etc.) ── */
.elementor-form-fields-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 2% !important;
    align-items: flex-start !important;
}
.elementor-field-group {
    box-sizing: border-box !important;
}
.elementor-col-50 {
    width: 49% !important;
    flex: 0 0 49% !important;
}
.elementor-col-100 {
    width: 100% !important;
    flex: 0 0 100% !important;
}
.elementor-field-textual {
    width: 100% !important;
    height: 38px !important;
    padding: 6px 10px !important;
    border: 1px solid #c8d4e0 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    color: #444 !important;
}
.elementor-field-textual:focus {
    border-color: #4273a2 !important;
    outline: none !important;
}
textarea.elementor-field-textual {
    height: 110px !important;
    resize: vertical !important;
}
.elementor-button[type="submit"] {
    background: #4273a2 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 24px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    cursor: pointer !important;
    width: 100% !important;
}
.elementor-button[type="submit"]:hover {
    background: #2d5a8e !important;
}
.elementor-field-label {
    display: none !important;
}
.elementor-widget-form .elementor-field-group {
    margin: 0 !important;
}

/* ── Afstand tussen titelblok en eerste inhoudsblok ── */
.elementor-page .title_outer + div {
    margin-top: 24px !important;
}