/*-- Use For Custom Styling --*/
.navbar-top-default { height: 140px;  }
.gallery-item.col-lg-4, .gallery-item.col-md-4, .gallery-item.col-sm-6, .gallery-item.col-xs-12 { padding-left: 5px; padding-right: 5px; }
.header-appear .navbar-top-default {
	height: 80px;
}

.navbar-top-default a.logo img {
    width: 150px;
}
.navbar-top-default a.logo img { transition: all ease .3s }
.header-appear .navbar-top-default a.logo img {
	width: 90px;transition: all linear .3s
}
/* === Elle Architecten refresh 2026 === */
.home header { position:absolute; top:0; left:0; right:0; z-index:1000; }
.home .elle-site-nav { background:transparent !important; box-shadow:none !important; border:0 !important; transition:background .3s ease, backdrop-filter .3s ease, height .3s ease; }
.home .header-appear .elle-site-nav { background:rgba(255,255,255,.78) !important; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:none !important; }
.home .sliderheader .tp-bgimg { filter:grayscale(100%) contrast(.94) brightness(.96); }
.home .sliderheader .bg-overlay { background:#7b6c58 !important; opacity:.12 !important; }

.elle-projects { padding-top:100px; padding-bottom:110px; }
.elle-projects-heading { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-bottom:48px; }
.elle-projects-intro { flex:1 1 auto; min-width:0; }
.elle-projects-intro > * { margin-bottom:0; }
.elle-projects-intro h1, .elle-projects-intro h2, .elle-projects-intro h3 { white-space:nowrap; }
.elle-projects .filters { flex:0 0 auto; }
.elle-projects .filter-tabs { display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:0 24px; margin:0; white-space:nowrap; }
.elle-projects .filter-tabs li { padding:0; margin:0; background:none; border:0; font-size:14px; letter-spacing:.04em; cursor:pointer; opacity:.55; transition:opacity .2s ease; }
.elle-projects .filter-tabs li.active, .elle-projects .filter-tabs li:hover { opacity:1; }
.elle-projects .items-container { margin-left:-12px; margin-right:-12px; }
.elle-projects .gallery-item { padding:0 12px 42px !important; }
.elle-project-card { display:block; color:inherit; }
.elle-project-card:hover { color:inherit; }
.elle-project-card .image-box { position:relative; margin:0; overflow:hidden; background:#eee; }
.elle-project-card .image-box:after { content:''; position:absolute; inset:0; background:rgba(0,0,0,.34); opacity:0; transition:opacity .35s ease; pointer-events:none; }
.elle-project-card .image-box img { display:block; width:100%; height:auto; transition:transform .65s cubic-bezier(.2,.7,.2,1), filter .35s ease; }
.elle-project-card:hover .image-box img { transform:scale(1.025); }
.elle-project-card:hover .image-box:after { opacity:1; }
.elle-project-meta { position:absolute; z-index:2; left:26px; right:26px; bottom:24px; padding:0; color:#fff; opacity:0; transform:translateY(10px); transition:opacity .3s ease, transform .3s ease; }
.elle-project-card:hover .elle-project-meta { opacity:1; transform:translateY(0); }
.elle-project-meta h3 { margin:0 0 4px; color:#fff; font-size:20px; font-weight:400; line-height:1.2; }
.elle-project-meta span { display:block; color:#fff; font-size:13px; opacity:.82; }

.elle-project-detail { padding-top:140px; background:#fff; }
.elle-project-hero { padding:70px 0 75px; }
.elle-project-back { display:inline-block; margin-bottom:55px; font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:inherit; opacity:.65; }
.elle-project-kicker { margin-bottom:12px; font-size:12px; text-transform:uppercase; letter-spacing:.1em; opacity:.55; }
.elle-project-copy h1 { margin:0; font-size:clamp(38px,5vw,70px); line-height:1; font-weight:300; }
.elle-project-location { margin-top:18px; opacity:.6; }
.elle-project-description { font-size:17px; line-height:1.75; }
.elle-project-description p:last-child { margin-bottom:0; }
.elle-project-gallery { padding:0 18px 80px; }
.elle-project-gallery .container-fluid { max-width:1600px; }
.elle-project-gallery-grid { columns:2; column-gap:18px; }
.elle-project-gallery-item { display:block; break-inside:avoid; margin:0 0 18px; }
.elle-project-gallery-item img { display:block; width:100%; height:auto; }

@media (min-width: 992px) {
  .elle-projects .gallery-item:nth-child(3n+2) { padding-top:54px !important; }
  .elle-projects .gallery-item:nth-child(3n) { padding-top:18px !important; }
}
@media (max-width: 991px) {
  .elle-projects-heading { display:block; }
  .elle-projects .filter-tabs { justify-content:flex-start; margin-top:25px; }
  .elle-project-detail { padding-top:90px; }
  .elle-project-description { margin-top:35px; }
}
@media (max-width: 767px) {
  .elle-projects { padding-top:70px; padding-bottom:70px; }
  .elle-projects .gallery-item { padding-bottom:28px !important; }
  .elle-project-gallery-grid { columns:1; }
  .elle-project-gallery { padding-left:8px; padding-right:8px; }
}

@media (hover: none) {
  .elle-project-card .image-box:after { opacity:.22; }
  .elle-project-meta { opacity:1; transform:none; }
}

/* === Elle Architecten refresh 2026 v4 === */
/* Floating navigation on every page */
body header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 1100;
  pointer-events: none;
}
body header .elle-site-nav {
  pointer-events: auto;
  background: rgba(255,255,255,.58) !important;
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
  box-shadow: none !important;
  border: 0 !important;
  transition: background .3s ease, height .3s ease, backdrop-filter .3s ease;
}
body .header-appear .elle-site-nav,
body.home .header-appear .elle-site-nav {
  background: rgba(255,255,255,.66) !important;
  -webkit-backdrop-filter: blur(14px) saturate(115%);
  backdrop-filter: blur(14px) saturate(115%);
  box-shadow: none !important;
}
/* On the home hero keep the first state extra light */
body.home:not(.header-appear) .elle-site-nav { background: rgba(255,255,255,.18) !important; }

/* Projects heading: title and filters share one visual baseline */
.elle-projects-heading {
  display: grid !important;
  grid-template-columns: minmax(220px,1fr) auto;
  align-items: baseline !important;
  column-gap: 60px;
  margin-bottom: 42px;
}
.elle-projects-intro,
.elle-projects-intro > *,
.elle-projects-intro h1,
.elle-projects-intro h2,
.elle-projects-intro h3,
.elle-projects .filters,
.elle-projects .filter-tabs { margin-top:0 !important; margin-bottom:0 !important; }
.elle-projects-intro h1,
.elle-projects-intro h2,
.elle-projects-intro h3 { line-height:1 !important; }
.elle-projects .filter-tabs { align-items:baseline !important; }
.elle-projects .filter-tabs li { line-height:1 !important; }

/* Keep the first row aligned; introduce the stagger only from row two onward */
@media (min-width: 992px) {
  .elle-projects .gallery-item { padding-top:0 !important; }
  .elle-projects .gallery-item:nth-child(6n+5) { padding-top:54px !important; }
  .elle-projects .gallery-item:nth-child(6n+6) { padding-top:18px !important; }
}

/* Refined project introduction */
.elle-project-detail { padding-top:140px; }
.elle-project-hero { padding:52px 0 82px; }
.elle-project-back { margin-bottom:64px; font-size:12px; letter-spacing:.11em; }
.elle-project-hero .row { align-items:flex-start; }
.elle-project-copy { padding-right:55px; }
.elle-project-kicker { margin-bottom:18px; font-size:12px; letter-spacing:.13em; }
.elle-project-copy h1 { max-width:520px; font-size:clamp(42px,4.2vw,64px); line-height:1.06; letter-spacing:-.015em; }
.elle-project-location { margin-top:24px; font-size:16px; }
.elle-project-description { max-width:720px; padding-left:35px; font-size:16px; line-height:1.8; }
.elle-project-description p { margin:0 0 18px; }

@media (max-width: 991px) {
  .elle-projects-heading { display:block !important; }
  .elle-projects .filter-tabs { margin-top:25px !important; flex-wrap:wrap; gap:14px 22px; }
  .elle-project-copy { padding-right:15px; }
  .elle-project-description { max-width:none; padding-left:15px; margin-top:38px; }
  .elle-project-back { margin-bottom:42px; }
}

/* === Elle Architecten refresh 2026 v5 === */
/* Project hover copy: centered in the image */
.elle-project-meta {
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  top: 50% !important;
  width: calc(100% - 52px);
  padding: 0 !important;
  text-align: center;
  transform: translate(-50%, calc(-50% + 10px)) !important;
}
.elle-project-card:hover .elle-project-meta {
  transform: translate(-50%, -50%) !important;
}
.elle-project-meta h3,
.elle-project-meta span { text-align:center; }

/* Put 'projecten' and the filters on the same visual centre line. */
@media (min-width: 992px) {
  .elle-projects-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 60px;
  }
  .elle-projects-intro {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
  }
  .elle-projects-intro > * { margin: 0 !important; }
  .elle-projects .filters {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  .elle-projects .filter-tabs {
    display: flex;
    align-items: center !important;
    margin: 0 !important;
  }
  .elle-projects .filter-tabs li {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (hover: none) {
  .elle-project-meta {
    transform: translate(-50%, -50%) !important;
  }
}

/* === Elle Architecten refresh 2026 v6 === */
/* Hover: only show the project title, with a little more weight. */
.elle-project-meta h3 {
  margin: 0 !important;
  font-weight: 500 !important;
}
.elle-project-meta span { display: none !important; }

/* Desktop projects header: align the visible top of title and filters. */
@media (min-width: 992px) {
  .elle-projects-heading {
    align-items: flex-start !important;
    margin-bottom: 30px !important;
  }
  .elle-projects-intro,
  .elle-projects .filters {
    align-items: flex-start !important;
  }
  .elle-projects .filters {
    padding-top: 3px !important;
  }
  .elle-projects .filter-tabs,
  .elle-projects .filter-tabs li {
    line-height: 1 !important;
  }

  /* Reset the old 3-column stagger completely for row one. */
  .elle-projects .gallery-item,
  .elle-projects .gallery-item:nth-child(3n+2),
  .elle-projects .gallery-item:nth-child(3n) {
    padding-top: 0 !important;
  }
  /* Start the stagger from the second row only. */
  .elle-projects .gallery-item:nth-child(6n+5) { padding-top: 54px !important; }
  .elle-projects .gallery-item:nth-child(6n+6) { padding-top: 18px !important; }
}

/* === Elle Architecten refresh 2026 v8 ===
 * Loaded stylesheet overrides. Keep these at the end of custom.css because
 * this theme links custom.css directly from header.php.
 */
.elle-project-meta h3 {
  font-weight: 700 !important;
}

.elle-projects .gallery-item,
.elle-projects .gallery-item:nth-child(3n+2),
.elle-projects .gallery-item:nth-child(3n),
.elle-projects .gallery-item:nth-child(6n+5),
.elle-projects .gallery-item:nth-child(6n+6) {
  padding: 0 12px 12px !important;
}

.project-section-two .filters .filter-tabs .filter {
  color: #000 !important;
}
\n\n/* === Elle Architecten refresh 2026 v9 === */
/* Filters: inactive black, active keeps the brand colour. */
.project-section-two .filters .filter-tabs .filter {
  color: #000 !important;
}
.project-section-two .filters .filter-tabs .filter.active,
.project-section-two .filters .filter-tabs li.active .filter {
  color: #b68c8b !important;
}

/* Header: keep the logo floating freely; glass background only behind menu + socials. */
body header .elle-site-nav,
body .header-appear .elle-site-nav,
body.home .header-appear .elle-site-nav,
body.home:not(.header-appear) .elle-site-nav {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.elle-site-nav .container {
  display: flex;
  align-items: center;
}
.elle-nav-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  padding: 8px 14px 8px 18px;
  background: rgba(255,255,255,.62);
  -webkit-backdrop-filter: blur(10px) saturate(115%);
  backdrop-filter: blur(10px) saturate(115%);
}
.elle-nav-actions #menu { margin: 0; }
.elle-nav-actions .header-social {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
@media (max-width: 991.98px) {
  .elle-nav-actions {
    padding: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .elle-site-nav .navbar-toggler {
    background: rgba(255,255,255,.68);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .elle-nav-actions #menu.show,
  .elle-nav-actions #menu.collapsing {
    background: rgba(255,255,255,.9);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
\n\n/* === Elle Architecten refresh 2026 v10 === */
/* Filter navigation: black by default, brand colour on hover and active. */
.project-section-two .filters .filter-tabs .filter {
  color: #000 !important;
  transition: color .2s ease;
}
.project-section-two .filters .filter-tabs .filter:hover,
.project-section-two .filters .filter-tabs .filter.active,
.project-section-two .filters .filter-tabs li.active .filter {
  color: #b68c8b !important;
}

/* Header: no panel initially. Only menu + socials receive a compact glass panel after scroll. */
.elle-nav-actions {
  padding: 3px 12px 3px 16px !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transition: background .25s ease, backdrop-filter .25s ease, -webkit-backdrop-filter .25s ease;
}
header.header-appear .elle-nav-actions {
  background: rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
  backdrop-filter: blur(10px) saturate(115%) !important;
}
@media (max-width: 991.98px) {
  header.header-appear .elle-nav-actions {
    padding: 0 !important;
    background: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* === Elle Architecten refresh 2026 v11: editorial project intro === */
.elle-project-hero { padding: 48px 0 86px; }
.elle-project-back { margin-bottom: 58px; }
.elle-project-intro { width: 100%; }
.elle-project-heading { padding-bottom: 34px; border-bottom: 1px solid rgba(0,0,0,.10); }
.elle-project-kicker { margin-bottom: 14px; }
.elle-project-title-row { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.elle-project-title-row h1 { margin:0; max-width:none; font-size:clamp(44px,5vw,76px); line-height:.98; font-weight:300; letter-spacing:-.02em; }
.elle-project-location { flex:0 0 auto; margin:0 0 6px; font-size:16px; opacity:.58; }
.elle-project-description { max-width:none; margin-top:38px; padding:0; font-size:16px; line-height:1.78; column-count:2; column-gap:70px; column-fill:balance; }
.elle-project-description p { margin:0 0 20px; break-inside:avoid; }
.elle-project-description p:last-child { margin-bottom:0; }

@media (max-width: 991px) {
  .elle-project-hero { padding:38px 0 62px; }
  .elle-project-heading { padding-bottom:26px; }
  .elle-project-title-row { display:block; }
  .elle-project-title-row h1 { font-size:clamp(40px,9vw,62px); }
  .elle-project-location { margin-top:18px; }
  .elle-project-description { margin-top:28px; column-count:1; font-size:16px; line-height:1.72; }
}


/* === Elle Architecten refresh 2026 v12: balanced project gallery === */
.elle-project-gallery-grid.elle-project-gallery-balanced {
  columns: auto !important;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.elle-project-gallery-balanced .elle-project-gallery-column {
  min-width: 0;
}
.elle-project-gallery-balanced .elle-project-gallery-item {
  display: block;
  margin: 0 0 18px;
}
@media (max-width: 767px) {
  .elle-project-gallery-grid.elle-project-gallery-balanced {
    display: block;
  }
}


/* === Elle Architecten refresh 2026 v13: colour photography + consistent spacing === */
/* Homepage photography: always display the original colour images. */
.home .sliderheader .tp-bgimg {
  -webkit-filter: none !important;
  filter: none !important;
}

/* Project overview photography: colour by default and on hover. */
.project-section-two .gallery-item .image-box img,
.project-section-two .gallery-item .image-box img:hover {
  -webkit-filter: none !important;
  filter: none !important;
}

/* Equal base whitespace horizontally and vertically between project cards. */
.elle-projects .gallery-item {
  padding: 12px !important;
}
@media (min-width: 992px) {
  /* Keep the requested stagger, while retaining the same 24px card gutter. */
  .elle-projects .gallery-item:nth-child(6n+5) { padding-top: 66px !important; }
  .elle-projects .gallery-item:nth-child(6n+6) { padding-top: 30px !important; }
}

/* Added editorial subtitle above the project copy. */
.elle-project-description-title {
  margin: 0 0 24px;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: 0;
}


/* === Elle Architecten refresh 2026 v15 === */
/* Project overview: identical 24px whitespace horizontally and vertically. */
.elle-projects .gallery-item,
.elle-projects .gallery-item:nth-child(3n+2),
.elle-projects .gallery-item:nth-child(3n),
.elle-projects .gallery-item:nth-child(6n+5),
.elle-projects .gallery-item:nth-child(6n+6) {
  padding: 12px !important;
}

/* The editable subtitle is a distinct heading above the project copy. */
.elle-project-description-title {
  display: block !important;
  margin: 0 0 26px !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  color: #303030 !important;
}

/* === Elle Architecten v16: Over ons === */
.elle-about-page { background:#fff; color:#1a1a1a; }
.elle-about-hero { padding:150px 0 70px; }
.elle-about-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:38px; border-bottom:1px solid rgba(0,0,0,.18); padding-bottom:22px; }
.elle-about-heading h1 { margin:0; font-size:clamp(52px,7vw,104px); line-height:.95; font-weight:400; text-transform:none; }
.elle-about-kicker { text-transform:uppercase; letter-spacing:.12em; font-size:14px; color:#b68c8b; padding-bottom:8px; }
.elle-about-hero-image { margin:0; aspect-ratio:16/8.4; overflow:hidden; }
.elle-about-hero-image img { width:100%; height:100%; object-fit:cover; display:block; }
.elle-about-people { padding:75px 0 90px; }
.elle-about-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:35px; }
.elle-about-section-head h2 { margin:0; font-size:clamp(36px,4vw,62px); font-weight:400; text-transform:none; }
.elle-about-section-head p { margin:0 0 7px; color:#777; }
.elle-person { border-top:1px solid rgba(0,0,0,.22); }
.elle-person:last-child { border-bottom:1px solid rgba(0,0,0,.22); }
.elle-person-toggle { width:100%; display:grid; grid-template-columns:70px 1.4fr 1fr 44px; align-items:center; gap:20px; padding:27px 0; border:0; background:transparent; color:#111; text-align:left; cursor:pointer; font:inherit; }
.elle-person-number { font-size:13px; letter-spacing:.1em; color:#b68c8b; }
.elle-person-name { font-size:clamp(25px,3vw,42px); line-height:1; }
.elle-person-label { font-size:16px; color:#666; }
.elle-person-arrow { font-size:28px; line-height:1; text-align:right; transition:transform .25s ease; }
.elle-person.is-open .elle-person-arrow { transform:rotate(90deg); color:#b68c8b; }
.elle-person-panel { padding:10px 0 60px 90px; }
.elle-person-grid { display:grid; grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr); gap:clamp(35px,6vw,90px); align-items:start; }
.elle-person-photo { margin:0; }
.elle-person-photo img { width:100%; display:block; aspect-ratio:4/5; object-fit:cover; }
.elle-person-copy { font-size:17px; line-height:1.75; max-width:760px; }
.elle-person-copy h2, .elle-person-copy h3 { font-size:24px; margin:35px 0 12px; font-weight:500; text-transform:none; }
.elle-person-copy p { margin:0 0 18px; }
.elle-about-closing { background:#f3efec; padding:90px 0; }
.elle-about-closing .container { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(40px,8vw,120px); }
.elle-about-closing h2 { margin:0; font-size:clamp(40px,5vw,72px); font-weight:400; text-transform:none; color:#b68c8b; }
.elle-about-closing-text { font-size:18px; line-height:1.8; }
.elle-about-closing-text p { margin:0 0 18px; }
@media (max-width: 767px) {
 .elle-about-hero { padding:110px 0 45px; }
 .elle-about-heading, .elle-about-section-head { display:block; }
 .elle-about-kicker { display:block; margin-bottom:14px; }
 .elle-about-section-head p { margin-top:12px; }
 .elle-person-toggle { grid-template-columns:42px 1fr 34px; gap:12px; padding:22px 0; }
 .elle-person-label { display:none; }
 .elle-person-panel { padding:5px 0 40px; }
 .elle-person-grid, .elle-about-closing .container { grid-template-columns:1fr; }
 .elle-person-photo img { aspect-ratio:4/3; }
}

/* === Elle Architecten v18: Over ons via flexible Team-blok === */
.elle-about-2026{padding:90px 0}.elle-about-intro{max-width:920px;margin:0 0 45px}.elle-about-hero{margin-bottom:70px}.elle-about-hero img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}.elle-about-people{border-top:1px solid rgba(0,0,0,.18)}.elle-about-person{border-bottom:1px solid rgba(0,0,0,.18)}.elle-about-toggle{appearance:none;width:100%;border:0;background:transparent;padding:28px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;color:#000;cursor:pointer}.elle-about-toggle strong{display:block;font-size:32px;font-weight:400;line-height:1.1}.elle-about-toggle small{display:block;margin-top:8px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#777}.elle-about-arrow{font-size:30px;transition:transform .25s ease}.elle-about-toggle[aria-expanded=true] .elle-about-arrow{transform:rotate(90deg)}.elle-about-panel{padding:10px 0 55px}.elle-about-person-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}.elle-about-photo img{display:block;width:100%;height:auto}.elle-about-copy{font-size:17px;line-height:1.75}.elle-about-copy h3{font-size:25px;margin:35px 0 15px;font-weight:500}.elle-about-closing{margin-top:80px;padding:60px;background:#f4f1ef}.elle-about-closing h2{margin:0 0 28px;font-weight:400}.elle-about-closing .entry{max-width:900px}.elle-about-closing .entry p:last-child{margin-bottom:0}@media(max-width:767px){.elle-about-2026{padding:55px 0}.elle-about-hero{margin-bottom:45px}.elle-about-toggle strong{font-size:25px}.elle-about-person-grid{grid-template-columns:1fr;gap:30px}.elle-about-closing{margin-top:50px;padding:35px 25px}}


/* === Elle Architecten refresh 2026 v23 === */
/* Project detail: stronger contrast for secondary copy. */
.elle-project-detail .elle-project-kicker { color:#6a6a6a !important; opacity:1 !important; }
.elle-project-detail .elle-project-location { color:#6a6a6a !important; opacity:1 !important; }
.elle-project-detail .elle-project-description,
.elle-project-detail .elle-project-description p { color:#555 !important; }
.elle-project-detail .elle-project-description-title { color:#4b4b4b !important; }

/* Return to projects belongs after the gallery rather than floating above the intro. */
.elle-project-overview-link { padding:18px 18px 95px; }
.elle-project-overview-link .container { border-top:1px solid rgba(0,0,0,.14); padding-top:34px; }
.elle-project-overview-link a { display:inline-flex; align-items:center; gap:12px; color:#4f4f4f; font-size:13px; text-transform:uppercase; letter-spacing:.1em; text-decoration:none; transition:color .2s ease; }
.elle-project-overview-link a span { font-size:18px; line-height:1; transition:transform .2s ease; }
.elle-project-overview-link a:hover { color:#b68c8b; }
.elle-project-overview-link a:hover span { transform:translateX(-4px); }
@media(max-width:767px){ .elle-project-overview-link{padding:10px 8px 65px}.elle-project-overview-link .container{padding-top:26px} }
\n\n/* === Elle Architecten refresh 2026 v24: project detail hierarchy + contrast === */
/* Restore the theme colour for the main project title. */
.elle-project-detail .elle-project-title-row h1 {
  color:#b68c8b !important;
}
/* Category and all body copy need enough contrast on white. */
.elle-project-detail .elle-project-kicker {
  color:#4a4a4a !important;
  opacity:1 !important;
}
.elle-project-detail .elle-project-description,
.elle-project-detail .elle-project-description p {
  color:#3f3f3f !important;
  opacity:1 !important;
}
/* Subtitle belongs directly below the title, before the divider. */
.elle-project-detail .elle-project-description-title {
  margin:18px 0 0 !important;
  color:#4a4a4a !important;
  font-size:clamp(22px,2vw,30px) !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}
/* Year/status badge: restore the outlined treatment. */
.elle-project-detail .elle-project-location {
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin:0 0 5px !important;
  padding:8px 24px !important;
  border:1px solid #b68c8b !important;
  border-radius:999px;
  color:#7d5e5d !important;
  font-size:14px !important;
  font-weight:600;
  line-height:1;
  opacity:1 !important;
  white-space:nowrap;
}
.elle-project-detail .elle-project-heading { padding-bottom:30px; }
.elle-project-detail .elle-project-description { margin-top:34px; }
@media(max-width:991px){
 .elle-project-detail .elle-project-location { margin-top:18px !important; }
 .elle-project-detail .elle-project-description-title { margin-top:15px !important; }
 .elle-project-detail .elle-project-description { margin-top:27px; }
}


/* === Elle Architecten refresh 2026 v25: definitive project title + balanced copy === */
.elle-project-detail .elle-project-heading .elle-project-title-row > h1,
body.single-project .elle-project-detail .elle-project-title-row h1 {
  color: #b68c8b !important;
  -webkit-text-fill-color: #b68c8b !important;
}
/* Let long paragraphs flow naturally across the two columns so both columns end at nearly the same height. */
@media (min-width: 992px) {
  .elle-project-detail .elle-project-description {
    column-count: 2 !important;
    column-gap: 70px !important;
    column-fill: balance !important;
  }
  .elle-project-detail .elle-project-description p {
    break-inside: auto !important;
    -webkit-column-break-inside: auto !important;
    page-break-inside: auto !important;
  }
}


/* === Elle Architecten 2026 v26: project hover subtitle === */
.elle-project-meta .elle-project-subtitle {
  display:block !important;
  margin-top:7px;
  color:#fff !important;
  font-size:15px;
  line-height:1.35;
  font-weight:400;
  text-align:center;
  opacity:.92;
}

/* v27 — Wat doen we / Over ons: editorial team layout */
.elle-about-2027{padding:110px 0 100px;color:#4d4d4d}
.elle-about-2027 .elle-about-heading{display:grid;grid-template-columns:1fr 2fr;align-items:end;margin-bottom:55px;border-top:1px solid rgba(0,0,0,.14);padding-top:24px}
.elle-about-2027 .elle-about-kicker{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#6b6b6b}
.elle-about-2027 .elle-about-heading h2{margin:0;font-size:clamp(48px,6vw,92px);line-height:.98;font-weight:300;color:#b68c8b}
.elle-about-2027 .elle-about-hero{margin:0 0 90px;overflow:hidden}
.elle-about-2027 .elle-about-hero img{display:block;width:100%;height:min(62vw,720px);object-fit:cover}
.elle-about-2027 .elle-about-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;border:0}
.elle-about-2027 .elle-about-person{border:0}
.elle-about-2027 .elle-about-photo{overflow:hidden;background:#eee}
.elle-about-2027 .elle-about-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .6s ease}
.elle-about-2027 .elle-about-person:hover .elle-about-photo img{transform:scale(1.015)}
.elle-about-2027 .elle-about-person-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding:25px 0 22px;border-bottom:1px solid rgba(0,0,0,.22)}
.elle-about-2027 .elle-about-person-head h3{margin:0 0 7px;font-size:32px;line-height:1.1;font-weight:400;color:#b68c8b}
.elle-about-2027 .elle-about-person-head p{margin:0;color:#555;font-size:15px;text-transform:uppercase;letter-spacing:.08em}
.elle-about-2027 .elle-about-toggle{width:auto;flex:0 0 auto;padding:7px 0;border:0;background:transparent;display:flex;align-items:center;gap:13px;color:#333;font-size:15px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em}
.elle-about-2027 .elle-about-toggle i{font-style:normal;font-size:21px;line-height:1;transition:transform .25s ease}
.elle-about-2027 .elle-about-toggle[aria-expanded=true] i{transform:rotate(180deg)}
.elle-about-2027 .elle-about-panel{padding:28px 0 15px;border-bottom:1px solid rgba(0,0,0,.22)}
.elle-about-2027 .elle-about-copy{max-width:650px;color:#4d4d4d;font-size:17px;line-height:1.75}
.elle-about-2027 .elle-about-copy h2,.elle-about-2027 .elle-about-copy h3{font-size:23px;margin:30px 0 12px;color:#333;font-weight:500}
.elle-about-2027 .elle-about-email{margin-top:28px}
.elle-about-2027 .elle-about-closing{margin:110px 0 0;padding:70px 8%;background:#f2eeec}
.elle-about-2027 .elle-about-closing h2{margin:15px 0 30px;font-size:clamp(42px,5vw,72px);line-height:1;font-weight:300;color:#b68c8b}
.elle-about-2027 .elle-about-closing .entry{max-width:880px;color:#4d4d4d;font-size:18px;line-height:1.75}
@media(max-width:767px){.elle-about-2027{padding:70px 0}.elle-about-2027 .elle-about-heading{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.elle-about-2027 .elle-about-heading h2{font-size:48px}.elle-about-2027 .elle-about-hero{margin-bottom:55px}.elle-about-2027 .elle-about-hero img{height:auto;aspect-ratio:4/3}.elle-about-2027 .elle-about-people{grid-template-columns:1fr;gap:55px}.elle-about-2027 .elle-about-person-head{gap:15px}.elle-about-2027 .elle-about-person-head h3{font-size:28px}.elle-about-2027 .elle-about-toggle{font-size:13px}.elle-about-2027 .elle-about-closing{margin-top:70px;padding:45px 28px}}
\n\n/* v28 — Wat doen we: vaste titel + editorial image/text block */
body.page-slug-wat-doen-we .elle-page-title,
.elle-page-title{padding:145px 0 65px;background:#fff}
.elle-page-title h1{margin:0;color:#b68c8b;font-size:clamp(52px,6vw,88px);line-height:.98;font-weight:300;text-transform:none}
.elle-image-text-editorial{padding:95px 0!important}
.elle-image-text-editorial .entry>.row{align-items:center;margin-left:-24px;margin-right:-24px}
.elle-image-text-editorial .entry>.row>[class*=col-]{padding-left:24px;padding-right:24px}
.elle-image-text-editorial .col-lg-5{flex:0 0 55%;max-width:55%;margin-bottom:0!important}
.elle-image-text-editorial .col-lg-7{flex:0 0 45%;max-width:45%;padding-left:clamp(45px,6vw,100px)!important}
.elle-image-text-editorial .col-lg-5 img{display:block;width:100%;height:min(58vw,720px);object-fit:cover}
.elle-image-text-editorial .col-lg-7 h1,
.elle-image-text-editorial .col-lg-7 h2{margin:0 0 30px;font-size:clamp(38px,4.2vw,66px);line-height:1.04;font-weight:300;text-transform:none;color:#b68c8b}
.elle-image-text-editorial .col-lg-7 h3{margin:0 0 22px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#555;font-weight:500}
.elle-image-text-editorial .col-lg-7 p{max-width:620px;color:#444;font-size:17px;line-height:1.78;margin-bottom:20px}
@media(max-width:991px){.elle-page-title{padding:110px 0 45px}.elle-image-text-editorial{padding:55px 0!important}.elle-image-text-editorial .col-lg-5,.elle-image-text-editorial .col-lg-7{flex:0 0 100%;max-width:100%;padding-left:24px!important;padding-right:24px!important}.elle-image-text-editorial .col-lg-5{margin-bottom:38px!important}.elle-image-text-editorial .col-lg-5 img{height:auto;aspect-ratio:4/3}.elle-image-text-editorial .col-lg-7 h1,.elle-image-text-editorial .col-lg-7 h2{font-size:42px}}

/* v29 — Wat doen we: betere verhouding beeld/tekst */
@media (min-width: 992px){
  .elle-image-text-editorial{padding:70px 0 90px!important}
  .elle-image-text-editorial .entry>.row{align-items:flex-start!important}
  .elle-image-text-editorial .col-lg-5{flex:0 0 59%!important;max-width:59%!important;margin:0!important}
  .elle-image-text-editorial .col-lg-7{flex:0 0 41%!important;max-width:41%!important;padding-left:clamp(48px,5vw,82px)!important;padding-top:0!important}
  .elle-image-text-editorial .col-lg-5 img{width:100%!important;height:clamp(620px,52vw,800px)!important;object-fit:cover!important;object-position:right center!important}
  .elle-image-text-editorial .col-lg-7 p{font-size:16px!important;line-height:1.65!important;margin-bottom:16px!important;max-width:560px!important}
  .elle-image-text-editorial .col-lg-7 h1,
  .elle-image-text-editorial .col-lg-7 h2{margin-top:0!important;margin-bottom:24px!important}
}
@media (max-width:991px){
 .elle-image-text-editorial .col-lg-5 img{object-fit:cover!important;object-position:right center!important}
}

/* v30 — Wat doen we: 40/60 beeld + tekstvlak */
@media (min-width: 992px){
  body.page-slug-wat-doen-we .elle-image-text-editorial{padding:70px 0 95px!important;background:#fff!important}
  body.page-slug-wat-doen-we .elle-image-text-editorial .entry>.row{
    display:grid!important;
    grid-template-columns:40% 60%!important;
    align-items:stretch!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.page-slug-wat-doen-we .elle-image-text-editorial .entry>.row>[class*=col-]{
    width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;
  }
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-5{grid-column:1!important}
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-7{
    grid-column:2!important;
    background:#f2eeec!important;
    padding:clamp(52px,5vw,82px) clamp(50px,5.5vw,92px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-5 img{
    display:block!important;width:100%!important;height:100%!important;min-height:100%!important;
    object-fit:cover!important;object-position:right center!important;
  }
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-7 p{max-width:760px!important}
}
@media (max-width:991px){
  body.page-slug-wat-doen-we .elle-image-text-editorial .entry>.row{margin-left:0!important;margin-right:0!important}
  body.page-slug-wat-doen-we .elle-image-text-editorial .entry>.row>[class*=col-]{padding-left:0!important;padding-right:0!important}
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-5{margin-bottom:0!important}
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-7{background:#f2eeec!important;padding:40px 30px!important}
  body.page-slug-wat-doen-we .elle-image-text-editorial .col-lg-5 img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:right center!important}
}


/* v31 — Wat doen we: explicit 40/60 image + editorial text panel */
body.page-slug-wat-doen-we .elle-wdd-split,
body.page-id-0 .elle-wdd-split,
.elle-wdd-split {
  padding-top: 0 !important;
  padding-bottom: 70px !important;
}
.elle-wdd-split .container { overflow: visible; }
.elle-wdd-split-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100%;
}
.elle-wdd-split-image {
  min-width: 0;
  min-height: 620px;
  overflow: hidden;
}
.elle-wdd-split-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 620px;
  object-fit: cover !important;
  object-position: right center !important;
}
.elle-wdd-split-copy {
  background: #f2eeec !important;
  padding: clamp(42px, 5vw, 78px) clamp(38px, 5.2vw, 82px) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #3f3b39;
}
.elle-wdd-split-copy > :first-child { margin-top: 0 !important; }
.elle-wdd-split-copy > :last-child { margin-bottom: 0 !important; }
.elle-wdd-split-copy h1,
.elle-wdd-split-copy h2,
.elle-wdd-split-copy h3 {
  color: #b68c8b;
}
.elle-wdd-split-copy p {
  color: #4a4644;
  line-height: 1.72;
}
@media (max-width: 991px) {
  .elle-wdd-split-inner { grid-template-columns: 1fr !important; }
  .elle-wdd-split-image,
  .elle-wdd-split-image img { min-height: 0; height: auto !important; }
  .elle-wdd-split-image img { aspect-ratio: 4 / 3; object-fit: cover !important; object-position: right center !important; }
  .elle-wdd-split-copy { padding: 38px 30px !important; }
}


/* v32 — Wat doen we / graphic option 2
   Real ACF image + complete current WYSIWYG content. */
.elle-wdd-option2 {
  padding: 0 0 82px !important;
  background: #fff !important;
}
.elle-wdd-option2 .container { overflow: visible; }
.elle-wdd-option2-top {
  display: grid;
  grid-template-columns: minmax(0, 48%) minmax(0, 52%);
  align-items: stretch;
  gap: 0;
}
.elle-wdd-option2-image {
  min-width: 0;
  overflow: hidden;
  min-height: 500px;
}
.elle-wdd-option2-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: 500px;
  object-fit: cover !important;
  object-position: right center !important;
}
.elle-wdd-option2-intro {
  background: #f2eeec;
  padding: clamp(48px,5.2vw,82px) clamp(42px,5.5vw,88px);
  color: #45413f;
}
.elle-wdd-option2-intro > :first-child { margin-top: 0 !important; }
.elle-wdd-option2-intro h1,
.elle-wdd-option2-intro h2 {
  color: #b68c8b;
  font-weight: 300;
  line-height: 1.05;
  text-transform: none;
  margin: 0 0 28px;
  font-size: clamp(38px,3.6vw,58px);
}
.elle-wdd-option2-intro h3,
.elle-wdd-option2-intro h4 {
  color: #8f6d6b;
  font-weight: 500;
  text-transform: none;
  margin-top: 32px;
  margin-bottom: 8px;
}
.elle-wdd-option2-intro p {
  font-size: 16px;
  line-height: 1.72;
  color: #474341;
  margin-bottom: 16px;
}
/* Long content gets the visual rhythm of option 2 instead of one narrow tall column. */
.elle-wdd-option2-intro {
  column-count: 2;
  column-gap: clamp(38px,4vw,68px);
  column-rule: 1px solid rgba(91,72,68,.14);
}
.elle-wdd-option2-intro h1,
.elle-wdd-option2-intro h2,
.elle-wdd-option2-intro > p:first-of-type {
  column-span: all;
}
.elle-wdd-option2-intro h3,
.elle-wdd-option2-intro h4,
.elle-wdd-option2-intro p {
  break-inside: avoid;
}
@media (max-width: 1199px) {
  .elle-wdd-option2-top { grid-template-columns: 44% 56%; }
  .elle-wdd-option2-intro { column-count: 1; }
}
@media (max-width: 991px) {
  .elle-wdd-option2 { padding-bottom: 55px !important; }
  .elle-wdd-option2-top { grid-template-columns: 1fr; }
  .elle-wdd-option2-image { min-height: 0; }
  .elle-wdd-option2-image img {
    min-height: 0;
    height: auto !important;
    aspect-ratio: 16 / 10;
    object-fit: cover !important;
    object-position: right center !important;
  }
  .elle-wdd-option2-intro {
    padding: 40px 30px;
    column-count: 1;
    column-rule: 0;
  }
}


/* v33 — Wat doen we: graphic option 2, matched to approved mock-up */
.elle-wdd-option2-final{padding:0 0 95px;background:#fff;color:#444}
.elle-wdd-option2-hero{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);align-items:stretch;margin-bottom:0}
.elle-wdd-option2-photo{overflow:hidden;min-height:470px}
.elle-wdd-option2-photo img{display:block;width:100%;height:100%;min-height:470px;object-fit:cover;object-position:right center}
.elle-wdd-option2-lead{background:#f2eeec;padding:clamp(48px,5vw,82px) clamp(44px,5.5vw,88px);display:flex;flex-direction:column;justify-content:center}
.elle-wdd-eyebrow{display:flex;align-items:center;gap:16px;margin-bottom:22px;font-size:12px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:#555}
.elle-wdd-eyebrow:before{content:"";width:32px;height:1px;background:#b68c8b;display:block}
.elle-wdd-option2-lead h2{margin:0 0 28px;font-size:clamp(38px,3.6vw,58px);line-height:1.05;font-weight:300;text-transform:none;color:#3e3937}
.elle-wdd-option2-lead p{margin:0;max-width:680px;font-size:17px;line-height:1.7;color:#4d4947}
.elle-wdd-steps{background:#f2eeec;padding:65px clamp(42px,4.8vw,76px) 54px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(38px,4.2vw,70px);row-gap:52px}
.elle-wdd-step{display:grid;grid-template-columns:62px minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid rgba(99,77,72,.2);padding-top:22px}
.elle-wdd-step-number{font-size:36px;line-height:1;font-weight:300;color:#b68c8b}
.elle-wdd-step-content h3{margin:0 0 12px;font-size:21px;line-height:1.2;font-weight:400;text-transform:none;color:#403b39}
.elle-wdd-step-content p{margin:0;font-size:14.5px;line-height:1.65;color:#55504d}
.elle-wdd-closing{background:#f2eeec;border-top:1px solid rgba(99,77,72,.2);padding:30px clamp(42px,4.8vw,76px) 55px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}
.elle-wdd-closing p{margin:0;font-size:15px;line-height:1.7;color:#55504d}
@media(max-width:1199px){.elle-wdd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.elle-wdd-option2-final{padding-bottom:60px}.elle-wdd-option2-hero{grid-template-columns:1fr}.elle-wdd-option2-photo{min-height:0}.elle-wdd-option2-photo img{height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover;object-position:right center}.elle-wdd-option2-lead{padding:42px 32px}.elle-wdd-steps{padding:45px 32px;grid-template-columns:1fr;row-gap:38px}.elle-wdd-closing{padding:28px 32px 45px;grid-template-columns:1fr;gap:15px}}
@media(max-width:575px){.elle-wdd-step{grid-template-columns:48px minmax(0,1fr);gap:12px}.elle-wdd-step-number{font-size:30px}.elle-wdd-step-content h3{font-size:19px}}


/* v34 — requested refinements */
/* 1. Step headings */
.elle-wdd-step-content h3{
  color:#000 !important;
  font-weight:600 !important;
}

/* 2. Reduce whitespace between page title "Wat doen we" and first content block */
body.page-slug-wat-doen-we .page-title,
body.page-id-0 .page-title{
  margin-bottom:35px !important;
}
body.page-slug-wat-doen-we .page-title + *,
body.page-slug-wat-doen-we main > .container:first-child{
  margin-bottom:0 !important;
}
/* Current theme page heading spacing fallback */
body.page-slug-wat-doen-we .main-title,
body.page-slug-wat-doen-we .entry-title{
  margin-bottom:35px !important;
}
body.page-slug-wat-doen-we .elle-wdd-option2-final{
  margin-top:0 !important;
}

/* 3. Closing copy as one column */
.elle-wdd-closing{
  display:block !important;
}
.elle-wdd-closing p{
  max-width:980px;
}
.elle-wdd-closing p + p{
  margin-top:8px;
}

/* 4. Team heading: no kicker, full-width title, slightly smaller */
.elle-about-2027 .elle-about-kicker{
  display:none !important;
}
.elle-about-2027 .elle-about-heading{
  display:block !important;
}
.elle-about-2027 .elle-about-heading h2{
  width:100%;
  max-width:none;
  font-size:clamp(44px,5vw,76px) !important;
  line-height:1.02;
}

/* v35 — requested refinements */
#block-1:not(.sliderheader) { padding-top: 20px; }
.elle-about-people { padding: 20px 0 20px; }
.elle-wdd-step-content p { color: #000; }

/* v36 — requested refinements */
.elle-wdd-steps { display: block; }
.elle-wdd-step { padding-bottom: 22px; }
.elle-wdd-closing p { color: #000; }
.elle-about-2027 .elle-about-closing { margin: 70px 0 0; }
.elle-about-2027 .elle-about-closing .entry p { color: #000; }


/* v37 — Team profiles fully visible, alternating editorial layout */
.elle-about-2027.elle-about-stacked{padding-top:85px}
.elle-about-stacked .elle-about-heading{margin-bottom:58px}
.elle-about-stacked .elle-about-heading h2{font-size:clamp(44px,5vw,76px)!important}
.elle-about-stacked-list{border-bottom:1px solid rgba(0,0,0,.16)}
.elle-about-profile{
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,54%);
  align-items:center;
  gap:clamp(48px,6vw,96px);
  padding:0 0 64px;
  margin:0 0 64px;
  border-bottom:1px solid rgba(0,0,0,.16);
}
.elle-about-profile:last-child{margin-bottom:0;border-bottom:0}
.elle-about-profile.is-reverse .elle-about-profile-photo{order:2}
.elle-about-profile.is-reverse .elle-about-profile-copy{order:1}
.elle-about-profile-photo{overflow:hidden}
.elle-about-profile-photo img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  height:auto;
  object-fit:cover;
}
.elle-about-profile-head{margin-bottom:28px}
.elle-about-profile-head h3{
  margin:0 0 7px;
  color:#b68c8b;
  font-size:clamp(34px,3vw,48px);
  line-height:1.05;
  font-weight:300;
  text-transform:none;
}
.elle-about-profile-head .elle-about-role{
  display:block;
  color:#555;
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.elle-about-profile-text{color:#000}
.elle-about-profile-text h2,
.elle-about-profile-text h3,
.elle-about-profile-text h4,
.elle-about-profile-text h5,
.elle-about-profile-text h6{
  margin:27px 0 8px;
  color:#000;
  font-size:15px;
  line-height:1.3;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.elle-about-profile-text > :first-child{margin-top:0}
.elle-about-profile-text p{
  margin:0 0 16px;
  color:#000;
  font-size:16px;
  line-height:1.7;
}
@media(max-width:991px){
  .elle-about-2027.elle-about-stacked{padding-top:55px}
  .elle-about-stacked .elle-about-heading{margin-bottom:40px}
  .elle-about-profile,
  .elle-about-profile.is-reverse{
    grid-template-columns:1fr;
    gap:30px;
    padding-bottom:45px;
    margin-bottom:45px;
  }
  .elle-about-profile.is-reverse .elle-about-profile-photo,
  .elle-about-profile.is-reverse .elle-about-profile-copy{order:initial}
  .elle-about-profile-head{margin-bottom:20px}
}


/* v38 — two-stage swipe/arrow biography */
.elle-about-profile-slider{position:relative;min-width:0;touch-action:pan-y;user-select:text}
.elle-about-profile-track{position:relative}
.elle-about-profile-slide{display:none}
.elle-about-profile-slide.is-active{display:block;animation:elleProfileFade .28s ease}
@keyframes elleProfileFade{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}
.elle-about-profile-nav{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:30px;padding-top:16px;border-top:1px solid rgba(0,0,0,.16)
}
.elle-about-profile-pages{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.12em}
.elle-about-profile-pages button,
.elle-about-profile-arrows button{
  appearance:none;border:0;background:transparent;padding:5px 2px;color:#8d8a88;
  font:inherit;cursor:pointer
}
.elle-about-profile-pages button.is-active{color:#b68c8b;font-weight:600}
.elle-about-profile-arrows{display:flex;gap:20px}
.elle-about-profile-arrows button{font-size:25px;line-height:1;color:#222;padding:4px 0}
.elle-about-profile-arrows button:disabled{opacity:.2;cursor:default}
@media(max-width:767px){
 .elle-about-profile-nav{margin-top:22px}
 .elle-about-profile-arrows{gap:26px}
}


/* v39 — profile image aligned with name + requested spacing */
.elle-about-2027 {
  padding: 30px 0 100px;
}
.elle-about-2027.elle-about-stacked {
  padding-top: 35px;
}

/* Let the image occupy the complete left/right profile column */
.elle-about-profile{
  align-items:stretch;
}
.elle-about-profile-photo{
  min-height:100%;
  height:100%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.elle-about-profile-photo img{
  display:none!important;
}

/* Copy starts at exactly the same vertical position as the image */
.elle-about-profile-copy{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.elle-about-profile-head{
  margin-top:0;
}
@media(max-width:991px){
  .elle-about-profile-photo{
    min-height:0;
    height:auto;
    aspect-ratio:4/3;
  }
}


/* v40 — requested section spacing + slider heading */

.elle-about-profile-text h3 {
  font-size: 18px;
}


/* v41 — definitive slider heading fix */

.elle-about-2027 .elle-about-profile-text h3 {
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.3;
  font-weight: 600;
  color: #000;
  letter-spacing: .08em;
  text-transform: uppercase;
}


/* v42 — requested line/margin cleanup */
.elle-about-profile,
.elle-about-stacked-list {
  border-bottom: 0 !important;
}
.elle-about-2027 .elle-about-heading {
  border-top: 0 !important;
}
.elle-about-2027 .elle-about-closing {
  margin: 70px 0 !important;
}


/* v43 — force requested stacked spacing */
.elle-about-2027.elle-about-stacked {
  padding-top: 35px !important;
}


/* v44 — profile header spacing */
.elle-about-profile-head {
  margin-bottom: 15px !important;
}


/* v45 — restore page top spacing; keep zero padding scoped */


/* Wat doen we: breathing room below the page title / at the first content section */
body.page-slug-wat-doen-we .elle-wdd-option2-final {
  padding-top: 35px !important;
}

/* Team section keeps its explicitly requested spacing */
.elle-about-2027.elle-about-stacked {
  padding: 35px 0 100px !important;
}



/* Wat doen we volgt voortaan dezelfde algemene uitlijning */
body.page-slug-wat-doen-we .elle-wdd-option2-final {
    margin-top: 0 !important;
}

.elle-about-2027.elle-about-stacked {
    padding-top: 35px !important;
}

@media (max-width: 767px) {
    body.page:not(.single-project) main,
    body.page:not(.single-project) .site-main,
    body.post-type-archive-project main,
    body.post-type-archive-project .site-main {
        padding-top: 45px;
    }
    body.page:not(.single-project) .page-title,
    body.page:not(.single-project) .entry-title,
    body.page:not(.single-project) .main-title,
    body.post-type-archive-project .page-title,
    body.post-type-archive-project .entry-title,
    body.post-type-archive-project .main-title {
        font-size: clamp(2.7rem, 11vw, 4rem) !important;
    }
}


/* v49 — uniforme paginakop op basis van de echte theme-markup.
   Gewone WP pagina's zijn directe <section>-elementen na de header.
   Single project pages zijn geen body.page en blijven dus onaangeroerd. */
body.page:not(.home):not(.front-page) > section:first-of-type {
  padding-top: 165px !important;
}

/* De eerste H1 op een gewone pagina is de paginatitel. */
body.page:not(.home):not(.front-page) > section:first-of-type h1 {
  font-size: 4rem !important;
  line-height: 1.05 !important;
  text-transform: none;
}

/* Wat doen we heeft een aparte titel-section; dezelfde verticale maatvoering. */
body.page-slug-wat-doen-we > .elle-page-title {
  padding: 165px 0 55px !important;
}
body.page-slug-wat-doen-we > .elle-page-title h1 {
  font-size: 4rem !important;
  line-height: 1.05 !important;
}

/* De inhoud onder de titel van Wat doen we krijgt geen extra tijdelijke top-hack. */
body.page-slug-wat-doen-we .elle-wdd-option2-final {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  body.page:not(.home):not(.front-page) > section:first-of-type {
    padding-top: 125px !important;
  }
  body.page:not(.home):not(.front-page) > section:first-of-type h1,
  body.page-slug-wat-doen-we > .elle-page-title h1 {
    font-size: clamp(2.7rem, 11vw, 4rem) !important;
  }
  body.page-slug-wat-doen-we > .elle-page-title {
    padding: 125px 0 40px !important;
  }
}


/* v52 — mobile cleanup */
@media (max-width: 991px) {
  html, body { overflow-x: hidden; }

  /* Header / navigation */
  header .container,
  .header .container,
  .site-header .container { padding-left:20px; padding-right:20px; }
  header img, .site-header img { max-width:100%; height:auto; }

  /* Generic page rhythm */
  body.page:not(.home):not(.front-page) > section:first-of-type {
    padding-top: 120px !important;
  }
  body.page:not(.home):not(.front-page) > section:first-of-type h1,
  body.page-slug-wat-doen-we > .elle-page-title h1 {
    font-size: clamp(2.7rem, 11vw, 3.5rem) !important;
    line-height: 1 !important;
    overflow-wrap:anywhere;
  }
  body.page-slug-wat-doen-we > .elle-page-title {
    padding:120px 0 35px !important;
  }

  /* Wat doen we */
  .elle-wdd-option2-final .container { padding-left:20px; padding-right:20px; }
  .elle-wdd-hero,
  .elle-wdd-intro,
  .elle-wdd-top {
    grid-template-columns:1fr !important;
    gap:25px !important;
  }
  .elle-wdd-option2-final img { width:100%; height:auto; display:block; }
  .elle-wdd-step { padding:24px 0 !important; }
  .elle-wdd-step-content h3 { font-size:18px !important; }
  .elle-wdd-step-content p,
  .elle-wdd-closing p { font-size:16px; line-height:1.65; }

  /* Team */
  .elle-about-2027.elle-about-stacked { padding:35px 0 65px !important; }
  .elle-about-stacked .container { padding-left:20px; padding-right:20px; }
  .elle-about-stacked .elle-about-heading { margin-bottom:32px !important; }
  .elle-about-stacked .elle-about-heading h2 {
    font-size:clamp(2.35rem,10vw,3.25rem) !important;
    line-height:1.02;
  }
  .elle-about-profile,
  .elle-about-profile.is-reverse {
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
    margin-bottom:48px !important;
    padding-bottom:0 !important;
  }
  .elle-about-profile.is-reverse .elle-about-profile-photo,
  .elle-about-profile.is-reverse .elle-about-profile-copy { order:initial !important; }
  .elle-about-profile-photo {
    width:100%;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:4/3;
    background-size:cover;
    background-position:center;
  }
  .elle-about-profile-head { margin-bottom:15px !important; }
  .elle-about-profile-head h3 { font-size:34px !important; }
  .elle-about-profile-text p { font-size:16px; line-height:1.65; }
  .elle-about-profile-nav { margin-top:20px; }
  .elle-about-profile-arrows button { min-width:44px; min-height:44px; }

  /* Projects overview */
  .elle-projects .container,
  .projects-section .container,
  .project-section-two .container { padding-left:20px; padding-right:20px; }
  .project-section-two .filters,
  .elle-projects .filters {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px 16px !important;
    margin-bottom:30px !important;
  }
  .project-section-two .filters .filter,
  .elle-projects .filters .filter {
    margin:0 !important;
    padding:6px 0 !important;
    white-space:normal;
  }
  .elle-projects .row,
  .project-section-two .row { margin-left:-8px; margin-right:-8px; }
  .elle-projects .gallery-item,
  .project-section-two .gallery-item {
    padding:0 8px 22px !important;
  }

  /* Project detail */
  .single-project .container { padding-left:20px; padding-right:20px; }
  .single-project .elle-project-header,
  .single-project .elle-project-intro,
  .single-project .elle-project-meta,
  .single-project .elle-project-description {
    grid-template-columns:1fr !important;
    columns:1 !important;
    column-count:1 !important;
  }
  .single-project .elle-project-gallery .container { padding-left:20px; padding-right:20px; }
  .single-project .elle-project-gallery img { width:100%; height:auto; }
  .single-project .elle-project-gallery [class*="col-"] { width:100%; max-width:100%; flex:0 0 100%; }
  .single-project h1 { overflow-wrap:anywhere; }
}

@media (max-width: 767px) {
  /* Project cards become one clear column */
  .elle-projects .gallery-item,
  .project-section-two .gallery-item,
  .elle-projects [class*="col-"],
  .project-section-two [class*="col-"] {
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin-top:0 !important;
    transform:none !important;
  }
  .elle-projects .gallery-item img,
  .project-section-two .gallery-item img { width:100%; height:auto; }

  /* Contact / forms */
  .gform_wrapper input:not([type="checkbox"]):not([type="radio"]),
  .gform_wrapper select,
  .gform_wrapper textarea {
    width:100% !important;
    max-width:100% !important;
  }
  .gform_wrapper .gform_fields {
    grid-template-columns:1fr !important;
    row-gap:16px !important;
  }

  .elle-about-closing { margin:45px 0 !important; }
}


/* v53 — targeted mobile fixes from device screenshots */
@media (max-width: 991px) {

  /* MOBILE HEADER: compact row, hamburger at far right, no Bootstrap button look */
  header,
  .header,
  .site-header {
    z-index:9999;
  }
  header .container,
  .header .container,
  .site-header .container {
    position:relative;
    display:flex !important;
    align-items:center !important;
    width:100%;
    max-width:none;
    min-height:92px;
    padding:10px 20px !important;
  }
  header .navbar,
  .header .navbar,
  .site-header .navbar {
    width:100%;
    display:flex !important;
    align-items:center !important;
  }
  .navbar-brand,
  header .logo,
  .site-header .logo {
    margin-right:auto !important;
    flex:0 0 auto;
  }
  .navbar-brand img,
  header .logo img,
  .site-header .logo img {
    width:150px !important;
    max-width:32vw !important;
    height:auto !important;
  }
  .navbar-toggler,
  .menu-toggle,
  .navbar-toggle {
    order:99 !important;
    margin-left:auto !important;
    margin-right:0 !important;
    padding:8px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#000 !important;
    position:relative !important;
    right:auto !important;
    top:auto !important;
  }
  .navbar-toggler:focus,
  .menu-toggle:focus,
  .navbar-toggle:focus {
    outline:0;
    box-shadow:none !important;
  }
  .navbar-toggler-icon {
    background-image:none !important;
    position:relative;
    display:block;
    width:27px;
    height:18px;
    border-top:2px solid currentColor;
    border-bottom:2px solid currentColor;
  }
  .navbar-toggler-icon:before {
    content:"";
    position:absolute;
    left:0; right:0; top:6px;
    border-top:2px solid currentColor;
  }

  /* Collapsed menu: full width below header row */
  .navbar-collapse,
  .main-navigation,
  .mobile-menu {
    width:100%;
  }
  .navbar-collapse.show,
  .navbar-collapse.in {
    position:absolute !important;
    left:0; right:0;
    top:100%;
    background:#fff;
    padding:18px 20px 24px;
    z-index:10000;
  }
  .navbar-collapse.show ul,
  .navbar-collapse.in ul {
    display:block !important;
  }

  /* HOME HERO: much shorter so landscape imagery reads better */
  body.home .sliderheader,
  body.home .hero,
  body.home .home-hero,
  body.front-page .sliderheader,
  body.front-page .hero,
  body.front-page .home-hero {
    min-height:0 !important;
    height:62vh !important;
    max-height:620px !important;
  }
  body.home .sliderheader .item,
  body.home .sliderheader .carousel-item,
  body.home .sliderheader .slide,
  body.front-page .sliderheader .item,
  body.front-page .sliderheader .carousel-item,
  body.front-page .sliderheader .slide {
    height:62vh !important;
    max-height:620px !important;
    min-height:0 !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  body.home .sliderheader img,
  body.front-page .sliderheader img {
    width:100% !important;
    height:62vh !important;
    max-height:620px !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  /* Services read-more aligned left */
  .services .read-more,
  .services .btn,
  .diensten .read-more,
  .diensten .btn,
  .service-section .read-more,
  .service-section .btn {
    margin-left:0 !important;
    margin-right:auto !important;
    display:table !important;
  }

  /* Projects: kill desktop masonry/stagger state before JS can cause overlap */
  .elle-projects .row,
  .project-section-two .row,
  .projects-grid,
  .project-grid {
    height:auto !important;
  }
  .elle-projects .gallery-item,
  .project-section-two .gallery-item,
  .projects-grid > *,
  .project-grid > * {
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    float:none !important;
  }

  /* Project detail gallery exactly aligned to copy container */
  .single-project .elle-project-gallery > .container,
  .single-project .elle-project-gallery .container {
    width:100% !important;
    max-width:100% !important;
    padding-left:20px !important;
    padding-right:20px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .single-project .elle-project-gallery .row {
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .single-project .elle-project-gallery [class*="col-"],
  .single-project .elle-project-gallery .gallery-item {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* Team photos: explicitly restore them on mobile */
  .elle-about-profile-photo {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4/3 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    order:0 !important;
  }
  .elle-about-profile-copy { order:1 !important; }
  .elle-about-profile.is-reverse .elle-about-profile-photo { order:0 !important; }
  .elle-about-profile.is-reverse .elle-about-profile-copy { order:1 !important; }
}

@media (max-width: 767px) {
  body.home .sliderheader,
  body.home .sliderheader .item,
  body.home .sliderheader .carousel-item,
  body.home .sliderheader .slide,
  body.home .sliderheader img,
  body.front-page .sliderheader,
  body.front-page .sliderheader .item,
  body.front-page .sliderheader .carousel-item,
  body.front-page .sliderheader .slide,
  body.front-page .sliderheader img {
    height:55vh !important;
    max-height:520px !important;
  }

  /* One project per row from first paint, no masonry collision */
  .elle-projects .row,
  .project-section-two .row,
  .projects-grid,
  .project-grid {
    display:block !important;
  }
  .elle-projects .gallery-item,
  .project-section-two .gallery-item,
  .projects-grid > *,
  .project-grid > * {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 22px !important;
  }
}


/* v54 — precise mobile refinements */
@media (max-width: 991px) {

  /* 1. Mobile menu: no half-width transition/jump.
     The collapse is full-width from its very first frame. */
  header .navbar,
  .header .navbar,
  .site-header .navbar {
    position:relative !important;
  }
  .navbar-collapse,
  .navbar-collapse.collapsing,
  .navbar-collapse.collapse,
  .navbar-collapse.show,
  .navbar-collapse.in {
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    background:#fff !important;
    z-index:10000 !important;
    transition:none !important;
  }
  .navbar-collapse.collapsing {
    height:0;
    overflow:hidden;
    padding:0 20px !important;
  }
  .navbar-collapse.show,
  .navbar-collapse.in {
    height:auto !important;
    padding:18px 20px 24px !important;
  }

  /* 2. Read more below services: force left alignment on actual block/button */
  .home .diensten,
  .home .services,
  .home .service-section,
  .home .home-services {
    text-align:left !important;
  }
  .home .diensten .btn,
  .home .diensten a.btn,
  .home .diensten .read-more,
  .home .services .btn,
  .home .services a.btn,
  .home .services .read-more,
  .home .service-section .btn,
  .home .service-section a.btn,
  .home .service-section .read-more,
  .home .home-services .btn,
  .home .home-services a.btn,
  .home .home-services .read-more {
    display:inline-block !important;
    float:none !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }

  /* 3. Project detail: gallery uses exactly the same Bootstrap container as copy.
     Undo v53's artificial full-width container. */
  .single-project .elle-project-gallery > .container,
  .single-project .elle-project-gallery .container {
    width:auto !important;
    max-width:none !important;
    margin-left:20px !important;
    margin-right:20px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .single-project .elle-project-gallery .row {
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .single-project .elle-project-gallery [class*="col-"],
  .single-project .elle-project-gallery .gallery-item {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* 5. Wat doen we title safely below mobile header/logo */
  body.page-slug-wat-doen-we > .elle-page-title {
    padding-top:165px !important;
    padding-bottom:35px !important;
  }

  /* 6. Team portraits: keep faces at the top of the crop */
  .elle-about-profile-photo {
    background-position:center top !important;
  }
  .elle-about-profile-photo img {
    width:100% !important;
    height:100% !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
    object-position:center top !important;
    display:block !important;
  }
}

@media (max-width: 767px) {
  /* 4. Smaller vertical gap between project cards */
  .elle-projects .gallery-item,
  .project-section-two .gallery-item,
  .projects-grid > *,
  .project-grid > * {
    margin-bottom:12px !important;
    padding-bottom:0 !important;
  }

  /* Keep title comfortably below the large mobile logo */
  body.page-slug-wat-doen-we > .elle-page-title {
    padding-top:175px !important;
  }
}


/* v55 — fixes on the actual theme selectors */
@media (max-width: 767px) {

  /* 1. Homepage: the ACF button follows .process-steps directly.
     Parent is center aligned in the old theme, so override both. */
  body.home .process-steps {
    margin-bottom: 28px !important;
  }
  body.home .process-steps ~ .btn-setting {
    display: table !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  body.home .process-steps ~ .btn-setting:first-of-type {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* 2. Project detail: remove the gallery section's extra 18px/8px inset.
     The gallery container now has exactly the same geometry as the hero container. */
  body.single-project .elle-project-gallery {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-project .elle-project-gallery > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  body.single-project .elle-project-gallery-grid,
  body.single-project .elle-project-gallery-column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3a. Wat doen we: clear the complete mobile logo/header before title starts. */
  body.page-slug-wat-doen-we > .elle-page-title {
    padding-top: 235px !important;
    padding-bottom: 42px !important;
  }

  /* 3b. Projects overview has no separate .elle-page-title.
     Give the project section itself enough room below the fixed header. */
  body.page .project-section-two.elle-projects {
    padding-top: 235px !important;
  }
  body.page .project-section-two.elle-projects .elle-projects-heading {
    margin-top: 0 !important;
  }

  /* 4. Team: taller portrait crop + anchor crop to the top.
     These are background images in the current template. */
  .elle-about-profile-photo {
    aspect-ratio: 4 / 4.35 !important;
    height: auto !important;
    min-height: 0 !important;
    background-size: cover !important;
    background-position: center 12% !important;
  }
}

/* Slightly wider phones / small tablets */
@media (min-width: 768px) and (max-width: 991px) {
  body.page-slug-wat-doen-we > .elle-page-title {
    padding-top: 210px !important;
  }
  body.page .project-section-two.elle-projects {
    padding-top: 210px !important;
  }
  .elle-about-profile-photo {
    aspect-ratio: 4 / 4.2 !important;
    background-position: center 10% !important;
  }
}


/* v56 — mobile corrections based on actual device screenshots */
@media (max-width: 767px) {

  /* 1. HOME PROCESS CTA
     Align with the left edge of the process icon column (30px in current mobile layout). */
  body.home .process-steps + a,
  body.home .process-steps + .btn-setting,
  body.home .process-steps ~ a.btn-setting {
    display:block !important;
    width:max-content !important;
    max-width:calc(100% - 60px) !important;
    margin-top:34px !important;
    margin-left:30px !important;
    margin-right:0 !important;
    float:none !important;
    transform:none !important;
  }

  /* 2. HOME HERO
     Pull the landscape image upward inside the shorter mobile hero:
     less sky, substantially more architecture visible. */
  body.home .sliderheader .item,
  body.home .sliderheader .carousel-item,
  body.home .sliderheader .slide,
  body.front-page .sliderheader .item,
  body.front-page .sliderheader .carousel-item,
  body.front-page .sliderheader .slide {
    background-position:center 72% !important;
  }
  body.home .sliderheader img,
  body.front-page .sliderheader img {
    object-position:center 72% !important;
  }

  /* 3. INNER PAGE TITLES
     The mobile header floats over the document. Reserve a real header clearance
     on the page section rather than trying to solve this on the heading itself. */

  /* Wat doen we */
  body.page-slug-wat-doen-we .elle-page-title {
    box-sizing:border-box !important;
    margin-top:0 !important;
    padding-top:315px !important;
    padding-bottom:45px !important;
  }
  body.page-slug-wat-doen-we .elle-page-title h1 {
    margin-top:0 !important;
  }

  /* Projects overview */
  body.page .project-section-two.elle-projects {
    box-sizing:border-box !important;
    padding-top:55px !important;
  }
  body.page .project-section-two.elle-projects .elle-projects-heading,
  body.page .project-section-two.elle-projects .elle-projects-heading h1,
  body.page .project-section-two.elle-projects h1 {
    margin-top:0 !important;
  }
}

/* iPhone-sized landscape / larger mobile widths still need logo clearance */
@media (min-width:768px) and (max-width:991px) {
  body.page-slug-wat-doen-we .elle-page-title,
  body.page .project-section-two.elle-projects {
    padding-top:270px !important;
  }
}


/* v57 — requested mobile corrections */
@media (max-width: 991px) {
  body.page:not(.home):not(.front-page) > section:first-of-type {
    padding-top: 135px !important;
  }
}

@media (max-width: 767px) {
  /* Revolution Slider: override excessive inline wrapper height on mobile */
  body.home #revo_main_wrapper,
  body.front-page #revo_main_wrapper {
    height: 55vh !important;
    min-height: 0 !important;
    max-height: 520px !important;
    overflow: hidden !important;
  }

  body.home #revo_main_wrapper > *,
  body.front-page #revo_main_wrapper > * {
    max-height: 100% !important;
  }

  /* Requested spacing above 'lees verder' */
  body.home .process-steps + a,
  body.home .process-steps + .btn-setting,
  body.home .process-steps ~ a.btn-setting {
    margin-top: 80px !important;
  }
}


/* v58: ACF image/text block — edge-to-edge right half, same height as section */
@media (min-width: 992px) {
  .elle-half-image-section {
    position: relative !important;
    overflow: hidden;
    isolation: isolate;
  }
  .elle-half-image-section::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0; right: 0; bottom: 0;
    width: 50%;
    background-image: var(--elle-half-image, none);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .elle-half-image-section .bgRight {
    background: none !important;
    position: relative;
    z-index: 1;
  }
  .elle-half-image-section .container > .row { align-items: stretch; }
  .elle-half-image-section .container > .row > :first-child {
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 65px;
    padding-bottom: 65px;
    padding-right: 45px;
  }
  .elle-half-image-section .absolute-img.right-img { display: none !important; }
}
@media (max-width: 991px) {
  .elle-half-image-section .bgRight { background: none !important; }
  .elle-half-image-section .absolute-img.right-img {
    display: block !important;
    position: relative !important;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: 320px;
    background-image: var(--elle-half-image, none);
    background-position: center 30%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .elle-half-image-section .absolute-img.right-img > div { display: none !important; }
}

/* v59: maintain ACF photo order on mobile; desktop keeps balanced columns */
.elle-project-gallery-mobile { display: none; }
@media (max-width: 767px) {
  .single-project .elle-project-gallery-grid.elle-project-gallery-balanced { display: none !important; }
  .single-project .elle-project-gallery-mobile { display: block !important; }
  .single-project .elle-project-gallery-mobile .elle-project-gallery-item { display:block; margin:0 0 18px; }
  .single-project .elle-project-gallery-mobile img { display:block; width:100%; height:auto; }
}

/* v61: zelfstandig tekstblok */
.elle-standalone-text-section { padding: 70px 0; }
.elle-standalone-text-inner { max-width: 850px; }
.elle-standalone-text-inner h2 { margin-bottom: 24px; }
@media (max-width: 767px) { .elle-standalone-text-section { padding: 45px 0; } }

/* v65 — Team slider: both slides participate in layout height.
   The tallest slide determines the track height, independent of active slide. */
.elle-about-profile-slider .elle-about-profile-track {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}
.elle-about-profile-slider .elle-about-profile-slide,
.elle-about-profile-slider .elle-about-profile-slide.is-active {
  display: block;
  grid-area: 1 / 1;
  min-width: 0;
}
.elle-about-profile-slider .elle-about-profile-slide:not(.is-active) {
  visibility: hidden;
  pointer-events: none;
  animation: none;
}
.elle-about-profile-slider .elle-about-profile-slide.is-active {
  visibility: visible;
}

/* Alleen toepassen binnen eigen wrapper */
.elle-cookiebeleid {
  margin: 0 auto;
  padding: 35px 24px 90px;
  line-height: 1.8;
}

.elle-cookiebeleid h2 {
  margin: 55px 0 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e7e1e0;
  font-size: clamp(23px, 3vw, 30px);
  line-height: 1.3;
  font-weight: 600;
}

.elle-cookiebeleid h3 {
  margin: 28px 0 10px;
  font-size: 19px;
  font-weight: 600;
}

.elle-cookiebeleid p {
  margin-bottom: 18px;
}

.elle-cookiebeleid a {
  color: #b68c8b;
  text-underline-offset: 4px;
}

/* Cookietabel */
.elle-cookiebeleid table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-size: 14px;
}

.elle-cookiebeleid th,
.elle-cookiebeleid td {
  padding: 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eaeaea;
  overflow-wrap: anywhere;
}

.elle-cookiebeleid th {
  background: #f5f1f0;
  font-weight: 600;
}

.elle-cookiebeleid tbody tr:nth-child(even) {
  background: #faf8f7;
}

@media (max-width: 767px) {
  .elle-cookiebeleid {
    padding: 20px 0 55px;
  }

  .elle-cookiebeleid h2 {
    margin-top: 38px;
  }

  .elle-cookiebeleid table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #copyrights div { text-align:center !important; margin-bottom:20px; }


  body.page .elle-cookiebeleid,
  body.page .elle-cookiebeleid * {
    text-align: left !important;
  }

  .elle-cookiebeleid {
    width: 100%;
    max-width: 100%;
    padding: 20px 0 55px;
    box-sizing: border-box;
  }

  .elle-cookiebeleid h2 {
    font-size: 23px;
    line-height: 1.35;
    margin: 38px 0 16px;
  }

  .elle-cookiebeleid p,
  .elle-cookiebeleid li {
    font-size: 15px;
    line-height: 1.75;
  }

  /* Tabel als kaarten op mobiel */
  .elle-cookiebeleid table,
  .elle-cookiebeleid tbody,
  .elle-cookiebeleid tr,
  .elle-cookiebeleid td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .elle-cookiebeleid table {
    border: 0;
    overflow: visible;
    margin: 24px 0;
  }

  .elle-cookiebeleid thead {
    display: none;
  }

  .elle-cookiebeleid tbody tr {
    background: #faf8f7 !important;
    border: 1px solid #e9e2e0;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
  }

  .elle-cookiebeleid tbody td {
    background: transparent;
    border: 0;
    padding: 6px 0;
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .elle-cookiebeleid tbody td:first-child {
    font-weight: 700;
    font-size: 16px;
    color: #b68c8b;
  }

  .elle-cookiebeleid tbody td:nth-child(2)::before {
    content: "Bewaartermijn: ";
    font-weight: 600;
  }

  .elle-cookiebeleid tbody td:nth-child(3) {
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #e9e2e0;
    line-height: 1.7;
  }

  .elle-cookiebeleid tbody td:nth-child(3)::before {
    content: "Beschrijving";
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
  }
}


.site-footer__credits img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    border-radius: 6px !important;
}
.site-footer__credits img {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
    object-fit: cover !important;
    filter: grayscale(1) !important;
    opacity: .72;
    border-radius: 0px !important;
}

.site-footer__credits img:hover {
    filter: grayscale(0) !important;
    opacity: 1;
}