.elementor-kit-6{--e-global-color-primary:#021230;--e-global-color-secondary:#021230;--e-global-color-text:#56627A;--e-global-color-accent:#F2F6FC;--e-global-color-10d2e9b:#FFFFFF;--e-global-color-f8fa775:#000000;--e-global-color-4c96edb:#021230;--e-global-color-0b94b89:#FFFFFF;--e-global-color-bd6302b:#021230;--e-global-color-dlcinkt:#0E1A33;--e-global-color-dlclijn:#E2E8F1;--e-global-color-dlclbla:#E7EBF3;--e-global-color-dlcrand:#C5D1E3;--e-global-color-dlcsky0:#97AED8;--e-global-color-dlcwdim:#FFFFFFBF;--e-global-color-dlcvlak:#DCE3EE;--e-global-color-dlcster:#F5A623;--e-global-typography-primary-font-family:"Zilla Slab";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.05em;--e-global-typography-secondary-font-family:"Zilla Slab";--e-global-typography-secondary-font-size:26px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:1.2em;--e-global-typography-dlch1-font-family:"Zilla Slab";--e-global-typography-dlch1-font-size:76px;--e-global-typography-dlch1-font-weight:700;--e-global-typography-dlch1-line-height:1em;--e-global-typography-dlch1-letter-spacing:-0.015em;--e-global-typography-dlch2-font-family:"Zilla Slab";--e-global-typography-dlch2-font-size:50px;--e-global-typography-dlch2-font-weight:700;--e-global-typography-dlch2-line-height:1.05em;--e-global-typography-dlch2-letter-spacing:-0.01em;--e-global-typography-dlch2s-font-family:"Zilla Slab";--e-global-typography-dlch2s-font-size:40px;--e-global-typography-dlch2s-font-weight:700;--e-global-typography-dlch2s-line-height:1.05em;--e-global-typography-dlch2s-letter-spacing:-0.01em;--e-global-typography-dlch3-font-family:"Zilla Slab";--e-global-typography-dlch3-font-size:26px;--e-global-typography-dlch3-font-weight:600;--e-global-typography-dlch3-line-height:1.15em;--e-global-typography-dlch3l-font-family:"Zilla Slab";--e-global-typography-dlch3l-font-size:32px;--e-global-typography-dlch3l-font-weight:600;--e-global-typography-dlch3l-line-height:1.15em;--e-global-typography-dlcsv-font-family:"Zilla Slab";--e-global-typography-dlcsv-font-size:30px;--e-global-typography-dlcsv-font-weight:600;--e-global-typography-dlcsv-line-height:1.15em;--e-global-typography-dlcspec-font-family:"Zilla Slab";--e-global-typography-dlcspec-font-size:64px;--e-global-typography-dlcspec-font-weight:700;--e-global-typography-dlcspec-line-height:1em;--e-global-typography-dlcspec-letter-spacing:-0.01em;--e-global-typography-dlcsay-font-family:"Zilla Slab";--e-global-typography-dlcsay-font-size:136px;--e-global-typography-dlcsay-font-weight:700;--e-global-typography-dlcsay-line-height:0.95em;--e-global-typography-dlcsay-letter-spacing:-0.02em;--e-global-typography-dlcquot-font-family:"Zilla Slab";--e-global-typography-dlcquot-font-size:46px;--e-global-typography-dlcquot-font-weight:600;--e-global-typography-dlcquot-line-height:1.12em;--e-global-typography-dlcgt-font-family:"Zilla Slab";--e-global-typography-dlcgt-font-size:20px;--e-global-typography-dlcgt-font-weight:600;--e-global-typography-dlcgt-line-height:1.2em;--e-global-typography-dlch4-font-family:"Zilla Slab";--e-global-typography-dlch4-font-size:20px;--e-global-typography-dlch4-font-weight:600;--e-global-typography-dlch4-line-height:1.2em;--e-global-typography-dlcnum-font-family:"Zilla Slab";--e-global-typography-dlcnum-font-size:26px;--e-global-typography-dlcnum-font-weight:700;--e-global-typography-dlcnum-line-height:1em;--e-global-typography-dlcbig-font-family:"Zilla Slab";--e-global-typography-dlcbig-font-size:56px;--e-global-typography-dlcbig-font-weight:700;--e-global-typography-dlcbig-line-height:1em;--e-global-typography-dlclead-font-family:"Archivo";--e-global-typography-dlclead-font-size:20px;--e-global-typography-dlclead-font-weight:400;--e-global-typography-dlclead-line-height:1.6em;--e-global-typography-dlcb18-font-family:"Archivo";--e-global-typography-dlcb18-font-size:18px;--e-global-typography-dlcb18-font-weight:400;--e-global-typography-dlcb18-line-height:1.6em;--e-global-typography-dlcb16-font-family:"Archivo";--e-global-typography-dlcb16-font-size:16px;--e-global-typography-dlcb16-font-weight:400;--e-global-typography-dlcb16-line-height:1.6em;--e-global-typography-dlcsm-font-family:"Archivo";--e-global-typography-dlcsm-font-size:15px;--e-global-typography-dlcsm-font-weight:400;--e-global-typography-dlcsm-line-height:1.5em;--e-global-typography-dlcs14-font-family:"Archivo";--e-global-typography-dlcs14-font-size:14px;--e-global-typography-dlcs14-font-weight:400;--e-global-typography-dlcs14-line-height:1.45em;--e-global-typography-dlcnote-font-family:"Archivo";--e-global-typography-dlcnote-font-size:13px;--e-global-typography-dlcnote-font-weight:400;--e-global-typography-dlcnote-line-height:1.4em;--e-global-typography-dlcnav-font-family:"Archivo";--e-global-typography-dlcnav-font-size:14px;--e-global-typography-dlcnav-font-weight:600;--e-global-typography-dlcnav-text-transform:uppercase;--e-global-typography-dlcnav-line-height:1.2em;--e-global-typography-dlcnav-letter-spacing:0.1em;--e-global-typography-dlcchip-font-family:"Archivo";--e-global-typography-dlcchip-font-size:13px;--e-global-typography-dlcchip-font-weight:600;--e-global-typography-dlcchip-text-transform:uppercase;--e-global-typography-dlcchip-line-height:1em;--e-global-typography-dlcchip-letter-spacing:0.08em;--e-global-typography-dlctile-font-family:"Archivo";--e-global-typography-dlctile-font-size:18px;--e-global-typography-dlctile-font-weight:700;--e-global-typography-dlctile-line-height:1.3em;--e-global-typography-dlcstrg-font-family:"Archivo";--e-global-typography-dlcstrg-font-size:17px;--e-global-typography-dlcstrg-font-weight:600;--e-global-typography-dlcstrg-line-height:1.4em;--e-global-typography-dlcway-font-family:"Archivo";--e-global-typography-dlcway-font-size:30px;--e-global-typography-dlcway-font-weight:700;--e-global-typography-dlcway-line-height:1.15em;--e-global-typography-dlcway-letter-spacing:-0.01em;--e-global-typography-dlcplac-font-family:"Archivo";--e-global-typography-dlcplac-font-size:19px;--e-global-typography-dlcplac-font-weight:600;--e-global-typography-dlcplac-line-height:1.3em;--e-global-typography-dlclink-font-family:"Archivo";--e-global-typography-dlclink-font-size:17px;--e-global-typography-dlclink-font-weight:600;--e-global-typography-dlclink-line-height:1.4em;--e-global-typography-dlcmed-font-family:"Archivo";--e-global-typography-dlcmed-font-size:17px;--e-global-typography-dlcmed-font-weight:500;--e-global-typography-dlcmed-line-height:1.5em;--e-global-typography-dlcsmb-font-family:"Archivo";--e-global-typography-dlcsmb-font-size:15px;--e-global-typography-dlcsmb-font-weight:600;--e-global-typography-dlcsmb-line-height:1.4em;--e-global-typography-dlcb18b-font-family:"Archivo";--e-global-typography-dlcb18b-font-size:18px;--e-global-typography-dlcb18b-font-weight:600;--e-global-typography-dlcb18b-line-height:1.5em;--e-global-typography-dlcwar-font-family:"Zilla Slab";--e-global-typography-dlcwar-font-size:24px;--e-global-typography-dlcwar-font-weight:600;--e-global-typography-dlcwar-line-height:1.2em;--e-global-typography-dlcwaym-font-family:"Archivo";--e-global-typography-dlcwaym-font-size:21px;--e-global-typography-dlcwaym-font-weight:700;--e-global-typography-dlcwaym-line-height:1.25em;--e-global-typography-dlcmm-font-family:"Archivo";--e-global-typography-dlcmm-font-size:24px;--e-global-typography-dlcmm-font-weight:600;--e-global-typography-dlcmm-line-height:1.3em;--e-global-typography-dlcmm-letter-spacing:-0.01em;--e-global-typography-dlcmms-font-family:"Archivo";--e-global-typography-dlcmms-font-size:18px;--e-global-typography-dlcmms-font-weight:400;--e-global-typography-dlcmms-line-height:1.4em;background-color:#FFFFFF;color:var( --e-global-color-dlcinkt );font-family:"Archivo", system-ui, sans-serif;font-size:17px;font-weight:400;line-height:1.6em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-4c96edb );font-family:"Archivo", system-ui, sans-serif;font-size:16px;font-weight:600;line-height:1.2em;color:var( --e-global-color-10d2e9b );border-radius:10px 10px 10px 10px;padding:17px 24px 17px 24px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-10d2e9b );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-primary );}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{color:var( --e-global-color-secondary );font-family:"Zilla Slab", system-ui, sans-serif;font-size:76px;font-weight:700;line-height:1em;}.elementor-kit-6 h2{color:var( --e-global-color-secondary );font-family:"Zilla Slab", system-ui, sans-serif;font-size:50px;font-weight:700;line-height:1.05em;}.elementor-kit-6 h3{color:var( --e-global-color-secondary );font-family:"Zilla Slab", system-ui, sans-serif;font-size:26px;font-weight:600;line-height:1.15em;}.elementor-kit-6 h4{color:var( --e-global-color-secondary );font-family:"Zilla Slab", system-ui, sans-serif;font-size:20px;font-weight:600;line-height:1.2em;}.elementor-kit-6 h5{color:var( --e-global-color-secondary );font-family:"Zilla Slab", system-ui, sans-serif;font-size:18px;font-weight:600;line-height:1.3em;}.elementor-kit-6 h6{color:var( --e-global-color-secondary );font-family:"Zilla Slab", system-ui, sans-serif;font-size:16px;font-weight:600;line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1380px;}.e-con{--container-max-width:1380px;}.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);}.elementor-lightbox{background-color:#021230F7;--lightbox-ui-color:#FFFFFFCC;--lightbox-ui-color-hover:#FFFFFF;--lightbox-text-color:#FFFFFF;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-dlch1-font-size:58px;--e-global-typography-dlch2-font-size:40px;--e-global-typography-dlcspec-font-size:52px;--e-global-typography-dlcsay-font-size:96px;font-size:17px;line-height:1.6em;}.elementor-kit-6 h1{font-size:58px;line-height:1em;}.elementor-kit-6 h2{font-size:40px;line-height:1.05em;}.elementor-kit-6 h3{font-size:26px;line-height:1.15em;}.elementor-kit-6 h4{font-size:20px;line-height:1.2em;}.elementor-kit-6 h5{font-size:18px;line-height:1.3em;}.elementor-kit-6 h6{font-size:16px;line-height:1.3em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;padding:17px 24px 17px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-text-font-size:16px;--e-global-typography-dlch1-font-size:40px;--e-global-typography-dlch2-font-size:32px;--e-global-typography-dlch2s-font-size:30px;--e-global-typography-dlch3-font-size:22px;--e-global-typography-dlch3l-font-size:26px;--e-global-typography-dlcsv-font-size:22px;--e-global-typography-dlcspec-font-size:40px;--e-global-typography-dlcsay-font-size:58px;--e-global-typography-dlcquot-font-size:32px;--e-global-typography-dlcgt-font-size:16px;--e-global-typography-dlcnum-font-size:22px;--e-global-typography-dlclead-font-size:17px;--e-global-typography-dlcb18-font-size:16px;--e-global-typography-dlcb16-font-size:14px;--e-global-typography-dlcway-font-size:28px;--e-global-typography-dlcplac-font-size:17px;--e-global-typography-dlcmed-font-size:16px;--e-global-typography-dlcwar-font-size:21px;--e-global-typography-dlcwaym-font-size:19px;font-size:16px;line-height:1.6em;}.elementor-kit-6 h1{font-size:40px;line-height:1em;}.elementor-kit-6 h2{font-size:32px;line-height:1.05em;}.elementor-kit-6 h3{font-size:22px;line-height:1.15em;}.elementor-kit-6 h4{font-size:20px;line-height:1.2em;}.elementor-kit-6 h5{font-size:18px;line-height:1.3em;}.elementor-kit-6 h6{font-size:16px;line-height:1.3em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Dakdekker L. Campbell — Site Settings → Custom CSS (Pixel 2026-10-24). Direction 3 "Vakman" (design/final/d3.css):
   only what Elementor has no setting for — the house button types ("Blok"), hovers, the moving photo strip, the
   gallery's titles under the photos, a few list layouts. Colours are the Site Settings colours (var(--e-global-color-…)). */
body {
  --blue: var(--e-global-color-primary); --navy: var(--e-global-color-secondary); --mute: var(--e-global-color-text);
  --soft: var(--e-global-color-accent); --line: var(--e-global-color-dlclijn); --lbla: var(--e-global-color-dlclbla);
  --rand: var(--e-global-color-dlcrand); --sky: var(--e-global-color-dlcsky0);
  --dlc-arr: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --dlc-arr-ur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E");
  --dlc-zoom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23021230' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 3.5h6v6M9.5 20.5h-6v-6M20.5 3.5l-7 7M3.5 20.5l7-7'/%3E%3C/svg%3E");
}
.elementor-widget-text-editor p:last-child { margin-bottom: 0; }
.dlc-blue .elementor-heading-title span { color: var(--blue); }
/* the design's icons are line drawings: never filled by Elementor's icon colour */
.elementor-icon svg, .elementor-icon-list-icon svg, .elementor-button-icon svg { overflow: visible; }
/* list icons are line drawings (stroke = currentColor), but Elementor's icon list only sets their fill: the list's colour here */
.dlc-ic-blue .elementor-icon-list-icon svg { color: var(--blue); }
.dlc-ic-sky .elementor-icon-list-icon svg { color: var(--sky); }
.dlc-ic-white .elementor-icon-list-icon svg { color: #fff; }
.dlc-ic-ster .elementor-icon-list-icon svg { color: var(--e-global-color-dlcster); }
/* keyboard focus: the same as hover + a clear ring */
a:focus-visible, button:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.dlc-ftr a:focus-visible, .dlc-spec a:focus-visible, .dlc-mm a:focus-visible, .dlc-acard--navy a:focus-visible { outline-color: #C4D0E9; }

/* ── the house buttons, "Blok": solid, 10 px corners, an arrow block at the end; hover = darker, the arrow slides on ──
   Type Fill 1st = blue · Border 1st = white with a soft border · Border 2nd = see-through on navy · Fill 2nd = white on navy.
   (!important: the base's Additional CSS styles these types with !important.) */
.elementor-widget-button.dlc-btn a.elementor-button, .dlc-form .elementor-button {
  display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 24px; border: 0 !important;
  border-radius: 10px; font-family: "Archivo", system-ui, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.2;
  white-space: nowrap; box-shadow: inset 0 0 0 1.5px transparent; transition: background .25s, color .25s, box-shadow .25s;
}
.elementor-widget-button.dlc-btn .elementor-button-content-wrapper { align-items: center; gap: 0; }
.elementor-widget-button.dlc-btn .elementor-button-icon svg, .dlc-form .elementor-button-icon svg { width: 18px; height: 18px; }
.elementor-widget-button.dlc-btn.dlc-bx a.elementor-button { padding-right: 12px; }
.elementor-widget-button.dlc-btn.dlc-big a.elementor-button { height: 60px; padding: 0 28px; font-size: 17px; }
.elementor-widget-button.dlc-btn.dlc-big.dlc-bx a.elementor-button { padding-right: 14px; }
.dlc-bx .elementor-button-icon, .dlc-form .elementor-button-icon {
  width: 32px; height: 32px; border-radius: 7px; display: grid; place-items: center; background: rgba(255,255,255,.18);
  transition: background .25s, color .25s;
}
.dlc-bx .elementor-button-icon svg, .dlc-form .elementor-button-icon svg, .dlc-tarr svg, .dlc-go svg { transition: transform .25s ease; }
.dlc-bx a:hover .elementor-button-icon svg, .dlc-bx a:focus-visible .elementor-button-icon svg,
.dlc-form .elementor-button:hover .elementor-button-icon svg { transform: translateX(4px); }
/* Fill 1st — blue */
.elementor-widget-button.elementor-button-primary a.elementor-button, .dlc-form .elementor-button { background: var(--blue) !important; color: #fff !important; }
.elementor-widget-button.elementor-button-primary a.elementor-button:hover, .elementor-widget-button.elementor-button-primary a.elementor-button:focus-visible,
.dlc-form .elementor-button:hover, .dlc-form .elementor-button:focus-visible { background: var(--navy) !important; color: #fff !important; }
/* Border 1st — white, a soft border; navy on hover */
.elementor-widget-button.elementor-button-black-outline a.elementor-button { background: #fff !important; color: var(--navy) !important; box-shadow: inset 0 0 0 1.5px var(--rand); }
.elementor-button-black-outline.dlc-bx .elementor-button-icon { background: var(--lbla); color: var(--blue); }
.elementor-widget-button.elementor-button-black-outline a.elementor-button:hover, .elementor-widget-button.elementor-button-black-outline a.elementor-button:focus-visible {
  background: var(--navy) !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px var(--navy); }
.elementor-button-black-outline.dlc-bx a:hover .elementor-button-icon, .elementor-button-black-outline.dlc-bx a:focus-visible .elementor-button-icon { background: rgba(255,255,255,.18); color: #fff; }
/* Border 2nd — see-through on navy; white on hover */
.elementor-widget-button.elementor-button-white-outline a.elementor-button { background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.4); }
.elementor-widget-button.elementor-button-white-outline a.elementor-button:hover, .elementor-widget-button.elementor-button-white-outline a.elementor-button:focus-visible {
  background: #fff !important; color: var(--navy) !important; box-shadow: inset 0 0 0 1.5px #fff; }
/* Fill 2nd — white on navy, a blue arrow block; blue on hover */
.elementor-widget-button.elementor-button-white-fill a.elementor-button { background: #fff !important; color: var(--navy) !important; }
.elementor-button-white-fill.dlc-bx .elementor-button-icon { background: var(--blue); color: #fff; }
.elementor-widget-button.elementor-button-white-fill a.elementor-button:hover, .elementor-widget-button.elementor-button-white-fill a.elementor-button:focus-visible {
  background: var(--blue) !important; color: #fff !important; }
.elementor-button-white-fill.dlc-bx a:hover .elementor-button-icon { background: rgba(255,255,255,.2); }
/* a button stretched on a phone keeps its text centred */
@media (max-width: 767px) { .elementor-widget-button.dlc-btn.elementor-mobile-align-justify a.elementor-button { width: 100%; } }

/* ── text link with an arrow ── */
.dlc-link .elementor-heading-title a { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); border-bottom: 1.5px solid currentColor; padding-bottom: 2px; transition: color .25s; }
.dlc-link .elementor-heading-title a::after { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--dlc-arr) center / contain no-repeat; mask: var(--dlc-arr) center / contain no-repeat; transition: transform .25s ease; }
.dlc-link--ext .elementor-heading-title a::after { -webkit-mask-image: var(--dlc-arr-ur); mask-image: var(--dlc-arr-ur); }
.dlc-link .elementor-heading-title a:hover, .dlc-link .elementor-heading-title a:focus-visible { color: var(--navy); }
.dlc-link .elementor-heading-title a:hover::after, .dlc-link .elementor-heading-title a:focus-visible::after { transform: translateX(4px); }

/* ── header: light bar, a line once you scroll; small spaced menu; the call ring ── */
.e-con.dlc-hdr { border-bottom: 1px solid transparent; transition: border-color .3s; }
.e-con.dlc-hdr.elementor-sticky--effects { border-bottom-color: var(--line); }
.dlc-logo img, .dlc-mm .elementor-widget-image img, .dlc-fbrand .elementor-widget-image img { width: auto; max-width: none; }
.dlc-nav .elementor-nav-menu--main .elementor-item { gap: 4px; }
.dlc-nav .sub-arrow svg, .dlc-mmnav .sub-arrow svg { width: 14px; height: 14px; fill: currentColor; }
.dlc-nav .elementor-nav-menu--main .elementor-nav-menu--dropdown { min-width: 240px !important; padding: 8px; border: 1px solid var(--line); box-shadow: 0 16px 34px rgba(2,18,48,.1); }
.dlc-nav .elementor-nav-menu--dropdown a { text-transform: none; letter-spacing: 0; }
.dlc-nav .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item.current-menu-ancestor > a.elementor-item { color: var(--blue); }
/* the "Diensten" dropdown (his "do better hover", 2026-11-02): hover / keyboard = a light-blue tint, a blue bar grows in on
   the left, the text moves on a little, an arrow slides in; the page you are on = the bar + blue text. The item's size stays. */
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item { position: relative; border-radius: 8px; transition: background-color .25s, color .25s, padding .25s ease; }
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item::before {
  content: ""; position: absolute; left: 9px; top: 50%; width: 3px; height: 0; border-radius: 2px; background: var(--blue);
  transform: translateY(-50%); transition: height .25s ease;
}
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item::after {
  content: ""; position: absolute; right: 12px; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: currentColor;
  -webkit-mask: var(--dlc-arr) center / contain no-repeat; mask: var(--dlc-arr) center / contain no-repeat;
  opacity: 0; transform: translateX(-6px); transition: opacity .25s, transform .25s ease;
}
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:hover,
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:focus-visible { background-color: var(--lbla); color: var(--blue); }
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:hover, .dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:focus-visible,
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item.elementor-item-active { padding-left: 22px; padding-right: 6px; }
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item.elementor-item-active { color: var(--blue); background-color: transparent; }
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item.elementor-item-active:hover { background-color: var(--lbla); }
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:hover::before, .dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:focus-visible::before,
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item.elementor-item-active::before { height: 18px; }
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:hover::after,
.dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item:focus-visible::after { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item, .dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item::before,
  .dlc-nav .elementor-nav-menu--main .sub-menu li > a.elementor-sub-item::after { transition: none; }
}
.dlc-ring .elementor-icon { width: 46px; height: 46px; border-radius: 12px; display: grid; place-items: center; background: var(--lbla); transition: background .25s, color .25s; }
.dlc-ring .elementor-icon svg { width: 20px; height: 20px; }
.dlc-tel:hover .dlc-ring .elementor-icon, .dlc-tel:focus-visible .dlc-ring .elementor-icon { background: var(--blue); color: #fff !important; }
.elementor-widget-button.dlc-burger a.elementor-button { height: 46px; padding: 0 16px; }
.elementor-widget-button.dlc-burger .elementor-button-icon svg { width: 20px; height: 20px; }
@media (max-width: 1180px) { .e-con.dlc-teltx { display: none; } .dlc-nav .elementor-nav-menu--main .elementor-item { padding-left: 9px; padding-right: 9px; } }

/* ── hero: contact tiles + the moving strip of his photos ── */
.e-con.dlc-tile { border: 1.5px solid var(--line); border-radius: 12px; transition: border-color .25s, background .25s; }
.e-con.dlc-tile:hover, .e-con.dlc-tile:focus-visible { border-color: var(--blue); background: #F5F7FA; }
.e-con.dlc-tile--blue { background: var(--blue); border-color: var(--blue); }
.e-con.dlc-tile--blue:hover, .e-con.dlc-tile--blue:focus-visible { background: var(--navy); border-color: var(--navy); }
.dlc-ti .elementor-icon, .dlc-jbi .elementor-icon { width: 48px; height: 48px; border-radius: 10px; display: grid; place-items: center; background: var(--lbla); }
.dlc-ti .elementor-icon svg { width: 20px; height: 20px; }
.dlc-tile--blue .dlc-ti .elementor-icon { background: rgba(255,255,255,.16); }
.dlc-tarr svg { width: 20px; height: 20px; }
.dlc-tile:hover .dlc-tarr svg, .dlc-tile:focus-visible .dlc-tarr svg { transform: translateX(4px); }
.e-con.dlc-reel { overflow: hidden; }
.e-con.dlc-move, .e-con.dlc-set { --width: max-content; width: max-content !important; max-width: none !important; flex: none; flex-wrap: nowrap; }
.e-con.dlc-move { animation: dlc-reel 70s linear infinite; }
.e-con.dlc-reel:hover .dlc-move { animation-play-state: paused; }
@keyframes dlc-reel { to { transform: translateX(calc(-50% - 8px)); } }
@media (prefers-reduced-motion: reduce) { .e-con.dlc-move { animation: none; } }
.e-con.dlc-set > .elementor-widget { flex: none; max-width: none; }

/* ── trust: one ruled line ── */
.dlc-ruled .elementor-icon-list-items { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 20px; padding: 22px 0; margin: 0 !important; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dlc-ruled .elementor-icon-list-item { margin: 0 !important; }
.dlc-ruled .elementor-icon-list-item::after { display: none; }
.dlc-ruled b { color: var(--navy); font-size: 17px; font-weight: 700; }
/* the strip's spacing as in the design (2026-11-09, his "please fix this from direction 6"): Elementor's own icon-list CSS
   loads after this file and took the 22 px above and below the row away; icon → text 10 px, "4,9" → "Werkspot" 10 px */
.elementor .elementor-element.dlc-ruled ul.elementor-icon-list-items { padding-top: 22px; padding-bottom: 22px; }
.elementor .elementor-element.dlc-ruled .elementor-icon-list-icon { padding-inline-end: 0 !important; }
.elementor .elementor-element.dlc-ruled .elementor-icon-list-text { padding-inline-start: 5px !important; line-height: 1.6 !important; }
.elementor .elementor-element.dlc-ruled ul.elementor-icon-list-items { row-gap: 20px; }
@media (max-width: 767px) { .elementor .elementor-element.dlc-ruled ul.elementor-icon-list-items { row-gap: 12px; } }
.dlc-ruled .elementor-icon-list-text b { margin-right: 6px; }
@media (max-width: 767px) { .dlc-ruled .elementor-icon-list-items { flex-direction: column; align-items: flex-start; gap: 12px; } }

/* ── "Mijn vak": the navy panel, the chip, the two-column ticks, the two cards ── */
.dlc-chip .elementor-icon-list-item { display: inline-flex !important; align-items: center; gap: 8px; height: 34px; padding: 0 14px !important; border-radius: 8px; background: var(--blue); }
.dlc-chip .elementor-icon-list-text { padding: 0 !important; }
.dlc-splist .elementor-icon-list-items { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 30px; }
.dlc-splist .elementor-icon-list-item { margin: 0 !important; padding: 0 0 12px !important; border-bottom: 1px solid rgba(255,255,255,.12); }
.e-con.dlc-sptx > .e-con.dlc-spbtns { margin-top: auto !important; padding-top: 34px; }
@media (max-width: 767px) { .dlc-splist .elementor-icon-list-items { grid-template-columns: 1fr; gap: 10px; }
  .elementor-widget.dlc-splist { align-self: stretch; width: 100%; } }
.e-con.dlc-sv { border: 1.5px solid var(--line); border-radius: 18px; transition: border-color .25s, background .25s; }
.e-con.dlc-sv:hover, .e-con.dlc-sv:focus-visible { border-color: var(--blue); background: #F5F7FA; }
.e-con.dlc-svph { border-radius: 12px; overflow: hidden; }
.dlc-svph img { transition: transform .8s; }
.dlc-sv:hover .dlc-svph img, .dlc-sv:focus-visible .dlc-svph img { transform: scale(1.05); }
.dlc-go .elementor-icon { width: 48px; height: 48px; border-radius: 12px; display: grid; place-items: center; background: var(--lbla); transition: background .25s, color .25s; }
.dlc-go .elementor-icon svg { width: 18px; height: 18px; }
.dlc-sv:hover .dlc-go .elementor-icon, .dlc-sv:focus-visible .dlc-go .elementor-icon,
.dlc-way:hover .dlc-go .elementor-icon, .dlc-way:focus-visible .dlc-go .elementor-icon { background: var(--blue); color: #fff !important; }
.dlc-sv:hover .dlc-go svg, .dlc-way:hover .dlc-go svg { transform: translateX(4px); }
@media (max-width: 767px) { .dlc-go .elementor-icon { width: 42px; height: 42px; } }

/* ── about: two photos offset ── */
.e-con.dlc-apics { position: relative; height: 620px; display: block; }
.e-con.dlc-p1, .e-con.dlc-p2 { position: absolute; }
.e-con.dlc-p1 { left: 0; top: 0; --width: 72%; width: 72% !important; }
.e-con.dlc-p2 { right: 0; bottom: 0; --width: 46%; width: 46% !important; }
.elementor-widget.dlc-stand { background: rgba(2,18,48,.72); border-radius: 6px; padding: 7px 10px; }
.dlc-stand .elementor-heading-title { font-size: 12px; line-height: 1; letter-spacing: .02em; }
@media (max-width: 1024px) { .e-con.dlc-apics { height: 520px; } }
@media (max-width: 767px) { .e-con.dlc-apics { height: 400px; } }

/* ── steps on a vertical line ── */
.e-con.dlc-rung { position: relative; }
.e-con.dlc-rung::after { content: ""; position: absolute; left: 27px; top: 20px; bottom: 20px; width: 2px; background: #D3DDEC; }
.e-con.dlc-step { position: relative; z-index: 1; }
.elementor-widget.dlc-n { flex-shrink: 0; }   /* a long step title never squeezes the number */
.dlc-n .elementor-heading-title { width: 56px; height: 56px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px var(--blue); display: grid; place-items: center; }
@media (max-width: 767px) { .e-con.dlc-rung::after { left: 23px; } .dlc-n .elementor-heading-title { width: 48px; height: 48px; } }

/* ── the gallery: the photo, its name under it (the photo's title = the file name), a click enlarges ── */
.dlc-gal .e-gallery-item { display: flex !important; flex-direction: column; overflow: visible !important; }
.dlc-gal .e-gallery-image { border-radius: 12px; background-color: var(--e-global-color-dlcvlak); }
.dlc-gal .elementor-gallery-item__overlay { display: none; }
.dlc-gal .elementor-gallery-item__content { position: static !important; padding: 12px 0 0 !important; text-align: left; justify-content: flex-start; opacity: 1 !important; }
.dlc-gal .elementor-gallery-item__content > * { opacity: 1 !important; transform: none !important; }
.dlc-gal .elementor-gallery-item__title { font-family: "Zilla Slab", Georgia, serif; font-size: 20px; font-weight: 600; line-height: 1.2; color: var(--navy); transition: color .25s; }
.dlc-gal .e-gallery-item::after { content: ""; position: absolute; right: 12px; top: 12px; width: 40px; height: 40px; border-radius: 10px;
  background: #fff var(--dlc-zoom) center / 18px no-repeat; opacity: 0; transform: translateY(-4px); transition: opacity .25s, transform .25s; }
.dlc-gal .e-gallery-item:hover::after, .dlc-gal .e-gallery-item:focus-visible::after { opacity: 1; transform: none; }
.dlc-gal .e-gallery-item:hover .elementor-gallery-item__title, .dlc-gal .e-gallery-item:focus-visible .elementor-gallery-item__title { color: var(--blue); }
.dlc-gal-home .e-gallery-item:nth-child(n+9) { display: none !important; }
@media (max-width: 1024px) { .dlc-gal-home .e-gallery-item:nth-child(n+7) { display: none !important; } }
@media (max-width: 767px) {
  .dlc-gal .elementor-gallery-item__title { font-size: 16px; } .dlc-gal .elementor-gallery-item__content { padding-top: 8px !important; }
  .dlc-gal .e-gallery-item::after { opacity: 1; transform: none; width: 34px; height: 34px; right: 8px; top: 8px; background-size: 16px; }
}

/* ── reviews ── */
.e-con.dlc-rate { border: 1.5px solid var(--line); border-radius: 14px; }
.dlc-gbig .elementor-icon svg { width: 38px; height: 38px; }
.dlc-stars .elementor-icon-list-item { margin: 0 2px 0 0 !important; }
.dlc-stars .elementor-icon-list-text { display: none; }
.dlc-rpic, .dlc-rpic .elementor-widget-image, .dlc-rpic .elementor-widget-image img { height: 100%; }
.dlc-rpic img { min-height: 420px; }
.dlc-rone:has(.ti-widget) .dlc-revph { display: none; }
/* the live Google reviews (Trustindex; his "1" 2026-11-02, like HVD Bouw): the slider fills the spot beside the summary card,
   its cards in Campbell's look — the summary card's border and corners, Archivo, navy name, the site's text colour */
.e-con.dlc-rone .ti-widget { width: 100%; }
.e-con.dlc-rone .ti-widget .ti-review-item > .ti-inner { border: 1.5px solid var(--line) !important; border-radius: 14px !important; background: #fff !important; box-shadow: none !important; }
.e-con.dlc-rone .ti-widget .ti-review-item, .e-con.dlc-rone .ti-widget .ti-review-item * { font-family: "Archivo", system-ui, sans-serif !important; }
.e-con.dlc-rone .ti-widget .ti-review-item .ti-name { color: var(--navy) !important; font-weight: 700 !important; }
.e-con.dlc-rone .ti-widget .ti-review-item .ti-date { color: var(--mute) !important; }
.e-con.dlc-rone .ti-widget .ti-review-item .ti-review-content, .e-con.dlc-rone .ti-widget .ti-review-item .ti-read-more { color: var(--mute) !important; }
.dlc-gsm .elementor-icon svg { width: 22px; height: 22px; }

/* ── Instagram: square photos ── */
.dlc-sq a { display: block; overflow: hidden; border-radius: 12px; }
.dlc-sq img { aspect-ratio: 1; object-fit: cover; height: auto; transition: transform .6s; }
.dlc-sq a:hover img { transform: scale(1.06); }

/* ── closing band: the motto, the row of ways, the places ── */
.e-con.dlc-mrow { border-top: 1px solid var(--line); }
.e-con.dlc-mrow > .dlc-mail { margin-left: auto; }
.dlc-mail a, .dlc-flist a, .dlc-mmlist a { transition: color .25s; }
.dlc-mail a:hover { color: var(--blue); }
.dlc-places .elementor-icon-list-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; }
.dlc-places .elementor-icon-list-item { margin: 0 !important; padding: 0 0 14px !important; border-bottom: 1px solid var(--line); }
@media (max-width: 767px) { .e-con.dlc-mrow > .dlc-mail { margin-left: 0; } .dlc-places .elementor-icon-list-items { grid-template-columns: 1fr 1fr; } }

/* ── footer ── */
.e-con.dlc-fbot { border-top: 1px solid rgba(255,255,255,.1); }
.dlc-flegal a, .dlc-ftr .elementor-widget-text-editor a { color: inherit; transition: color .25s; }
.dlc-flegal a:hover, .dlc-flist a:hover { color: #fff; }
.dlc-flist .elementor-icon-list-icon { display: none; }
.dlc-flist .elementor-icon-list-text { padding: 0 !important; }
.dlc-socb .elementor-icon, .dlc-socw .elementor-heading-title a { height: 44px; min-width: 44px; padding: 0 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.2);
  display: grid; place-items: center; color: #fff !important; transition: background .25s, color .25s, border-color .25s; }
.dlc-socb .elementor-icon svg { width: 18px; height: 18px; }
.dlc-socb .elementor-icon:hover, .dlc-socw .elementor-heading-title a:hover { background: #fff; color: var(--navy) !important; border-color: #fff; }
.dlc-socb--round .elementor-icon { width: 42px; height: 42px; min-width: 0; padding: 0; border-radius: 50%; border-color: rgba(255,255,255,.22); }
.dlc-fnav .elementor-nav-menu--main .elementor-item { justify-content: flex-start; }

/* ── the phone menu: its own full-screen layer in navy ── */
.e-con.dlc-mmtop { border-bottom: 1px solid rgba(255,255,255,.12); }
.dlc-mmx .elementor-icon { width: 46px; height: 46px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); display: grid; place-items: center; }
.dlc-mmx .elementor-icon svg { width: 20px; height: 20px; }
.dlc-mmnav { margin-top: 14px; }
.dlc-mmnav .elementor-nav-menu > li { border-bottom: 1px solid rgba(255,255,255,.1); }
.dlc-mmnav .elementor-nav-menu--main .elementor-item { justify-content: space-between; }
.dlc-mmnav .sub-menu { display: block !important; position: static !important; width: auto !important; min-width: 0 !important; margin: 0 0 14px !important;
  padding: 0 0 0 14px !important; border-left: 2px solid var(--blue) !important; background: transparent !important; box-shadow: none !important; }
.dlc-mmnav .sub-menu a { padding: 8px 0 8px 10px !important; border: 0 !important; background: transparent !important; }
.dlc-mmnav .sub-menu a:hover { color: #fff !important; }
.dlc-mmnav .sub-arrow { transform: rotate(180deg); }
.elementor-widget-button.dlc-mmcta { margin-top: 26px; }
.elementor-widget-button.dlc-mmcta a.elementor-button { width: 100%; height: 56px; border-radius: 12px; font-size: 17px; }
.e-con.dlc-mmfoot { margin-top: auto !important; padding-top: 28px; }
.dlc-mmlist a:hover { color: #fff; }

/* ── service page: six cards, the tags, the guarantee ── */
.e-con.dlc-job { border: 1.5px solid var(--line); border-radius: 18px; }
.dlc-jbi .elementor-icon { width: 54px; height: 54px; border-radius: 12px; }
.dlc-jbi .elementor-icon svg { width: 24px; height: 24px; }
.dlc-tags .elementor-icon-list-items { gap: 10px; }
.dlc-tags .elementor-icon-list-item, .dlc-chips .elementor-icon-list-item { display: inline-flex !important; align-items: center; margin: 0 !important; background: #fff; border-radius: 10px; }
.dlc-tags .elementor-icon-list-item { height: 44px; padding: 0 16px !important; border: 1.5px solid var(--line); }
.dlc-tags .elementor-icon-list-item::after, .dlc-chips .elementor-icon-list-item::after { display: none; }
.e-con.dlc-warrant { --width: fit-content; width: fit-content !important; max-width: 100%; }
.dlc-wi .elementor-icon svg { width: 34px; height: 34px; }
@media (max-width: 767px) { .dlc-tags .elementor-icon-list-item { height: 40px; font-size: 15px; } }

/* ── contact: three big ways, the form, the side cards ── */
.e-con.dlc-way { border: 1.5px solid var(--line); border-radius: 18px; transition: border-color .25s, background .25s; }
.e-con.dlc-way:hover, .e-con.dlc-way:focus-visible { border-color: var(--blue); background: #F5F7FA; }
.dlc-ti--56 .elementor-icon { width: 56px; height: 56px; border-radius: 12px; }
.dlc-ti--56 .elementor-icon svg { width: 26px; height: 26px; }
.dlc-wayb .elementor-heading-title { overflow-wrap: anywhere; }
.e-con.dlc-fcard { border: 1.5px solid var(--line); border-radius: 18px; }
.dlc-chips .elementor-icon-list-items { gap: 8px; }
.dlc-chips .elementor-icon-list-item { gap: 6px; height: 38px; padding: 0 12px !important; border-radius: 9px; }
.dlc-chips .elementor-icon-list-items { margin: 0 !important; }
.dlc-chips .elementor-icon-list-icon { width: auto; margin: 0 !important; padding: 0 !important; }
.dlc-chips .elementor-icon-list-icon svg { margin: 0 !important; }
.dlc-chips .elementor-icon-list-text { padding-inline-start: 0 !important; font-size: 15px; }
.dlc-crumbs p { display: flex; flex-wrap: wrap; gap: 10px; }
.dlc-crumbs a, .dlc-crumbhome a { color: var(--blue); font-weight: 600; transition: color .25s; }
.dlc-crumbs a:hover, .dlc-crumbhome a:hover { color: var(--navy); }
/* the form (Elementor Pro): fields like the design, the privacy box in its look */
.dlc-form .elementor-field-group { margin-bottom: 0; }
.dlc-form .elementor-field-label { margin-bottom: 8px; font-size: 15px; font-weight: 600; color: var(--navy); }
.dlc-form.elementor-widget-form .elementor-mark-required .elementor-field-label::after { color: var(--blue); }
.dlc-form .elementor-field-group:not(.elementor-field-type-acceptance) .elementor-field {
  height: 54px; padding: 0 16px; font-family: "Archivo", system-ui, sans-serif; font-size: 16px; color: var(--e-global-color-dlcinkt);
  background: #fff; border: 1.5px solid var(--rand); border-radius: 10px; transition: border-color .2s, box-shadow .2s; }
.dlc-form textarea.elementor-field { height: auto !important; min-height: 180px; padding: 14px 16px !important; resize: vertical; }
.dlc-form .elementor-field:hover { border-color: #9FB2CF; }
.dlc-form .elementor-field:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(2,18,48,.14); }
.dlc-form .elementor-field::placeholder { color: #8C97AB; }
.dlc-form .elementor-field-type-acceptance .elementor-field-option { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.dlc-form .elementor-field-type-acceptance input { flex: none; width: 24px; height: 24px; margin: -1px 0 0; -webkit-appearance: none; appearance: none;
  border: 1.5px solid #9FB2CF; border-radius: 7px; background: #fff center / 16px no-repeat; cursor: pointer; transition: background-color .2s, border-color .2s; }
.dlc-form .elementor-field-type-acceptance input:checked { border-color: var(--blue); background-color: var(--blue);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
.dlc-form .elementor-field-type-acceptance input:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.dlc-form .elementor-field-type-acceptance label { font-size: 15px; color: var(--e-global-color-dlcinkt); }
.dlc-form .elementor-field-type-acceptance a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.dlc-form .elementor-field-option.elementor-error .elementor-message, .dlc-form .elementor-field-type-acceptance .elementor-message { flex-basis: 100%; }
.dlc-form .elementor-message { font-size: 14px; }
.dlc-form .elementor-field-type-submit { margin-top: 4px; }
.dlc-form .elementor-button { height: 60px; padding: 0 14px 0 28px; font-size: 17px; }
.dlc-form .elementor-button .elementor-button-content-wrapper { gap: 12px; }
@media (max-width: 767px) { .dlc-form .elementor-field-type-submit .elementor-button { width: 100%; } }

/* ════ added 2026-10-24 (Pixel, after Ink): Offerte aanvragen + Projecten (design/final offerte-aanvragen.html, projecten.html) ════ */
body {
  --dlc-ic-roof: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 12.5L12 4l9.5 8.5'/%3E%3Cpath d='M5.5 10v9.5h13V10'/%3E%3Cpath d='M9.5 19.5v-5h5v5'/%3E%3C/svg%3E");
  --dlc-ic-drop: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3s6.5 7 6.5 11.3a6.5 6.5 0 0 1-13 0C5.5 10 12 3 12 3z'/%3E%3C/svg%3E");
  --dlc-ic-gutter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h19'/%3E%3Cpath d='M4.5 6.5c0 4.2 3.4 7 7.5 7s7.5-2.8 7.5-7'/%3E%3Cpath d='M12 13.5v7'/%3E%3C/svg%3E");
  --dlc-ic-chat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-12.3 7.4L3 20.5l1.6-5.2A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E");
  --dlc-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --dlc-arr-w: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --dlc-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}
/* ── a page's own quote button: the quiet one, only a border (rule 23 — the header button stays the solid one) ── */
.elementor-widget-button.dlc-btn.dlc-outline a.elementor-button { background: transparent !important; color: var(--blue) !important; box-shadow: inset 0 0 0 1.5px var(--blue); }
.elementor-widget-button.dlc-btn.dlc-outline a.elementor-button:hover, .elementor-widget-button.dlc-btn.dlc-outline a.elementor-button:focus-visible {
  background: #E7EBF3 !important; color: var(--blue) !important; box-shadow: inset 0 0 0 1.5px var(--blue); }
.dlc-btn.dlc-outline.dlc-bx .elementor-button-icon, .dlc-btn.dlc-outline.dlc-bx a:hover .elementor-button-icon,
.dlc-btn.dlc-outline.dlc-bx a:focus-visible .elementor-button-icon { background: transparent; color: var(--blue); }
/* ── the page head of Offerte aanvragen / Projecten: the blue star in the line ── */
.dlc-star i { font-style: normal; color: var(--blue); }

/* ── Offerte: beside the form — the short steps, rather call, the proof (stays in view on a computer) ── */
@media (min-width: 1025px) and (min-height: 860px) { .e-con.dlc-oside { position: sticky; top: 130px; } }
.e-con.dlc-rung--mini::after { left: 19px; top: 14px; bottom: 14px; }
.dlc-rung--mini .dlc-n .elementor-heading-title { width: 40px; height: 40px; font-size: 19px !important; }
/* each circle centred on its step title (his "fix the alignment", 2026-11-09): the text starts 8 px lower, so the 24 px title
   line sits in the middle of the 40 px circle; the number 19 px as in the design (the site's own text style made it 26 px) */
.dlc-rung--mini .e-con.dlc-step { align-items: flex-start; }
.dlc-rung--mini .e-con.dlc-step > .e-con { padding-top: 8px; }
/* the big steps ("Zo werk ik": Home + the service pages, his "fix alignment"): the same — the 30 px title line in the middle of
   the 56 px circle (phone: 25 px in 48 px) */
.e-con.dlc-rung:not(.dlc-rung--mini) .e-con.dlc-step { align-items: flex-start; }
.e-con.dlc-rung:not(.dlc-rung--mini) .e-con.dlc-step > .e-con { padding-top: 13px; }
@media (max-width: 767px) { .e-con.dlc-rung:not(.dlc-rung--mini) .e-con.dlc-step > .e-con { padding-top: 11.5px; } }
.dlc-aproof b { color: var(--navy); }

/* ── Offerte: the quote form (WPStack Forms "Offerte aanvragen") as the design's three numbered blocks. Each field is
   found by its id in the form (data-field-id="dlc_…"); the module's own texts (buttons, messages) are kept. ── */
.dlc-of .wpsf-form-wrap { max-width: none; }
.dlc-of .wpsf-form { gap: 20px; font-family: "Archivo", system-ui, sans-serif; font-size: 16px; color: var(--e-global-color-dlcinkt); }
.dlc-of .wpsf-form .wpsf-field { --wpsf-gap: 20px; gap: 8px; }
.dlc-of .wpsf-info p { margin: 0; }
.dlc-of .dlc-of-kop { display: flex; align-items: center; gap: 14px; margin-bottom: 2px; }
.dlc-of .dlc-of-kop h2 { margin: 0; font-family: "Zilla Slab", Georgia, serif; font-size: 28px; font-weight: 600; line-height: 1.15; color: var(--navy); }
.dlc-of .dlc-of-num { flex: none; width: 40px; height: 40px; border-radius: 10px; background: var(--blue); color: #fff; display: grid; place-items: center; font-size: 20px; font-weight: 700; line-height: 1; }
.dlc-of .wpsf-form :is([data-field-id="dlc_kop2"], [data-field-id="dlc_kop3"]) { margin-top: 16px; padding-top: 36px; border-top: 1px solid var(--line); }
.dlc-of .dlc-of-sub { font-family: "Zilla Slab", Georgia, serif; font-size: 20px; font-weight: 600; line-height: 1.3; color: var(--navy); }
.dlc-of .dlc-of-note { font-size: 14px; line-height: 1.5; color: var(--mute); }
.dlc-of .wpsf-form [data-field-id="dlc_fotos_note"] { margin-top: -10px; }
.dlc-of .wpsf-form .wpsf-field > label { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--navy); }
.dlc-of .wpsf-form .wpsf-required { margin-left: 3px; color: var(--blue); }
.dlc-of .wpsf-form :is([data-field-id="dlc_toelichting"], [data-field-id="dlc_fotos"], [data-field-id="dlc_straat"], [data-field-id="dlc_huisnummer"],
  [data-field-id="dlc_postcode"], [data-field-id="dlc_bedrijfsnaam"], [data-field-id="dlc_kvk"]) > label::after { content: " (optioneel)"; font-size: 14px; font-weight: 400; color: var(--mute); }
.dlc-of .wpsf-form .wpsf-field :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select) {
  height: 54px; margin: 0; padding: 0 16px; font-family: inherit; font-size: 16px; color: var(--e-global-color-dlcinkt); background: #fff;
  border: 1.5px solid var(--rand); border-radius: 10px; box-shadow: none; transition: border-color .2s, box-shadow .2s; }
.dlc-of .wpsf-form .wpsf-field textarea { height: auto; min-height: 130px; padding: 14px 16px; line-height: 1.6; resize: vertical; }
.dlc-of .wpsf-form .wpsf-field :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select):hover { border-color: #9FB2CF; }
.dlc-of .wpsf-form .wpsf-field :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select):focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 4px rgba(2,18,48,.14); }
/* "Aanvraag voor" (added 2026-10-25, his "can we do this option like a drop down"): a dropdown like the fields, the house
   chevron on the right; always answered (Particulier preselected), so the module's empty "— Kies —" line is not offered */
.dlc-of .wpsf-form .wpsf-field select[name] { padding-right: 48px; -webkit-appearance: none; appearance: none; cursor: pointer;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23021230' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 16px center / 20px no-repeat; }
.dlc-of .wpsf-form [data-field-id="dlc_aanvraag"] option[value=""] { display: none; }
.dlc-of .wpsf-form .wpsf-field ::placeholder { color: #8C97AB; opacity: 1; }
@media (max-width: 767px) { .dlc-of .wpsf-form .wpsf-field { flex-basis: 100%; max-width: 100%; } }
/* Dienst: four cards, each with the design's icon; the ring on the right fills when chosen */
.dlc-of .wpsf-form .wpsf-cards { gap: 12px; }
.dlc-of .wpsf-form .wpsf-card { display: block; }
.dlc-of .wpsf-form .wpsf-card-box { position: relative; justify-content: flex-start; gap: 14px; height: 100%; min-height: 0; padding: 14px 16px; box-sizing: border-box;
  border: 1.5px solid var(--rand); border-radius: 12px; background: #fff; font-size: 16px; font-weight: 600; line-height: 1.3; color: var(--navy);
  transition: border-color .2s, background-color .2s, box-shadow .2s; }
.dlc-of .wpsf-form .wpsf-card-box::before { content: ""; flex: none; width: 44px; height: 44px; border-radius: 10px; background: var(--lbla); transition: background-color .2s; }
.dlc-of .wpsf-form .wpsf-card-box::after { content: ""; position: absolute; left: 28px; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: var(--blue);
  -webkit-mask: var(--dlc-ic) center / contain no-repeat; mask: var(--dlc-ic) center / contain no-repeat; transition: background-color .2s; }
.dlc-of .wpsf-form .wpsf-card-text { flex: 1; line-height: inherit; }
.dlc-of .wpsf-form .wpsf-card-check { width: 24px; height: 24px; box-sizing: border-box; border: 1.5px solid var(--rand); background: transparent; color: transparent; opacity: 1; transform: none; transition: .2s; }
.dlc-of .wpsf-form .wpsf-card-check svg { width: 14px; height: 14px; }
.dlc-of .wpsf-form .wpsf-card:hover .wpsf-card-box { border-color: #9FB2CF; }
.dlc-of .wpsf-form .wpsf-card-input:checked + .wpsf-card-box { border-color: var(--blue); background: #F5F7FA; box-shadow: inset 0 0 0 1px var(--blue); }
.dlc-of .wpsf-form .wpsf-card-input:checked + .wpsf-card-box::before { background: var(--blue); }
.dlc-of .wpsf-form .wpsf-card-input:checked + .wpsf-card-box::after { background: #fff; }
.dlc-of .wpsf-form .wpsf-card-input:checked + .wpsf-card-box .wpsf-card-check { border-color: var(--blue); background: var(--blue); color: #fff; }
.dlc-of .wpsf-form .wpsf-card-input:focus-visible + .wpsf-card-box { outline: 3px solid var(--blue); outline-offset: 3px; box-shadow: none; }
.dlc-of .wpsf-form .wpsf-card-input:checked:focus-visible + .wpsf-card-box { box-shadow: inset 0 0 0 1px var(--blue); }
.dlc-of .wpsf-form .wpsf-card:nth-child(1) { --dlc-ic: var(--dlc-ic-roof); }
.dlc-of .wpsf-form .wpsf-card:nth-child(2) { --dlc-ic: var(--dlc-ic-drop); }
.dlc-of .wpsf-form .wpsf-card:nth-child(3) { --dlc-ic: var(--dlc-ic-gutter); }
.dlc-of .wpsf-form .wpsf-card:nth-child(4) { --dlc-ic: var(--dlc-ic-chat); }
@media (max-width: 767px) { .dlc-of .wpsf-form .wpsf-cards { grid-template-columns: minmax(0, 1fr); } }
/* Foto's: one upload area — drag and drop, or click to choose (the module's own script); the chosen photos listed under it */
.dlc-of .wpsf-form .wpsf-drop { gap: 10px; }
.dlc-of .wpsf-form .wpsf-drop-zone { gap: 6px; padding: 30px 20px; border: 2px dashed var(--rand); border-radius: 14px; background: #F5F7FA; color: var(--mute);
  font-size: 16px; line-height: 1.5; transition: border-color .2s, background-color .2s; }
.dlc-of .wpsf-form .wpsf-drop-zone svg { box-sizing: border-box; width: 52px; height: 52px; margin-bottom: 6px; padding: 14px; border-radius: 12px; background: var(--lbla); color: var(--blue); stroke-width: 2; }
.dlc-of .wpsf-form .wpsf-drop-text { font-weight: 700; color: var(--navy); }
.dlc-of .wpsf-form .wpsf-drop-link { color: var(--blue); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.dlc-of .wpsf-form .wpsf-drop-zone:hover, .dlc-of .wpsf-form .wpsf-drop-zone.is-over { border-color: var(--blue); background: #F5F7FA; }
.dlc-of .wpsf-form .wpsf-drop-zone:focus-visible, .dlc-of .wpsf-form .wpsf-drop.is-ready input[type="file"]:focus + .wpsf-drop-zone { outline: 3px solid var(--blue); outline-offset: 3px; }
.dlc-of .wpsf-form .wpsf-drop .wpsf-drop-item { gap: 10px; padding: 6px 6px 6px 14px; border: 0; border-radius: 10px; background: var(--soft); font-size: 15px; color: var(--navy); }
.dlc-of .wpsf-form .wpsf-drop-size { color: var(--mute); }
.dlc-of .wpsf-form .wpsf-drop .wpsf-drop-remove { width: 32px; height: 32px; border: 0; border-radius: 8px; background: transparent; color: var(--mute); font-size: 20px; }
.dlc-of .wpsf-form .wpsf-drop .wpsf-drop-remove:hover { background: #fff; color: var(--navy); }
.dlc-of .wpsf-form .wpsf-drop .wpsf-drop-remove:focus-visible { outline: 3px solid var(--blue); outline-offset: 1px; }
.dlc-of .wpsf-form .wpsf-drop-foot { font-size: 14px; color: var(--mute); }
.dlc-of .wpsf-form .wpsf-drop:has(.wpsf-drop-list[hidden]):has(.wpsf-drop-msg:empty) .wpsf-drop-foot { display: none; }   /* nothing chosen: no "0 / 5" */
/* the privacy tick box with its link beside it (like RVD); the company tick box became the "Aanvraag voor" dropdown */
.dlc-of .wpsf-form [data-field-id="dlc_privacy"] > label:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dlc-of .wpsf-form [data-field-id="dlc_privacy"] .wpsf-option { display: flex; align-items: flex-start; gap: 12px; margin: 0;
  font-size: 15px; font-weight: 400; line-height: 1.5; color: var(--e-global-color-dlcinkt); cursor: pointer; }
.dlc-of .wpsf-form .wpsf-option input[type="checkbox"] { flex: none; width: 24px; height: 24px; margin: -1px 0 0; -webkit-appearance: none; appearance: none;
  border: 1.5px solid #9FB2CF; border-radius: 7px; background: #fff center / 16px no-repeat; cursor: pointer; transition: background-color .2s, border-color .2s; }
.dlc-of .wpsf-form .wpsf-option input[type="checkbox"]:checked { border-color: var(--blue); background-color: var(--blue); background-image: var(--dlc-tick); }
.dlc-of .wpsf-form .wpsf-option input[type="checkbox"]:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.dlc-of .wpsf-form [data-field-id="dlc_privacy"] { position: relative; flex: 0 0 auto; max-width: calc(100% - 150px); }
.dlc-of .wpsf-form [data-field-id="dlc_privacy_link"] { flex: 1 1 0; min-width: 0; margin-left: -16px; font-size: 15px; line-height: 1.5; color: var(--e-global-color-dlcinkt); }
.dlc-of .wpsf-form [data-field-id="dlc_privacy_link"] a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.dlc-of .dlc-req { color: var(--blue); }
.dlc-of .wpsf-form [data-field-id="dlc_privacy"] .wpsf-field-error-msg { position: absolute; top: 100%; left: 0; margin-top: 6px; white-space: nowrap; }
.dlc-of .wpsf-form:has([data-field-id="dlc_privacy"].wpsf-field--error) .wpsf-submit-row { margin-top: 18px; }
@media (max-width: 600px) {   /* a narrow card: the link goes on the line under "Ik ga akkoord met de", under the text */
  .dlc-of .wpsf-form [data-field-id="dlc_privacy"] { flex: 0 0 100%; max-width: 100%; }
  .dlc-of .wpsf-form [data-field-id="dlc_privacy_link"] { flex: 0 0 calc(100% - 36px); max-width: calc(100% - 36px); margin: -20px 0 0 36px; }
  .dlc-of .wpsf-form [data-field-id="dlc_privacy"] .wpsf-field-error-msg { top: calc(100% + 22px); }
  .dlc-of .wpsf-form:has([data-field-id="dlc_privacy"].wpsf-field--error) .wpsf-submit-row { margin-top: 40px; }
}
/* the send button: the house "Blok" — blue, the arrow block at the end; navy on hover, the arrow moves on */
.dlc-of .wpsf-form .wpsf-submit-row { display: flex; }
.dlc-of .wpsf-form .wpsf-submit { display: inline-flex; align-items: center; gap: 12px; height: 60px; margin: 0; padding: 0 14px 0 28px; border: 0; border-radius: 10px;
  background: var(--blue); color: #fff; font-family: "Archivo", system-ui, sans-serif; font-size: 17px; font-weight: 600; line-height: 1.2; text-transform: none;
  letter-spacing: 0; white-space: nowrap; cursor: pointer; transition: background-color .25s; }
.dlc-of .wpsf-form .wpsf-submit::after { content: ""; flex: none; width: 32px; height: 32px; border-radius: 7px; background-color: rgba(255,255,255,.18);
  background-image: var(--dlc-arr-w); background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px; transition: background-position .25s ease; }
.dlc-of .wpsf-form .wpsf-submit:hover, .dlc-of .wpsf-form .wpsf-submit:focus-visible { background: var(--navy); color: #fff; }
.dlc-of .wpsf-form .wpsf-submit:hover::after, .dlc-of .wpsf-form .wpsf-submit:focus-visible::after { background-position: calc(50% + 4px) 50%; }
.dlc-of .wpsf-form .wpsf-submit:disabled { opacity: .7; cursor: progress; }
/* after sending: the thank-you in the design's light-blue box; a refusal in a calm red one */
.dlc-of .wpsf-success { position: relative; min-height: 46px; padding: 28px 28px 28px 92px; border: 0; border-radius: 14px; background: #E7EBF3;
  font-size: 16px; font-weight: 400; line-height: 1.6; color: var(--mute); }
.dlc-of .wpsf-success::before { content: ""; position: absolute; left: 28px; top: 28px; width: 46px; height: 46px; border-radius: 12px; background: var(--blue) var(--dlc-tick) center / 22px no-repeat; }
.dlc-of .wpsf-success b { display: block; margin-bottom: 4px; font-family: "Zilla Slab", Georgia, serif; font-size: 26px; font-weight: 600; line-height: 1.2; color: var(--navy); }
.dlc-of .wpsf-success:focus { outline: none; }
.dlc-of .wpsf-error { margin-top: 16px; padding: 14px 18px; border: 1px solid #F3C4C4; border-radius: 10px; background: #FEF2F2; font-size: 15px; line-height: 1.5; color: #991B1B; }
.dlc-of .wpsf-field-error-msg { margin-top: 0; font-size: 14px; line-height: 1.4; }
.dlc-of .wpsf-form .wpsf-field--error :is(input[type="text"], input[type="email"], input[type="tel"], textarea, select), .dlc-of .wpsf-form .wpsf-field--error .wpsf-card-box,
.dlc-of .wpsf-form .wpsf-field--error .wpsf-option input[type="checkbox"], .dlc-of .wpsf-form .wpsf-field--error .wpsf-drop-zone { border-color: #dc2626; }
@media (max-width: 767px) {
  .dlc-of .dlc-of-kop h2 { font-size: 24px; }
  .dlc-of .wpsf-form .wpsf-submit { width: 100%; justify-content: center; }
  .dlc-of .wpsf-success { padding: 22px 22px 22px 80px; } .dlc-of .wpsf-success::before { left: 20px; top: 22px; }
}

/* ── Projecten: the whole gallery (the same list of photos as the home), the first 16, then "Meer foto's laden" ── */
.dlc-gal-all .e-gallery-item.dlc-off { display: none !important; }
.dlc-more { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 60px; }
.dlc-more[hidden], .dlc-more .dlc-more-btn[hidden] { display: none; }
.dlc-more .dlc-more-btn { display: inline-flex; align-items: center; gap: 10px; height: 54px; margin: 0; padding: 0 24px; border: 0; border-radius: 10px; background: #fff;
  box-shadow: inset 0 0 0 1.5px var(--rand); color: var(--navy); font-family: "Archivo", system-ui, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.2;
  text-transform: none; letter-spacing: 0; cursor: pointer; transition: background-color .25s, color .25s, box-shadow .25s; }
.dlc-more .dlc-more-btn:hover, .dlc-more .dlc-more-btn:focus-visible { background: var(--navy); color: #fff; box-shadow: inset 0 0 0 1.5px var(--navy); }
.dlc-more-ic { width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--dlc-chev) center / contain no-repeat; mask: var(--dlc-chev) center / contain no-repeat; transition: transform .25s; }
.dlc-more .dlc-more-btn:hover .dlc-more-ic, .dlc-more .dlc-more-btn:focus-visible .dlc-more-ic { transform: translateY(3px); }
.dlc-more .dlc-more-n { margin: 0; font-size: 15px; color: var(--mute); }
.dlc-iglink .elementor-icon-list-text { padding-bottom: 2px; border-bottom: 1.5px solid currentColor; transition: color .25s; }
.dlc-iglink a:hover .elementor-icon-list-text, .dlc-iglink a:focus-visible .elementor-icon-list-text { color: var(--navy) !important; }
@media (max-width: 767px) { .dlc-more { margin-top: 40px; } }

/* ── Direction 6 heroes (Pixel 2026-11-09, his "yeah hero for homepage and inner page is good. implement it on wordpress";
   the look of design/direction-6/6.css): a navy panel with the page's own text and the three ways to reach Lex, his photos on
   the right half, edge to edge. Home + the service pages: the Slides widget (fade + slow zoom; "Recent werk" + the job in a
   white card, the dots as small bars) · Projecten: three photos · Contact / Offerte aanvragen: one photo. Phone / tablet: the
   photo band on top, the panel below. ── */
.e-con.dlc6-hero { position: relative; overflow: hidden; }
.e-con.dlc6-row { position: relative; z-index: 1; max-width: calc(1380px + 64px); margin-left: auto; margin-right: auto;
  min-height: clamp(620px, calc(100vh - 104px), 820px); }
.dlc6-page .e-con.dlc6-row { min-height: clamp(600px, calc(100vh - 104px), 760px); }
.dlc6-slim .e-con.dlc6-row { min-height: 440px; }
.e-con.dlc6-in { --width: 50%; }
.e-con.dlc6-photo { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 50%; --width: auto; width: auto; }
.dlc6-hero .dlc-blue .elementor-heading-title span { color: var(--sky); }
.dlc6-hero h1.elementor-heading-title { font-size: clamp(46px, 4.2vw, 64px) !important; line-height: 1.02 !important; }
.dlc6-slim h1.elementor-heading-title { font-size: clamp(56px, 5.2vw, 80px) !important; }
.dlc6-hero .dlc-star i { color: var(--sky); }
.dlc6-hero .dlc-crumbs, .dlc6-hero .dlc-crumbs p { color: rgba(255,255,255,.8) !important; }
.dlc6-hero .dlc-crumbs a { color: #C4D0E9; } .dlc6-hero .dlc-crumbs a:hover, .dlc6-hero .dlc-crumbs a:focus-visible { color: #fff; }
.dlc6-hero .dlc-crumbs .sep { color: rgba(255,255,255,.45); }
.dlc6-hero a:focus-visible { outline-color: #C4D0E9; }
/* the three ways: the quote big and blue, call + WhatsApp side by side */
.e-con.dlc6-acts { max-width: 600px; }
.e-con.dlc6-main { grid-column: 1 / -1; border: 0; background: var(--blue); }
.e-con.dlc6-main:hover, .e-con.dlc6-main:focus-visible { background: #fff; border: 0; }
.dlc6-main:hover .elementor-heading-title, .dlc6-main:focus-visible .elementor-heading-title { color: var(--navy) !important; }
.dlc6-main:hover .elementor-widget-heading + .elementor-widget-heading .elementor-heading-title,
.dlc6-main:focus-visible .elementor-widget-heading + .elementor-widget-heading .elementor-heading-title { color: var(--mute) !important; }
.dlc6-main .dlc-ti .elementor-icon { transition: background .25s, color .25s; }
.dlc6-main:hover .dlc-ti .elementor-icon, .dlc6-main:focus-visible .dlc-ti .elementor-icon { background: var(--lbla); color: var(--blue) !important; }
.dlc6-main .dlc-tarr .elementor-icon { width: 40px; height: 40px; border-radius: 9px; display: grid; place-items: center; background: rgba(255,255,255,.18); transition: background .25s; }
.dlc6-main .dlc-tarr .elementor-icon svg { width: 18px; height: 18px; }
.dlc6-main:hover .dlc-tarr .elementor-icon, .dlc6-main:focus-visible .dlc-tarr .elementor-icon { background: var(--blue); }
.e-con.dlc6-alt { border: 0; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.2); transition: box-shadow .25s, background .25s; }
.e-con.dlc6-alt:hover, .e-con.dlc6-alt:focus-visible { border: 0; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1.5px #fff; }
.dlc6-alt .dlc-ti .elementor-icon { width: 42px; height: 42px; background: rgba(255,255,255,.08); transition: background .25s, color .25s; }
.dlc6-alt:hover .dlc-ti .elementor-icon, .dlc6-alt:focus-visible .dlc-ti .elementor-icon { background: #fff; color: var(--blue) !important; }
.dlc6-alt .dlc-tarr { display: none; }
/* Projecten: the page's quiet button, white on navy */
.dlc6-hero .elementor-widget-button.dlc-btn.dlc-outline a.elementor-button { color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.55); }
.dlc6-hero .elementor-widget-button.dlc-btn.dlc-outline a.elementor-button:hover,
.dlc6-hero .elementor-widget-button.dlc-btn.dlc-outline a.elementor-button:focus-visible { background: #fff !important; color: var(--navy) !important; box-shadow: inset 0 0 0 1.5px #fff; }
.dlc6-hero .dlc-btn.dlc-outline.dlc-bx .elementor-button-icon { color: #fff; }
.dlc6-hero .dlc-btn.dlc-outline.dlc-bx a:hover .elementor-button-icon, .dlc6-hero .dlc-btn.dlc-outline.dlc-bx a:focus-visible .elementor-button-icon { color: var(--blue); }
/* the photos */
.e-con.dlc6-mosaic { gap: 4px; background: var(--navy); }
.e-con.dlc6-mosaic > .e-con:first-child { grid-row: 1 / 3; }
.dlc6-photo > .elementor-widget-slides { width: 100%; height: 100%; }
.dlc6-photo .elementor-widget-slides > .elementor-widget-container, .dlc6-photo .elementor-swiper, .dlc6-photo .elementor-slides-wrapper,
.dlc6-photo .elementor-slides-wrapper .swiper-wrapper, .dlc6-photo .elementor-slides-wrapper .swiper-slide { height: 100% !important; }
.dlc6-photo .elementor-widget-slides { --dlc6-pad: 32px; }
.dlc6-photo .swiper-slide-inner { padding: var(--dlc6-pad) !important; text-align: left !important; }
.dlc6-photo .swiper-slide-contents { width: 380px; max-width: 100% !important; margin: 0 !important; padding: 16px 20px 40px; border-radius: 12px; background: #fff;
  box-shadow: 0 18px 40px rgba(2,18,48,.28); }
.dlc6-photo .elementor-slide-heading { display: flex; align-items: center; gap: 8px; margin: 0 !important; font-family: inherit !important; font-size: 12px !important;
  font-weight: 700 !important; line-height: 1.4 !important; letter-spacing: .14em !important; text-transform: uppercase; color: var(--blue) !important; }
.dlc6-photo .elementor-slide-heading::before { content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h3l1.8-2.5h6.4L17 7.5h3a1.5 1.5 0 0 1 1.5 1.5v9.5A1.5 1.5 0 0 1 20 20H4a1.5 1.5 0 0 1-1.5-1.5V9A1.5 1.5 0 0 1 4 7.5z'/%3E%3Ccircle cx='12' cy='13.3' r='3.6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h3l1.8-2.5h6.4L17 7.5h3a1.5 1.5 0 0 1 1.5 1.5v9.5A1.5 1.5 0 0 1 20 20H4a1.5 1.5 0 0 1-1.5-1.5V9A1.5 1.5 0 0 1 4 7.5z'/%3E%3Ccircle cx='12' cy='13.3' r='3.6'/%3E%3C/svg%3E") center / contain no-repeat; }
.dlc6-photo .elementor-slide-description { margin: 8px 0 0 !important; font-family: "Zilla Slab", Georgia, serif !important; font-size: 22px !important; font-weight: 600 !important;
  line-height: 1.2 !important; color: var(--navy) !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dlc6-photo .swiper-pagination { left: calc(var(--dlc6-pad) + 20px) !important; right: auto !important; bottom: calc(var(--dlc6-pad) + 18px) !important; width: auto !important;
  display: flex; gap: 6px; line-height: 0; text-align: left; z-index: 3; }
.dlc6-photo .swiper-pagination .swiper-pagination-bullet { position: relative; width: 34px !important; height: 3px !important; margin: 0 !important; border-radius: 2px !important;
  background: var(--line) !important; opacity: 1 !important; overflow: hidden; }
.dlc6-photo .swiper-pagination .swiper-pagination-bullet-active::after { content: ""; position: absolute; inset: 0; background: var(--blue); animation: dlc6-fill 5.2s linear both; }
@keyframes dlc6-fill { from { transform: translateX(-100%); } to { transform: none; } }
/* the slow zoom as gentle as the design's (Elementor's own starts at 130 %) */
.dlc6-photo .swiper-slide-bg.elementor-ken-burns { transition-duration: 7s; transition-timing-function: ease-out; }
.dlc6-photo .swiper-slide-bg.elementor-ken-burns--out { transform: scale(1.12); }
.dlc6-photo .swiper-slide-bg.elementor-ken-burns--active.elementor-ken-burns--out { transform: scale(1.02); }
@media (prefers-reduced-motion: reduce) { .dlc6-photo .swiper-pagination .swiper-pagination-bullet-active::after { animation: none; } }
@media (max-width: 1024px) {
  .e-con.dlc6-row, .dlc6-page .e-con.dlc6-row, .dlc6-slim .e-con.dlc6-row { min-height: 0; }
  .e-con.dlc6-in { --width: 100%; }
  .e-con.dlc6-photo { position: relative; left: auto; --width: 100%; width: 100%; height: 400px; }
  .dlc6-slim .e-con.dlc6-photo, .dlc6-page .e-con.dlc6-photo { height: 280px; }
  .e-con.dlc6-acts { max-width: 680px; }
  .dlc6-hero h1.elementor-heading-title { font-size: 54px !important; }
  .dlc6-slim h1.elementor-heading-title { font-size: 60px !important; }
}
@media (max-width: 767px) {
  .e-con.dlc6-photo { height: 190px; }
  .dlc6-slim .e-con.dlc6-photo, .dlc6-page .e-con.dlc6-photo { height: 160px; }
  .dlc6-photo .elementor-widget-slides { --dlc6-pad: 12px; }
  .dlc6-photo .swiper-slide-contents { width: 300px; padding: 10px 14px 24px; border-radius: 10px; }
  .dlc6-photo .elementor-slide-heading { display: none; }
  .dlc6-photo .elementor-slide-description { margin: 0 !important; font-size: 16px !important; }
  .dlc6-photo .swiper-pagination { left: calc(var(--dlc6-pad) + 14px) !important; bottom: calc(var(--dlc6-pad) + 11px) !important; gap: 5px; }
  .dlc6-photo .swiper-pagination .swiper-pagination-bullet { width: 26px !important; }
  .dlc6-hero h1.elementor-heading-title { font-size: 40px !important; }
  .dlc6-slim h1.elementor-heading-title { font-size: 44px !important; }
}

/* ── Accent #021230 (Pixel 2026-11-09, his "yes implement this way on wordpress also ." — direction 6's "#021230" · "use this" ·
   "change everywhere"): the Site Settings accent colours are now the navy family (Merk 1 + Knop 1e kleur #021230, Lichtblauw
   #E7EBF3, Blauw op donker #97AED8). Because the accent IS the navy: hovers that went navy → navy show a lighter navy
   (#23375C), the menu's page-you-are-on / hover is underlined, a label on a navy panel is the lighter navy, and the hero's big
   "Offerte aanvragen" on the navy panel is WHITE with its text, icon and arrow #021230 ("this button make it this new color or
   white"). Old copy: build/backup-db/accent-2026-11-09/. ── */
body { --accnav: #23375C; }
.elementor-widget-button.elementor-button-primary a.elementor-button:hover, .elementor-widget-button.elementor-button-primary a.elementor-button:focus-visible,
.dlc-form .elementor-button:hover, .dlc-form .elementor-button:focus-visible,
.elementor-widget-button.elementor-button-white-fill a.elementor-button:hover, .elementor-widget-button.elementor-button-white-fill a.elementor-button:focus-visible {
  background: var(--accnav) !important; color: #fff !important; }
.e-con.dlc-tile--blue:hover, .e-con.dlc-tile--blue:focus-visible { background: var(--accnav); border-color: var(--accnav); }
.dlc-nav .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item.elementor-item-active,
.dlc-nav .elementor-nav-menu--main > ul.elementor-nav-menu > li.current-menu-ancestor > a.elementor-item,
.dlc-nav .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item:hover,
.dlc-nav .elementor-nav-menu--main > ul.elementor-nav-menu > li > a.elementor-item:focus-visible { text-decoration: underline 2px; text-underline-offset: 8px; }
/* the underline under the word only, never under the dropdown arrow (his "arrow should not have underline") */
.dlc-nav .elementor-nav-menu--main .elementor-item .sub-arrow { display: block; line-height: 0; }
.dlc-nav .elementor-nav-menu--main .elementor-item .sub-arrow i { display: inline-block; }   /* an inline block keeps the line out */
.dlc-spec .dlc-chip .elementor-icon-list-item, .dlc6-hero .dlc-chip .elementor-icon-list-item { background: var(--accnav); }
/* the big "Offerte aanvragen" on the navy hero panel: white, #021230 text / icon / arrow */
.e-con.dlc6-main { background: #fff; }
.e-con.dlc6-main:hover, .e-con.dlc6-main:focus-visible { background: var(--lbla); }
.dlc6-main .elementor-heading-title { color: var(--navy) !important; }
.dlc6-main .elementor-widget-heading + .elementor-widget-heading .elementor-heading-title { color: var(--mute) !important; }
.dlc6-main .dlc-ti .elementor-icon { background: var(--lbla); color: var(--navy) !important; }
.dlc6-main:hover .dlc-ti .elementor-icon, .dlc6-main:focus-visible .dlc-ti .elementor-icon { background: #fff; color: var(--navy) !important; }
.dlc6-main .dlc-tarr .elementor-icon { background: var(--navy); color: #fff !important; }
.dlc6-main:hover .dlc-tarr .elementor-icon, .dlc6-main:focus-visible .dlc-tarr .elementor-icon { background: var(--accnav); }

/* ── Trust band (Pixel 2026-11-09, his "style this better" + "do that directly on wordpress"; sync_vertrouwen 2005): a light band
   right under the hero, four even columns with thin upright rules, a mark (five stars · G · shield · camera), the figure big in
   Zilla Slab, the words small under it; tablet / phone 2 × 2 with a rule between the rows. Old copy: build/backup-db/trust-2026-11-09/ ── */
.e-con.dlc-trust-grid > .e-con.dlc-trust-item + .e-con.dlc-trust-item { border-left: 1px solid #D5DEEA; }
.e-con.dlc-trust-item { gap: 0; }
.dlc-trust-mark { height: 24px; margin-bottom: 14px; display: flex; align-items: center; }
.dlc-trust-mark .elementor-icon svg { width: 24px; height: 24px; }
.dlc-trust-stars .elementor-icon-list-items { gap: 3px; }
.dlc-trust-stars .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; }
.dlc-trust-stars .elementor-icon-list-item::after { display: none; }
.dlc-trust-stars .elementor-icon-list-icon { padding: 0 !important; margin: 0 !important; }
.dlc-trust-stars .elementor-icon-list-icon { width: 19px !important; }
.dlc-trust-stars .elementor-icon-list-icon svg { width: 19px !important; height: 19px !important; fill: currentColor; }
.dlc-trust-stars .elementor-icon-list-text { display: none; }
.dlc-trust-big .elementor-heading-title { font-size: 34px !important; line-height: 1.05 !important; letter-spacing: -.01em; }
.dlc-trust-small .elementor-heading-title { margin-top: 6px; }
@media (max-width: 1024px) {
  .e-con.dlc-trust-grid > .e-con.dlc-trust-item + .e-con.dlc-trust-item:nth-child(3) { border-left: 0; }
  .e-con.dlc-trust-grid > .e-con.dlc-trust-item:nth-child(n+3) { border-top: 1px solid #D5DEEA; }
  .dlc-trust-big .elementor-heading-title { font-size: 30px !important; }
}
@media (max-width: 767px) {
  .dlc-trust-mark { height: 20px; margin-bottom: 10px; }
  .dlc-trust-mark .elementor-icon svg { width: 20px; height: 20px; }
  .dlc-trust-stars .elementor-icon-list-icon { width: 16px !important; }
  .dlc-trust-stars .elementor-icon-list-icon svg { width: 16px !important; height: 16px !important; }
  .dlc-trust-big .elementor-heading-title { font-size: 26px !important; }
  .dlc-trust-small .elementor-heading-title { font-size: 13px !important; }
}


/* ── Gallery without the flicker (Pixel 2026-11-09, his "projecten page on load, first show this list and than style it can you
   please fix this flicker"): the gallery sits in a shared template, so Elementor prints its CSS (widget-gallery, e-gallery) at the
   END of the page and its script builds the grid after that — until then the photos were a bare list of titles. This rule loads
   in the head: the gallery already has its final grid (4 / 3 / 2 columns, 22 / 12 px gaps, 4:3 photos) but stays invisible until
   Elementor's gallery script marks it ready (.e-gallery-container), so nothing jumps; on Projecten only the first 16 take room,
   as the "Meer foto's laden" script shows them; should the script ever fail, it shows anyway after 10 s. ── */
.elementor-gallery__container:not(.e-gallery-container) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px;
  visibility: hidden; animation: dlc-gal-show 0s 10s forwards; }
.elementor-gallery__container:not(.e-gallery-container) .e-gallery-item { display: block; min-width: 0; }
.dlc-gal-all .elementor-gallery__container:not(.e-gallery-container) .e-gallery-item:nth-child(n+17) { display: none !important; }   /* the site's .dlc-gal item rule is !important too */
.elementor-gallery__container:not(.e-gallery-container) .e-gallery-image { padding-bottom: 75%; background-size: cover; background-position: center; }
@keyframes dlc-gal-show { to { visibility: visible; } }
@media (max-width: 1024px) { .elementor-gallery__container:not(.e-gallery-container) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .elementor-gallery__container:not(.e-gallery-container) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/zilla-slab-latin-500-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/zilla-slab-latin-600-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Zilla Slab';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/zilla-slab-latin-700-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/archivo-latin-wght-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/archivo-latin-wght-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/archivo-latin-wght-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://dakdekker-lcampbell.inthedemo.com/wp-content/uploads/2026/10/archivo-latin-wght-normal.woff2') format('woff2');
}
/* End Custom Fonts CSS */