.elementor-846 .elementor-element.elementor-element-afe2849{--display:flex;--overlay-opacity:0.15;--padding-top:6%;--padding-bottom:7%;--padding-left:2%;--padding-right:2%;}.elementor-846 .elementor-element.elementor-element-afe2849:not(.elementor-motion-effects-element-type-background), .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-846 .elementor-element.elementor-element-afe2849::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-background-video-container::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-background-video-container::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-background-slideshow::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-background-slideshow::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://leon-eeklo.be/wp-content/uploads/2026/06/LEON-BACKGROUND.svg");--background-overlay:'';background-position:85% 50%;background-repeat:no-repeat;background-size:300px auto;}.elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-shape-bottom .elementor-shape-fill, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-shape-bottom svg, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-shape-bottom svg{height:28px;}.elementor-846 .elementor-element.elementor-element-adb848a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-846 .elementor-element.elementor-element-0046ce0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-2c184f0{--divider-border-style:solid;--divider-color:var( --e-global-color-725396e );--divider-border-width:2px;width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;}.elementor-846 .elementor-element.elementor-element-2c184f0.elementor-element{--align-self:center;}.elementor-846 .elementor-element.elementor-element-2c184f0 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-846 .elementor-element.elementor-element-2c184f0 .elementor-divider{text-align:left;padding-block-start:10px;padding-block-end:10px;}.elementor-846 .elementor-element.elementor-element-2f8c4af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-846 .elementor-element.elementor-element-2f8c4af.elementor-element{--align-self:center;}.elementor-846 .elementor-element.elementor-element-2f8c4af .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.6px;color:var( --e-global-color-725396e );}.elementor-846 .elementor-element.elementor-element-c67e9ee > .elementor-widget-container{margin:6px 0px 14px 0px;}.elementor-846 .elementor-element.elementor-element-c67e9ee{text-align:start;}.elementor-846 .elementor-element.elementor-element-c67e9ee .elementor-heading-title{font-size:52px;line-height:1.1em;letter-spacing:-0.8px;color:#1B2733;}.elementor-846 .elementor-element.elementor-element-4c5a34a{text-align:start;font-size:18px;line-height:1.7em;color:#5A6570;}.elementor-846 .elementor-element.elementor-element-c6caf97{--display:flex;--padding-top:5%;--padding-bottom:7%;--padding-left:2%;--padding-right:2%;}.elementor-846 .elementor-element.elementor-element-7fa4ab0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.elementor-846 .elementor-element.elementor-element-6fcc2c6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-846 .elementor-element.elementor-element-6fcc2c6{text-align:start;}.elementor-846 .elementor-element.elementor-element-6fcc2c6 .elementor-heading-title{font-size:32px;color:#1B2733;}.elementor-846 .elementor-element.elementor-element-30a82b1{--display:flex;}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 4 - 0.02px);flex:0 1 calc( 100% / 4 - 0.02px );flex-grow:1;padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );}.elementor-846 .elementor-element.elementor-element-3090a42 .elementor-repeater-item-0c4d8ca > *{display:inline-block;}.elementor-846 .elementor-element.elementor-element-3090a42 .elementor-repeater-item-c5ac69c.dce-item_image{justify-content:top;}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-post-item{text-align:left;padding-bottom:24px;}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-fallback{text-align:left;}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );}@media(min-width:768px){.elementor-846 .elementor-element.elementor-element-adb848a{--content-width:1500px;}.elementor-846 .elementor-element.elementor-element-0046ce0{--width:30%;}.elementor-846 .elementor-element.elementor-element-7fa4ab0{--content-width:1500px;}}@media(max-width:1024px){.elementor-846 .elementor-element.elementor-element-afe2849::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-background-video-container::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-background-video-container::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-background-slideshow::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-background-slideshow::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 0%;}.elementor-846 .elementor-element.elementor-element-afe2849{--padding-top:48px;--padding-bottom:52px;--padding-left:32px;--padding-right:32px;}.elementor-846 .elementor-element.elementor-element-adb848a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-c67e9ee .elementor-heading-title{font-size:42px;}.elementor-846 .elementor-element.elementor-element-c6caf97{--padding-top:44px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-846 .elementor-element.elementor-element-7fa4ab0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-30a82b1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2 - 0.02px);flex:0 1 calc( 100% / 2 - 0.02px );padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-post-item{padding-bottom:20px;}}@media(max-width:767px){.elementor-846 .elementor-element.elementor-element-afe2849::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-background-video-container::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-background-video-container::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-background-slideshow::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .e-con-inner > .elementor-background-slideshow::before, .elementor-846 .elementor-element.elementor-element-afe2849 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0% 0%;}.elementor-846 .elementor-element.elementor-element-afe2849{--padding-top:34px;--padding-bottom:44px;--padding-left:20px;--padding-right:20px;}.elementor-846 .elementor-element.elementor-element-adb848a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-c67e9ee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-846 .elementor-element.elementor-element-c67e9ee{text-align:start;}.elementor-846 .elementor-element.elementor-element-c67e9ee .elementor-heading-title{font-size:34px;}.elementor-846 .elementor-element.elementor-element-4c5a34a{text-align:start;}.elementor-846 .elementor-element.elementor-element-c6caf97{--padding-top:34px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-846 .elementor-element.elementor-element-7fa4ab0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-6fcc2c6{text-align:start;}.elementor-846 .elementor-element.elementor-element-6fcc2c6 .elementor-heading-title{font-size:26px;}.elementor-846 .elementor-element.elementor-element-30a82b1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-container.dce-skin-grid .dce-post-item{width:calc(100% / 2 - 0.02px);flex:0 1 calc( 100% / 2 - 0.02px );padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-posts-container.dce-skin-grid .dce-posts-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );}.elementor-846 .elementor-element.elementor-element-3090a42 .dce-post-item{padding-bottom:10px;}}/* Start custom CSS *//* ---------------------------------------------------------------
   /leden/  — member directory
   Cards: markup lives in the DCE Dynamic Posts widget (3090a42)
          -> Items Style: Dynamic HTML.
          Tokens: [post:title] [acf:adres] [acf:email] [acf:website]
                  [acf:bedrijfsreportage:0]
   Search / A-Z / link normalisation: HTML widget 02d6588 (inline JS)
   --------------------------------------------------------------- */

.led-intro { max-width: 68ch !important; }

/* ---------- toolbar ---------- */

.led-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.led-search {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 340px;
  max-width: 420px;
}
.led-search svg {
  position: absolute;
  left: 15px;
  width: 15px; height: 15px;
  fill: #8A95A0;
  pointer-events: none;
}
.led-search input[type="search"] {
  width: 100%;
  padding: 13px 40px 13px 42px;
  font-size: 16px;
  line-height: 1.4;
  color: #1B2733;
  background: #fff;
  border: 1px solid #E4E7EA;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(16,32,45,.04);
  transition: border-color .2s ease, box-shadow .2s ease;
  -webkit-appearance: none;
  appearance: none;
}
.led-search input[type="search"]:focus {
  outline: none;
  border-color: var(--e-global-color-primary);
  box-shadow: 0 0 0 3px rgba(40,148,189,.16);
}
.led-search input::-webkit-search-cancel-button { display: none; }
.led-clear {
  position: absolute;
  right: 8px;
  width: 26px; height: 26px;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; line-height: 1;
  color: #8A95A0;
  background: none; border: 0; border-radius: 6px;
  cursor: pointer;
  transition: color .2s ease, background .2s ease;
}
.led-clear:hover { color: #1B2733; background: #F1F3F5; }
.led-clear[hidden] { display: none !important; }
.led-row[hidden] { display: none !important; }
.led-empty[hidden] { display: none !important; }
.led-count {
  margin: 0;
  font-size: 15px;
  color: #5A6570;
  white-space: nowrap;
}

.led-alpha {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 16px;
}
/* The kit styles bare <button>, and those body.elementor-page-846s outrank a single
   class here: ".elementor-kit-4 button" (0,1,1) beat ".led-alpha-btn"
   (0,1,0) -- which is why the letters sat left, on padding 19.2px 32px
   19.2px 0 instead of 6px 9px -- and ".elementor-kit-4 button:focus"
   (0,2,1) beat ".led-alpha-btn.is-active" (0,2,0), so the active letter
   only turned blue once focus left the button. Everything below is
   scoped through .led-alpha to win on specificity rather than
   !important. */
.led-alpha .led-alpha-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  color: #5A6570;
  background: #fff;
  border: 1px solid #E4E7EA;
  border-radius: 8px;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.led-alpha .led-alpha-btn:hover,
.led-alpha .led-alpha-btn:focus {
  color: #1B2733;
  background: #fff;
  border-color: #C9D0D6;
}
.led-alpha .led-alpha-btn.is-active,
.led-alpha .led-alpha-btn.is-active:hover,
.led-alpha .led-alpha-btn.is-active:focus {
  color: #fff;
  background: var(--e-global-color-725396e);
  border-color: var(--e-global-color-725396e);
}
/* keyboard users still get a ring; mouse clicks don't */
.led-alpha .led-alpha-btn:focus { outline: none; }
.led-alpha .led-alpha-btn:focus-visible {
  outline: 2px solid var(--e-global-color-primary);
  outline-offset: 2px;
}

.led-empty {
  margin: 26px 0 0;
  font-size: 16px;
  color: #5A6570;
}

/* ---------- cards ---------- */

.led-hide { display: none !important; }

.led-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 22px 24px 24px;
  background: #fff;
  border: 1px solid #E4E7EA;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16,32,45,.04), 0 8px 24px -14px rgba(16,32,45,.12);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.led-card:hover {
  transform: translateY(-3px);
  border-color: #D6DCE1;
  box-shadow: 0 2px 4px rgba(16,32,45,.06), 0 18px 40px -18px rgba(16,32,45,.2);
}

/* the whole card opens the member's own page (/lid/<slug>/); the e-mail,
   website and reportage rows keep their own targets */
.led-card.is-clickable { cursor: pointer; }
.led-name-link {
  color: #1B2733;
  text-decoration: none;
  transition: color .2s ease;
}
.led-name-link:hover,
.led-card.is-clickable:hover .led-name-link { color: var(--e-global-color-primary); }
.led-row a { position: relative; z-index: 1; }

.led-name {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  color: #1B2733;
  text-transform: none;
  letter-spacing: 0;
}
.led-name-link {
  color: #1B2733;
  text-decoration: none;
  transition: color .2s ease;
}
.led-name-link:hover { color: var(--e-global-color-primary); }

.led-adres {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.55;
  color: #5A6570;
}

.led-links {
  list-style: none;
  margin: auto 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.led-row a {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 14.5px;
  line-height: 1.4;
  color: #1B2733;
  text-decoration: none;
  word-break: break-word;
  transition: color .2s ease;
}
.led-row a:hover { color: var(--e-global-color-primary); }
.led-row svg {
  flex: 0 0 auto;
  width: 14px; height: 14px;
  fill: var(--e-global-color-primary);
}
/* PARKED 2026-09-09: bedrijfsreportage row is hidden on request.
   Uncomment together with the card template and the toolbar JS.
.led-row--rep a { color: var(--e-global-color-725396e); font-weight: 500; }
.led-row--rep svg { fill: var(--e-global-color-725396e); } */

/* the theme's site-wide text-link underline pseudo would double up in here */
.led-card a .elementor-button-text::after { display: none !important; }

@media (max-width: 767px) {
  .led-toolbar { gap: 12px; }
  .led-search { max-width: none; }
  .led-count { width: 100%; }

  /* keep the A-Z row on one line and let it scroll instead of stacking */
  .led-alpha {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-top: 14px;
    padding-bottom: 4px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .led-alpha::-webkit-scrollbar { height: 3px; }
  .led-alpha::-webkit-scrollbar-thumb { background: #D6DCE1; border-radius: 3px; }
  .led-alpha-btn { flex: 0 0 auto; min-width: 30px; padding: 6px 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .led-card { transition: none; }
  .led-card:hover { transform: none; }
}

/* ---------- 2026-11-03: mobile pass ----------
   70 member cards one per row made the page ~15,000px on a phone.
   Mobile: 2 cards per row (DCE grid_columns_grid_mobile), name + address
   only. Mail / website rows are hidden on mobile because they don't fit a
   160px card; the whole card links to the member page, which has them. */
@media (max-width: 767px) {
  .led-card { padding: 14px 14px 16px; border-radius: 10px; }
  .led-name { font-size: 15px; line-height: 1.3; margin-bottom: 4px;
    overflow-wrap: normal; -webkit-hyphens: auto; hyphens: auto; }
  .led-adres { font-size: 13px; line-height: 1.45; margin-bottom: 0; }
  .led-links { display: none; }
}

/* Sticky search + A-Z bar, tablet + mobile (2026-11-03).
   --led-sticky-top is kept equal to the bottom of the sticky site header by
   the snippet "LEON · bedrijven page behaviour". When stuck the bar gets a
   shadow and drops the result counter to stay compact. */
@media (max-width: 1024px) {
  .led-toolbar-widget {
    position: sticky;
    top: var(--led-sticky-top, 0px);
    z-index: 20;
    margin-left: -32px; margin-right: -32px;
    width: calc(100% + 64px) !important; max-width: none !important;
    padding: 12px 32px 12px;
    background: #FFFFFF;
    transition: box-shadow .2s ease;
  }
  .led-toolbar-widget.is-stuck { box-shadow: 0 8px 18px -12px rgba(16,32,45,.28); }
  .led-toolbar-widget.is-stuck .led-count { display: none; }
  .led-toolbar-widget.is-stuck .led-alpha { margin-top: 10px; }
}
@media (max-width: 767px) {
  .led-toolbar-widget { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px) !important; padding: 10px 20px; }
}/* End custom CSS */