/* Every Nation Ballito church app: landing page and the promo strip on Events & News. */
.enbapp{font-family:'Montserrat',Arial,sans-serif;color:#242424;line-height:1.55;box-sizing:border-box}
.enbapp *{box-sizing:border-box}
.enbapp h1,.enbapp h2,.enbapp h3,.enbapp p,.enbapp ol,.enbapp ul{font-style:normal;letter-spacing:normal;text-transform:none}
.enbapp a{text-decoration:none}
.enbapp-band{width:100vw;margin-left:calc(50% - 50vw);position:relative}
.enbapp-in{max-width:1180px;margin:0 auto;padding:72px 24px}
.enbapp-eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.09em!important;text-transform:uppercase!important;color:#0072BC;margin-bottom:10px}
.enbapp h2.enbapp-h2{font-size:clamp(26px,4vw,36px)!important;font-weight:700!important;line-height:1.2!important;margin:0 0 10px!important;color:#242424!important}
.enbapp-lead{color:#555;font-size:16px;max-width:640px;margin:0 0 36px}
.enbapp-tint{background:#f2f7fb}

.enbapp-btn{display:inline-block;padding:14px 26px;border-radius:8px;font-weight:700;font-size:15px;line-height:1.2;border:1px solid transparent;transition:transform .15s ease,opacity .15s ease}
.enbapp-btn:hover{transform:translateY(-1px);opacity:.94}
.enbapp-btn:focus-visible{outline:3px solid #99c9e8;outline-offset:2px}
.enbapp a.enbapp-btn--light{background:#fff;color:#0072BC!important}
.enbapp a.enbapp-btn--ghost{border-color:rgba(255,255,255,.65);color:#fff!important}
.enbapp a.enbapp-btn--blue{background:linear-gradient(150deg,#0072BC 0%,#005A96 100%);color:#fff!important}
.enbapp a.enbapp-btn--line{border-color:#0072BC;color:#0072BC!important}
.enbapp-actions{display:flex;flex-wrap:wrap;gap:12px}

.enbapp-hero{background:linear-gradient(150deg,#1C2B39 0%,#0072BC 100%);color:#fff}
.enbapp-hero .enbapp-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center;padding-top:80px;padding-bottom:80px}
.enbapp-hero .enbapp-eyebrow{color:#a9d4f1}
.enbapp .enbapp-hero h1{font-size:clamp(32px,5.2vw,52px)!important;line-height:1.1!important;font-weight:800!important;margin:0 0 20px!important;color:#fff!important}
.enbapp-hero p.enbapp-sub{font-size:18px;color:#e4f0f9;max-width:540px;margin:0 0 30px}
.enbapp-hero p.enbapp-new{font-size:14px;color:#cfe5f5;margin:22px 0 0}
.enbapp .enbapp-hero a.enbapp-link{color:#fff!important;text-decoration:underline}

.enbapp-phone-wrap{justify-self:center;text-align:center}
.enbapp-phone{width:290px;max-width:100%;background:#f5f7f8;border:9px solid #0f1822;border-radius:36px;padding:16px 14px 18px;text-align:left;box-shadow:0 24px 60px rgba(8,18,28,.45)}
.enbapp-pbar{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 14px;font-weight:700;font-size:16px;color:#1C2B39}
.enbapp-pdot{width:26px;height:26px;border-radius:50%;background:#0072BC;color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.enbapp-pcard{background:#fff;border-radius:12px;padding:12px 14px;margin-bottom:10px;box-shadow:0 1px 2px rgba(28,43,57,.08)}
.enbapp-plabel{font-size:11px;font-weight:700;letter-spacing:.07em!important;text-transform:uppercase!important;color:#0072BC;margin-bottom:8px}
.enbapp-pprog{height:7px;background:#e3e9ee;border-radius:99px;overflow:hidden;margin-bottom:8px}
.enbapp-pprog span{display:block;height:100%;background:#0072BC;border-radius:99px}
.enbapp-ptext{font-size:13px;color:#1C2B39;line-height:1.4}
.enbapp-prow{display:flex;gap:10px;align-items:center;font-size:13px;color:#1C2B39;line-height:1.35}
.enbapp-pchip{flex:0 0 42px;text-align:center;background:#0072BC;color:#fff;border-radius:8px;padding:5px 0;font-size:10px;text-transform:uppercase;line-height:1.1}
.enbapp-pchip b{display:block;font-size:16px}
.enbapp-pchip--dark{background:#1C2B39}
.enbapp-prow small{color:#667}
.enbapp-caption{font-size:12.5px;color:#cfe5f5;margin:14px 0 0}

.enbapp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}
.enbapp-ben{display:flex;flex-direction:column;gap:10px}
.enbapp-ico{width:52px;height:52px;border-radius:14px;background:#e3f0fa;color:#0072BC;display:flex;align-items:center;justify-content:center}
.enbapp h3.enbapp-h3{font-size:19px!important;font-weight:700!important;line-height:1.3!important;margin:4px 0 0!important;color:#242424!important}
.enbapp-ben p{margin:0;color:#555;font-size:15px}

.enbapp-mon .enbapp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:56px;align-items:center}
.enbapp-mail{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(23,23,23,.06),0 14px 36px rgba(23,23,23,.12);max-width:380px;width:100%;justify-self:center}
.enbapp-mail-h{background:#0072BC;color:#fff;padding:18px 20px}
.enbapp-mail-h small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.enbapp-mail-h strong{display:block;font-size:22px;margin-top:4px}
.enbapp-mail-b{padding:18px 20px 22px;font-size:14px;color:#1C2B39}
.enbapp-mail-b .enbapp-plabel{margin-top:4px}
.enbapp-mail-b .enbapp-prow{margin-bottom:14px}
.enbapp-mail-btn{display:inline-block;border:1px solid #0072BC;color:#0072BC;border-radius:6px;padding:8px 14px;font-weight:700;font-size:13px}
.enbapp-mon ul.enbapp-ticks{list-style:none;margin:0 0 28px!important;padding:0!important;display:grid;gap:10px;color:#444;font-size:16px}
.enbapp-mon ul.enbapp-ticks li{padding-left:28px;position:relative}
.enbapp-mon ul.enbapp-ticks li:before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:7px;border-left:2.5px solid #0072BC;border-bottom:2.5px solid #0072BC;transform:rotate(-45deg)}

.enbapp .enbapp-steps{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;counter-reset:enbstep}
.enbapp-steps li{counter-increment:enbstep;padding-top:56px;position:relative}
.enbapp-steps li:before{content:counter(enbstep);position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;background:#1C2B39;color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.enbapp-steps li:not(:last-child):after{content:"";position:absolute;top:21px;left:56px;right:-16px;border-top:2px dashed #b8cfe0}
.enbapp-steps h3{font-size:18px!important;font-weight:700!important;margin:0 0 6px!important;color:#242424!important}
.enbapp-steps p{margin:0;color:#555;font-size:15px}

.enbapp-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}
.enbapp-os{background:#fff;border-radius:14px;padding:24px 26px;box-shadow:0 1px 2px rgba(23,23,23,.06),0 8px 24px rgba(23,23,23,.07)}
.enbapp-os h3{font-size:17px!important;font-weight:700!important;margin:0 0 10px!important;color:#242424!important}
.enbapp .enbapp-os ol{margin:0!important;padding-left:20px!important;color:#444;font-size:15px;display:grid;gap:6px}

.enbapp-faq{max-width:820px}
.enbapp-faq details{border-bottom:1px solid #dbe5ee;padding:4px 0}
.enbapp-faq summary{cursor:pointer;font-weight:700;font-size:17px;padding:14px 28px 14px 0;list-style:none;position:relative;color:#242424}
.enbapp-faq summary::-webkit-details-marker{display:none}
.enbapp-faq summary:after{content:"+";position:absolute;right:4px;top:10px;font-size:24px;font-weight:400;color:#0072BC}
.enbapp-faq details[open] summary:after{content:"\2212"}
.enbapp-faq summary:focus-visible{outline:3px solid #99c9e8;outline-offset:2px}
.enbapp-faq details p{margin:0 0 16px;color:#555;font-size:16px;max-width:680px}
.enbapp-faq details a{color:#0072BC!important;font-weight:600}

.enbapp-final{background:linear-gradient(150deg,#1C2B39 0%,#0072BC 100%);color:#fff}
.enbapp-final .enbapp-in{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;padding-top:56px;padding-bottom:56px}
.enbapp .enbapp-final h2{font-size:clamp(24px,3.6vw,32px)!important;font-weight:800!important;margin:0 0 6px!important;color:#fff!important;line-height:1.2!important}
.enbapp-final p{margin:0;color:#d6e9f6;font-size:16px}

.enbapp-final p.enbapp-final-wa{margin-top:12px;font-size:15px}
.enbapp .enbapp-final-wa a{color:#fff!important;text-decoration:underline;font-weight:700}

/* Promo strip on Events & News */
.enbapp-promo{max-width:1180px;margin:8px auto 56px;padding:0 24px}
.enbapp-promo-in{background:linear-gradient(150deg,#1C2B39 0%,#0072BC 100%);border-radius:16px;padding:34px 36px;display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;justify-content:space-between;color:#fff}
.enbapp-promo .enbapp-eyebrow{color:#a9d4f1;margin-bottom:6px}
.enbapp.enbapp-promo h2{font-size:clamp(21px,3vw,27px)!important;font-weight:800!important;margin:0 0 8px!important;color:#fff!important;line-height:1.2!important}
.enbapp-promo p{margin:0;color:#d6e9f6;font-size:15.5px;max-width:560px}

@media (max-width:900px){
  .enbapp-hero .enbapp-in{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:56px;padding-bottom:56px}
  .enbapp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .enbapp-mon .enbapp-in{grid-template-columns:minmax(0,1fr);gap:36px}
  .enbapp .enbapp-steps{grid-template-columns:minmax(0,1fr);gap:28px}
  .enbapp-steps li:not(:last-child):after{display:none}
}
@media (max-width:620px){
  .enbapp-in{padding:52px 20px}
  .enbapp-grid,.enbapp-phones{grid-template-columns:minmax(0,1fr)}
  .enbapp-promo{padding:0 16px}
  .enbapp-promo-in{padding:26px 22px}
  .enbapp-actions .enbapp-btn{flex:1 1 100%;text-align:center}
}
/* Homepage advert */
.enbapp-homeapp{max-width:1180px;margin:0 auto 72px}
.enbapp-homeapp-in{background:linear-gradient(150deg,#1C2B39 0%,#0072BC 100%);border-radius:18px;color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:center;padding:56px}
.enbapp-homeapp .enbapp-eyebrow{color:#a9d4f1}
.enbapp.enbapp-homeapp h2{font-size:clamp(26px,3.6vw,38px)!important;font-weight:800!important;line-height:1.15!important;margin:0 0 14px!important;color:#fff!important;text-align:left!important}
.enbapp-homeapp p.enbapp-homeapp-p{font-size:17px;color:#e4f0f9;margin:0 0 20px;max-width:520px}
.enbapp-homeapp ul.enbapp-ticks{list-style:none;margin:0 0 28px!important;padding:0!important;display:grid;gap:8px;font-size:16px;color:#fff}
.enbapp-homeapp ul.enbapp-ticks li{padding-left:28px;position:relative;margin:0}
.enbapp-homeapp ul.enbapp-ticks li:before{content:"";position:absolute;left:2px;top:.4em;width:12px;height:7px;border-left:2.5px solid #a9d4f1;border-bottom:2.5px solid #a9d4f1;transform:rotate(-45deg)}
@media (max-width:900px){.enbapp-homeapp-in{grid-template-columns:minmax(0,1fr);padding:40px 32px;gap:36px}}
@media (max-width:620px){.enbapp-homeapp-in{padding:32px 22px}.enbapp-homeapp{margin-bottom:56px}}

@media (prefers-reduced-motion:reduce){.enbapp-btn{transition:none}.enbapp-btn:hover{transform:none}}

/* New here? page and homepage strip (first-time visitors), added 13 Oct 2026 */
.enbapp-newhere-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.enbapp-fact{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.enbapp-fact-k{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a9d4f1}
.enbapp-fact strong{font-size:17px;line-height:1.3;color:#fff}
.enbapp .enbapp-steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.enbapp-discover{margin-top:44px;background:#fff;border:1px solid #dbe5ee;border-radius:16px;padding:28px 32px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.enbapp-discover strong{display:block;font-size:20px;line-height:1.3;margin:2px 0 8px;color:#242424}
.enbapp-discover p{margin:0;color:#555;font-size:15px;max-width:520px}
.enbapp-newhere .enbapp-ben p a{color:#0072BC!important;font-weight:600}
.enbapp-newhere-strip{max-width:1180px;margin:0 auto 40px}
.enbapp-newhere-strip-in{background:#f2f7fb;border:1px solid #dbe5ee;border-radius:18px;padding:36px 48px;display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between}
.enbapp.enbapp-newhere-strip h2{font-size:clamp(22px,3vw,30px)!important;font-weight:800!important;line-height:1.15!important;margin:0 0 8px!important;color:#242424!important;text-align:left!important}
.enbapp-newhere-strip p{margin:0;color:#555;font-size:16px;max-width:560px}
.enbapp-newhere-strip .enbapp-actions .enbapp-btn{flex:0 0 auto}
@media (max-width:900px){.enbapp .enbapp-steps--4{grid-template-columns:repeat(2,minmax(0,1fr))}.enbapp-newhere-strip-in{padding:28px 26px}}
@media (max-width:620px){.enbapp .enbapp-steps--4{grid-template-columns:minmax(0,1fr)}.enbapp-newhere-facts{grid-template-columns:minmax(0,1fr)}.enbapp-newhere-strip .enbapp-actions .enbapp-btn{flex:1 1 100%}}