.elementor-kit-1179{--e-global-color-primary:#0480B6;--e-global-color-secondary:#213A8F;--e-global-color-text:#333333;--e-global-color-accent:#E84E0F;--e-global-typography-primary-font-family:"Arial";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Arial";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1179 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================
   A1 CUSTOMS - KLEUR & FONT OVERRIDE
   ================================================ */

/* 1. Elementor kit override */
.elementor-kit-1179 {
  --e-global-color-primary:   #0480b6;
  --e-global-color-secondary: #213a8f;
  --e-global-color-text:      #1f2937;
  --e-global-color-accent:    #e84e0f;
  --e-global-typography-primary-font-family:   "Arial";
  --e-global-typography-secondary-font-family: "Arial";
  --e-global-typography-text-font-family:      "Arial";
  --e-global-typography-accent-font-family:    "Arial";
}

/* 2. Kleurpalet */
:root {
  --ast-global-color-0: #0480b6;
  --ast-global-color-1: #213a8f;
  --ast-global-color-2: #213a8f;
  --ast-global-color-3: #1f2937;
  --ast-global-color-4: #ffffff;
  --ast-global-color-5: #f0f7fc;
  --ast-global-color-6: #e84e0f;
  --ast-global-color-7: #e6f2f8;
  --ast-global-color-8: #0480b6;
  --e-global-color-astglobalcolor0: #0480b6;
  --e-global-color-astglobalcolor1: #213a8f;
  --e-global-color-astglobalcolor2: #213a8f;
  --e-global-color-astglobalcolor3: #1f2937;
  --e-global-color-astglobalcolor4: #ffffff;
  --e-global-color-astglobalcolor5: #f0f7fc;
  --e-global-color-astglobalcolor6: #e84e0f;
  --e-global-color-astglobalcolor7: #e6f2f8;
  --e-global-color-astglobalcolor8: #0480b6;
}

/* 3. Font Arial — NIET op icon-elementen om rendering te beschermen */
body,
h1, h2, h3, h4, h5, h6,
p, a, li, td, th, dt, dd,
label, input, textarea, select, button,
.elementor-heading-title,
.elementor-widget-container,
.uael-infobox-title,
.uael-infobox-text,
.elementor-icon-box-title,
.elementor-icon-box-description,
.uael-menu-item,
.ast-menu-toggle {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* 4-6. Icoon kleuren (ongewijzigd) */
.elementor-element-ac586ce .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon,
.elementor-element-edb9b48 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon,
.elementor-element-10309e3 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon {
  background-color: rgba(255,255,255,0.15) !important;
  border-color: rgba(255,255,255,0.3) !important;
}
.elementor-element-ac586ce .uael-icon-wrap .uael-icon i,
.elementor-element-edb9b48 .uael-icon-wrap .uael-icon i,
.elementor-element-10309e3 .uael-icon-wrap .uael-icon i { color: #ffffff !important; }
.elementor-element-ac586ce .uael-icon-wrap .uael-icon svg,
.elementor-element-edb9b48 .uael-icon-wrap .uael-icon svg,
.elementor-element-10309e3 .uael-icon-wrap .uael-icon svg { fill: #ffffff !important; }

.elementor-element-df40c68 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon,
.elementor-element-5390520 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon,
.elementor-element-b348a48 .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon,
.elementor-element-2db974c .uael-infobox:not(.uael-imgicon-style-normal) .uael-icon-wrap .uael-icon {
  background-color: rgba(255,255,255,0.12) !important;
  border-color: rgba(255,255,255,0.25) !important;
}
.elementor-element-df40c68 .uael-icon-wrap .uael-icon i,
.elementor-element-5390520 .uael-icon-wrap .uael-icon i,
.elementor-element-b348a48 .uael-icon-wrap .uael-icon i,
.elementor-element-2db974c .uael-icon-wrap .uael-icon i { color: #ffffff !important; }
.elementor-element-df40c68 .uael-icon-wrap .uael-icon svg,
.elementor-element-5390520 .uael-icon-wrap .uael-icon svg,
.elementor-element-b348a48 .uael-icon-wrap .uael-icon svg,
.elementor-element-2db974c .uael-icon-wrap .uael-icon svg { fill: #ffffff !important; }

.elementor-element-b85a7e8 .uael-icon-wrap .uael-icon i,
.elementor-element-8afa7e2 .uael-icon-wrap .uael-icon i,
.elementor-element-9f8791e .uael-icon-wrap .uael-icon i { color: #213a8f !important; }
.elementor-element-b85a7e8 .uael-icon-wrap .uael-icon svg,
.elementor-element-8afa7e2 .uael-icon-wrap .uael-icon svg,
.elementor-element-9f8791e .uael-icon-wrap .uael-icon svg { fill: #213a8f !important; }

/* 7. Footer CTA tekst wit */
.elementor-element-a868966 .elementor-heading-title,
.elementor-element-a868966 p,
.elementor-element-a868966 .uael-infobox-title,
.elementor-element-a868966 .uael-infobox-text,
.elementor-element-a868966 span { color: #ffffff !important; }

/* 8. Footer nav links wit */
.elementor-element-d669d17 .uael-menu-item,
.elementor-element-f570ce2 .uael-menu-item { color: rgba(255,255,255,0.85) !important; }

/* 9. Header CTA knop tekst */
.ast-header-button-1 .ast-custom-button { font-size: 0 !important; }
.ast-header-button-1 .ast-custom-button::after {
  content: "Neem contact op";
  font-size: 14px !important;
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* ================================================
   DIENSTEN HERO - background image fix
   Elementor genereert deze niet automatisch (attachment ID probleem)
   ================================================ */
.elementor-14 .elementor-element.elementor-element-66b589e:not(.elementor-motion-effects-element-type-background),
.elementor-14 .elementor-element.elementor-element-66b589e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-image: url("https://a1.online-actief.nl/wp-content/uploads/2026/05/GJ4A2569-scaled.jpg") !important;
}

/* ================================================
   MOBIEL - FOOTER RESPONSIVE (elementor-536)
   ================================================ */
@media (max-width: 767px) {
  .elementor-536, #colophon, .site-footer { overflow-x: hidden !important; }

  .elementor-element-2db1636 {
    flex-direction: column !important;
    align-items: center !important;
    padding: 40px 24px 32px !important;
    gap: 32px !important;
  }
  .elementor-element-d649689 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    align-items: center !important;
    text-align: center !important;
  }
  .elementor-element-83d26f8 { text-align: center !important; }
  .elementor-element-83d26f8 img {
    max-width: 130px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .elementor-element-8d57348 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }
  .elementor-element-8d57348 .elementor-icon-box-description { text-align: center !important; }
  .elementor-element-48336a8 { justify-content: center !important; width: 100% !important; }

  .elementor-element-75227e7 {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 24px 0 !important;
  }
  .elementor-element-793e908,
  .elementor-element-9d29921,
  .elementor-element-45d3aef {
    width: 100% !important;
    text-align: center !important;
    align-items: center !important;
  }
  .elementor-element-6f4c998 .elementor-heading-title,
  .elementor-element-7e24f24 .elementor-heading-title,
  .elementor-element-85c0fed .elementor-heading-title { text-align: center !important; }

  .elementor-element-d669d17 .uael-nav-menu,
  .elementor-element-f570ce2 .uael-nav-menu { align-items: center !important; }
  .elementor-element-d669d17 a.uael-menu-item,
  .elementor-element-f570ce2 a.uael-menu-item {
    display: block !important;
    text-align: center !important;
  }

  .elementor-element-45d3aef .elementor-icon-box-wrapper { justify-content: center !important; }
  .elementor-element-0960167 .elementor-icon-box-wrapper,
  .elementor-element-33205a8 .elementor-icon-box-wrapper,
  .elementor-element-c321ef2 .elementor-icon-box-wrapper { justify-content: center !important; }
  .elementor-element-0960167 .elementor-icon-box-description,
  .elementor-element-33205a8 .elementor-icon-box-description,
  .elementor-element-c321ef2 .elementor-icon-box-description { text-align: center !important; }

  .elementor-element-a28a25e {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 16px 24px !important;
  }
  .elementor-element-b7645fb p { text-align: center !important; }
  .elementor-element-221d335 .uael-nav-menu,
  .elementor-element-221d335 .uael-menu-item { justify-content: center !important; text-align: center !important; }
}/* End custom CSS */