/* Forefront Web, Nov 2026: Donation Form 50/50 and Donation Hero blocks (Fundraise Up embeds) */

/* ---------- Donation Form 50/50 ---------- */
.dff-block{position:relative;padding-top:var(--dff-pt,150px);padding-bottom:var(--dff-pb,100px);background-color:var(--dff-bg,transparent)}
.dff-block__bg,.dff-block__overlay{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat}
.dff-block__bg--mobile{display:none}
.dff-block__overlay{z-index:1}
.dff-block__inner{position:relative;z-index:2}
.dff-block__card{display:grid;grid-template-columns:1fr 1fr;max-width:var(--dff-max,1100px);margin:0 auto;border-radius:var(--dff-radius,10px);background-color:var(--dff-card-bg,#fff)}
.dff-block--shadow .dff-block__card{box-shadow:0 10px 40px rgba(0,0,0,.15)}
.dff-block__text{display:flex;flex-direction:column;justify-content:center;padding:60px 56px;min-width:0}
.dff-block__form{display:flex;flex-direction:column;justify-content:center;padding:40px;min-width:0;background-color:var(--dff-form-bg,#fff)}
/* Round only the outer corners so the card reads as one piece (no overflow:hidden, so form popups are never clipped) */
.dff-block--form-right .dff-block__text{border-radius:var(--dff-radius) 0 0 var(--dff-radius)}
.dff-block--form-right .dff-block__form{border-radius:0 var(--dff-radius) var(--dff-radius) 0}
.dff-block--form-left .dff-block__form{order:-1;border-radius:var(--dff-radius) 0 0 var(--dff-radius)}
.dff-block--form-left .dff-block__text{border-radius:0 var(--dff-radius) var(--dff-radius) 0}
.dff-block__heading{font-family:"Stag Book",serif;font-weight:normal;letter-spacing:.75px;margin:0 0 24px}
.dff-block__content > *:last-child{margin-bottom:0}
.dff-block__buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.dff-block--text-light .dff-block__text,.dff-block--text-light .dff-block__heading,.dff-block--text-light .dff-block__content,.dff-block--text-light .dff-block__content *{color:#fff}
.dff-block__form iframe{max-width:100%}

@media screen and (max-width:991px){
  .dff-block__text{padding:48px 36px}
  .dff-block__form{padding:32px 24px}
}
@media screen and (max-width:767px){
  .dff-block{padding-top:var(--dff-mpt,60px);padding-bottom:var(--dff-mpb,60px)}
  .dff-block__bg--desktop{display:none}
  .dff-block__bg--mobile{display:block}
  .dff-block__card{grid-template-columns:1fr}
  .dff-block__text{padding:36px 24px;text-align:center}
  .dff-block__form{padding:24px 16px}
  .dff-block__buttons{flex-direction:column}
  .dff-block--mobile-form-below .dff-block__text{order:1;border-radius:var(--dff-radius) var(--dff-radius) 0 0}
  .dff-block--mobile-form-below .dff-block__form{order:2;border-radius:0 0 var(--dff-radius) var(--dff-radius)}
  .dff-block--mobile-form-above .dff-block__form{order:1;border-radius:var(--dff-radius) var(--dff-radius) 0 0}
  .dff-block--mobile-form-above .dff-block__text{order:2;border-radius:0 0 var(--dff-radius) var(--dff-radius)}
}

/* ---------- Donation Hero ---------- */
.dh-block{position:relative;display:flex;align-items:center;min-height:var(--dh-min-h,85vh);padding-top:var(--dh-pt,160px);padding-bottom:var(--dh-pb,120px);overflow:hidden}
.dh-block__media{position:absolute;inset:0;z-index:0}
.dh-block__image,.dh-block__video,.dh-block__overlay{position:absolute;inset:0;width:100%;height:100%}
.dh-block__image{background-size:cover;background-repeat:no-repeat}
.dh-block__image--mobile{display:none}
.dh-block__video{object-fit:cover}
.dh-block__overlay{z-index:1}
.dh-block__inner{position:relative;z-index:2;flex:1 1 auto;min-width:0}
.dh-block__content{width:var(--dh-col,620px);max-width:100%}
.dh-block__heading{font-family:"Stag Book",serif;font-weight:normal;font-size:clamp(40px,4.4vw,64px);line-height:1.15;letter-spacing:.5px;margin:0 0 40px}
.dh-block--align-center .dh-block__heading,.dh-block--align-center .dh-block__text{text-align:center}
.dh-block--text-light .dh-block__heading,.dh-block--text-light .dh-block__text,.dh-block--text-light .dh-block__text *{color:#fff}
.dh-block--text-light .dh-block__heading{text-shadow:0 2px 16px rgba(0,0,0,.25)}
.dh-block__text{margin:-16px 0 32px}
.dh-block__text > *:last-child{margin-bottom:0}
.dh-block__form{max-width:520px;margin:0 auto}
.dh-block--align-left .dh-block__form{margin-left:0}
.dh-block__form iframe{max-width:100%}

@media screen and (max-width:767px){
  .dh-block{display:block;min-height:0;padding-top:0;padding-bottom:40px;background:#fff}
  .dh-block__media{bottom:auto;height:var(--dh-mh,400px)}
  .dh-block__image--desktop,.dh-block__video{display:none}
  .dh-block__image--mobile{display:block}
  .dh-block__content{width:100%}
  .dh-block__heading-wrap{display:flex;align-items:flex-end;justify-content:center;min-height:var(--dh-mh,400px);padding:24px 0}
  .dh-block__heading{font-size:34px;line-height:1.2;margin:0}
  .dh-block--text-light .dh-block__heading{text-shadow:0 2px 12px rgba(0,0,0,.45)}
  /* Below the photo the background is white, so content switches to dark text */
  .dh-block--text-light .dh-block__text,.dh-block--text-light .dh-block__text *{color:#000}
  .dh-block__text{margin:24px 0 0}
  .dh-block__form{margin-top:24px}
}

/* Donation Hero: white content box (heading, text and form together, like the Homepage Hero) */
.dh-block--box .dh-block__content{background:#fff;border-radius:10px;padding:56px 52px 60px}
.dh-block--box .dh-block__heading{font-size:clamp(32px,3vw,44px);color:#000;text-shadow:none;margin:0 0 24px}
.dh-block--box .dh-block__text,.dh-block--box .dh-block__text *{color:#000}
.dh-block--box .dh-block__text{margin:0 0 28px}
.dh-block--box .dh-block__form{max-width:none;margin:0}
@media screen and (max-width:767px){
  .dh-block--box{padding-top:calc(var(--dh-mh,400px) - 90px)}
  .dh-block--box .dh-block__content{padding:32px 20px 28px;box-shadow:0 6px 24px rgba(0,0,0,.12)}
  .dh-block--box .dh-block__heading-wrap{display:block;min-height:0;padding:0}
  .dh-block--box .dh-block__heading{font-size:30px;margin:0 0 16px}
  .dh-block--box .dh-block__text{margin:0 0 20px}
}