/* Over ons: gebaseerd op originele over-ons.html. */
.lc-about-page,.editor-styles-wrapper .lc-about-page{--lc-about-navy:#272c60;--lc-about-cream:#f8f4ed;color:#444c68}
.lc-about-page .wp-block-post-content{display:flow-root}
.lc-about-page .wp-block-post-content > *, .editor-styles-wrapper .is-root-container > :is(.lc-about-hero,.lc-about-story,.lc-about-anniversary,.lc-about-photo,.lc-about-donate){margin-block:0!important}
.lc-about-page :is(.lc-about-hero,.lc-about-story,.lc-about-anniversary,.lc-about-photo,.lc-about-donate){box-sizing:border-box;margin-block:0!important}
.lc-about-page :is(.lc-about-hero,.lc-about-story,.lc-about-anniversary,.lc-about-photo,.lc-about-donate) > .wp-block-group__inner-container{max-width:1320px;margin-inline:auto}
.lc-about-hero{background:#f8f4ed;padding:92px max(24px,calc((100% - 1320px)/2)) 75px;position:relative;overflow:hidden}
.lc-about-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:7px;background:linear-gradient(90deg,#005f56 0%,#272c60 65%,#941e32 100%)}
.lc-about-hero .lc-about-inner{max-width:1320px;margin:auto}
.lc-about-hero .lc-about-eyebrow{color:#005f56;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:0}
.lc-about-hero .lc-about-title{font-family:Lora,Georgia,serif;font-size:clamp(48px,5.2vw,78px);line-height:1.06;color:#272c60;max-width:920px;margin:18px 0 24px;letter-spacing:-.035em}
.lc-about-hero .lc-about-intro{font-size:20px;line-height:1.75;max-width:800px;color:#454d6a;margin:0}
.lc-about-story{background:white;padding:85px 24px}
.lc-about-story .wp-block-columns{max-width:1320px;margin:auto;gap:clamp(30px,5vw,80px)}
.lc-about-page :is(.lc-about-story,.lc-about-anniversary,.lc-about-donate) h2{font-family:Lora,Georgia,serif;color:#272c60;font-size:clamp(34px,3.6vw,52px);line-height:1.15;margin:0 0 22px}
.lc-about-page :is(.lc-about-story,.lc-about-anniversary,.lc-about-donate) p{line-height:1.85;font-size:17px}
.lc-about-story .lc-about-story-image img{width:100%;height:auto;border-radius:18px;display:block}
.lc-about-story .lc-about-text-link a{color:#005f56;font-weight:700;text-decoration:none}
.lc-about-anniversary{background:#f8f4ed;padding:85px max(24px,calc((100% - 1320px)/2))}
.lc-about-anniversary > p{max-width:1050px}
.lc-about-photo{padding:25px 24px 65px;background:#fff}
.lc-about-photo figure{max-width:1320px;margin:auto}
.lc-about-photo img{width:100%;max-height:440px;object-fit:cover;border-radius:18px;display:block}
.lc-about-donate{background:#005f56;padding:56px max(24px,calc((100% - 1320px)/2));color:#fff}
.lc-about-donate .wp-block-columns{gap:30px;margin:0;max-width:1320px}
.lc-about-donate h2,.lc-about-donate p{color:#fff!important}
.lc-about-donate .lc-about-donate-button a{background:#f7b718!important;color:#272c60!important;border-radius:100px;padding:17px 25px;font-weight:700;white-space:nowrap;transition:transform .2s,background .2s}
.lc-about-donate .lc-about-donate-button a:hover{background:#ffca39!important;transform:translateY(-2px)}
@media(max-width:780px){.lc-about-hero{padding:62px 24px 55px}.lc-about-story,.lc-about-anniversary{padding:58px 24px}.lc-about-story .wp-block-columns,.lc-about-donate .wp-block-columns{display:flex;flex-direction:column;align-items:stretch}.lc-about-donate .wp-block-column{flex-basis:auto!important}.lc-about-donate .wp-block-buttons{justify-content:flex-start!important}.lc-about-donate .lc-about-donate-button a{white-space:normal}.lc-about-photo{padding:25px 24px 55px}}

/* v1.2.1: hero text starts at the same left inset as the next content section.
   Override Gutenberg constrained-group automatic centering, also in the editor. */
.lc-about-page .lc-about-hero,
.editor-styles-wrapper .lc-about-hero {padding-left:24px!important;padding-right:24px!important;}
.lc-about-page .lc-about-hero .lc-about-inner,
.editor-styles-wrapper .lc-about-hero .lc-about-inner {margin-left:0!important;margin-right:auto!important;max-width:1320px!important;}
.lc-about-page .lc-about-hero .lc-about-inner > *,
.editor-styles-wrapper .lc-about-hero .lc-about-inner > * {margin-left:0!important;margin-right:auto!important;text-align:left!important;}

/* v1.2.2: Gutenberg Over ons uses the full editor canvas, like Home.
   Do not change the public-facing layout or other page editors. */
.editor-styles-wrapper:has(.lc-about-hero) .is-root-container,
.editor-styles-wrapper:has(.lc-about-hero) .wp-block-post-content,
.editor-styles-wrapper:has(.lc-about-hero) .wp-block-post-content__block,
.editor-styles-wrapper:has(.lc-about-hero) .block-editor-block-list__layout {
  max-width:none!important;
}
.editor-styles-wrapper .is-root-container > :is(.lc-about-hero,.lc-about-story,.lc-about-anniversary,.lc-about-photo,.lc-about-donate),
.editor-styles-wrapper .wp-block-post-content > :is(.lc-about-hero,.lc-about-story,.lc-about-anniversary,.lc-about-photo,.lc-about-donate) {
  width:100%!important;max-width:none!important;
  margin-left:0!important;margin-right:0!important;
  box-sizing:border-box;
}
.editor-styles-wrapper .lc-about-story .wp-block-columns,
.editor-styles-wrapper .lc-about-anniversary > .wp-block-group__inner-container,
.editor-styles-wrapper .lc-about-donate .wp-block-columns {
  width:100%;max-width:1320px!important;
}
.editor-styles-wrapper .lc-about-hero .lc-about-inner {width:100%;max-width:1320px!important;}

/* v1.2.3: constrain the Over ons hero CONTENT to the same 1320px
   grid as the following sections; retain full-bleed section backgrounds. */
.lc-about-page .lc-about-hero .lc-about-inner,
.editor-styles-wrapper .lc-about-hero .lc-about-inner {
  width:100%!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  box-sizing:border-box;
}
/* In the editor the section is full width, but its text follows the
   same content column as the story below, not the whole canvas. */
.editor-styles-wrapper .lc-about-hero {
  padding-inline:max(24px,calc((100% - 1320px)/2))!important;
}

/* v1.8.8: The anniversary is a constrained Gutenberg group. Its direct
   heading and paragraph were auto-centered inside the 1320px section.
   Anchor them to the same left grid edge as the story columns. */
.lc-about-page .lc-about-anniversary > :is(h1,h2,h3,p),
.editor-styles-wrapper .lc-about-anniversary > :is(h1,h2,h3,p),
.lc-about-page .lc-about-anniversary > .wp-block-group__inner-container > :is(h1,h2,h3,p),
.editor-styles-wrapper .lc-about-anniversary > .wp-block-group__inner-container > :is(h1,h2,h3,p) {
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}
.lc-about-page .lc-about-anniversary > p,
.editor-styles-wrapper .lc-about-anniversary > p {max-width:1050px!important;}