/*
Theme Name: Woodway Church of God
Theme URI: https://www.networksolutions.com/
Author: Woodway Church of God
Description: A custom modern Pentecostal Appalachian WordPress theme for Woodway Church of God.
Version: 3.17.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: woodway
*/

:root{--navy:#062743;--navy2:#031a2e;--blue:#15518a;--gold:#d8a448;--cream:#f7f2e8;--burgundy:#852321;--text:#20374b;--white:#fff;--muted:#6b7a87;--shadow:0 18px 45px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1180px,92%);margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-main{min-height:60vh}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.82rem 1.35rem;border-radius:4px;border:1px solid transparent;font-weight:800;text-transform:uppercase;letter-spacing:.035em;font-size:.82rem;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-red{background:var(--burgundy);color:#fff}.btn-blue{background:var(--navy);color:#fff;border-color:var(--gold)}.eyebrow{color:#ad7620;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;color:var(--navy);line-height:1.08}h2{font-size:clamp(2.1rem,4vw,3.5rem);margin:.3rem 0 1rem}.section{padding:78px 0}.text-center{text-align:center}

.site-header{position:absolute;z-index:20;top:0;left:0;right:0;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,0));padding-top:8px;}.header-inner{min-height:92px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}.brand img,.brand .custom-logo{width:68px;height:68px;object-fit:contain}.brand-name{font-family:Georgia,serif;font-weight:700;font-size:1.35rem;line-height:1.02;letter-spacing:.03em}.site-nav{display:flex;align-items:center;gap:20px;font-size:.78rem;font-weight:800;text-transform:uppercase}.nav-list{display:flex;align-items:center;gap:20px;list-style:none;margin:0;padding:0}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--gold)}.mobile-toggle{display:none;background:rgba(3,27,49,.72);border:1px solid rgba(255,255,255,.25);border-radius:5px;color:#fff;font-size:1.45rem;line-height:1;padding:.55rem .7rem;cursor:pointer}.header-cta{margin-left:5px;white-space:nowrap}

.hero{min-height:720px;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(3,27,49,.96) 0%,rgba(3,27,49,.86) 30%,rgba(3,27,49,.34) 58%,rgba(3,27,49,.03) 84%),var(--woodway-hero-image,url('assets/images/hero.jpg'));background-position:center;background-size:cover}.hero-content{padding-top:92px;max-width:760px}.hero-kicker{font-family:Georgia,serif;color:var(--gold);font-size:1.05rem;letter-spacing:.17em;text-transform:uppercase}.hero h1{color:#fff !important;font-family:Georgia,serif;font-size:clamp(3.0rem,4.65vw,4.45rem);line-height:1.04;margin:.8rem 0 1rem;max-width:820px}.hero h1 .hero-main-line{display:block;white-space:nowrap}.hero h1 .hero-third-line{display:block}.hero-divider{width:135px;height:2px;background:var(--gold);margin:20px 0}.hero-motto{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:1.4rem;margin:12px 0 24px;max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}

.service-bar{background:var(--navy);color:#fff}.service-grid{display:grid;grid-template-columns:repeat(5,1fr)}.service-item{padding:21px 14px;border-right:1px solid rgba(255,255,255,.18);text-align:center}.service-item:last-child{border-right:0}.service-item strong{display:block;color:var(--gold);font-size:.72rem;text-transform:uppercase}.service-item span{font-weight:800;font-size:.98rem}

.intro{background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:52px;align-items:center}.intro p{font-size:1.05rem}.photo-placeholder,.featured-image{min-height:330px;border-radius:14px;background:linear-gradient(135deg,#d8e0e7,#8da3b5);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:800;box-shadow:var(--shadow);overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover}.placeholder-note{padding:30px}

.cards-section{background:var(--cream)}.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.feature-card{min-height:250px;border-radius:10px;overflow:hidden;position:relative;background:linear-gradient(180deg,#5c7183,#071b2e);color:#fff;display:flex;align-items:flex-end;padding:20px}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.feature-card>div{position:relative;z-index:1}.feature-card h3{color:#fff;font-size:1.15rem;margin:.2rem 0}.feature-card p{font-size:.83rem;margin:.3rem 0 .8rem}.feature-card a{color:var(--gold);font-size:.72rem;font-weight:800;text-transform:uppercase}

.panels{background:var(--navy2);color:#fff}.panel-grid{display:grid;grid-template-columns:1.1fr .9fr 1.1fr;gap:18px}.panel{border-radius:10px;padding:30px;min-height:270px}.panel h2,.panel h3{color:#fff}.panel-cream{background:#eee4d2;color:var(--navy)}.panel-cream h2,.panel-cream h3{color:var(--navy)}.panel-blue{background:linear-gradient(135deg,#0a3b68,#061c32)}.panel-red{background:linear-gradient(135deg,#8c2824,#551412)}

.location{background-image:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url('assets/images/hero.jpg');background-size:cover;background-position:center;text-align:center}.location h2{margin-bottom:.4rem}.location p{font-size:1.1rem}

.page-hero{padding:150px 0 70px;background:linear-gradient(90deg,var(--navy2),rgba(6,39,67,.72)),url('assets/images/hero.jpg') center/cover;color:#fff}.page-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem);margin:0}.page-content{padding:70px 0}.content-wrap{width:min(900px,100%);margin:auto}.content-wrap p,.content-wrap li{font-size:1.05rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.simple-card{background:#fff;border-radius:10px;padding:28px;box-shadow:var(--shadow)}.simple-card h3{margin-top:0}

.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.archive-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.archive-card .inside{padding:22px}.archive-card h3{margin:.2rem 0 .6rem}.meta{color:var(--muted);font-size:.86rem}.archive-card img{width:100%;height:190px;object-fit:cover}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:18px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd2d8;border-radius:5px;padding:12px;background:#fff}.field textarea{min-height:170px;resize:vertical}.notice{padding:14px 18px;border-radius:5px;background:#e9f5e9;margin-bottom:20px}

.site-footer{background:var(--navy2);color:#fff;padding:54px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}.footer-brand img{width:88px}.site-footer h3,.site-footer h4{color:var(--gold)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.4rem 0;color:#d7e0e8}.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:16px;text-align:center;color:#9fb0bf;font-size:.78rem}

@media(max-width:1000px){
.site-nav{display:none}.mobile-toggle{display:block}.header-inner{min-height:82px}.site-nav.open{display:block;position:absolute;top:76px;left:4%;right:4%;padding:18px 20px 20px;background:rgba(3,26,46,.98);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:var(--shadow)}.site-nav.open .nav-list{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%}.site-nav.open .nav-list li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.site-nav.open .nav-list a{display:block;padding:13px 4px;font-size:.9rem}.site-nav.open .header-cta{display:flex;width:100%;margin:14px 0 0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-item:nth-child(2n){border-right:0}.card-grid{grid-template-columns:repeat(3,1fr)}.intro-grid,.panel-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){
.site-header{padding-top:4px;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.08));}.header-inner{min-height:72px}.brand img,.brand .custom-logo{width:48px;height:48px}.brand-name{font-size:.9rem}.mobile-toggle{font-size:1.3rem;padding:.5rem .62rem}.hero{min-height:690px;align-items:flex-end;background-position:68% center;background-image:linear-gradient(180deg,rgba(3,27,49,.12) 0%,rgba(3,27,49,.22) 34%,rgba(3,27,49,.90) 66%,rgba(3,27,49,.98) 100%),url('assets/images/hero.jpg')}.hero-content{padding:0 0 44px;max-width:100%}.hero-kicker{font-size:.82rem;letter-spacing:.12em}.hero h1{font-size:clamp(2.25rem,10vw,3.15rem);margin:.55rem 0 .75rem;max-width:355px}.hero h1 .hero-main-line{white-space:normal}.hero h1 .hero-third-line{display:block}.hero-divider{width:95px;margin:14px 0}.hero-motto{font-size:1.12rem;line-height:1.45;margin:10px 0 20px;max-width:330px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:360px}.hero-actions .btn{width:100%;padding:.78rem .6rem;font-size:.72rem}.service-grid{grid-template-columns:1fr}.service-item{padding:15px 12px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.service-item strong{font-size:.68rem}.service-item span{font-size:.95rem}.section{padding:52px 0}.intro-grid{gap:30px}.intro p{font-size:1rem}.photo-placeholder{min-height:240px}.card-grid,.grid-3,.archive-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.panel{min-height:0;padding:25px}.footer-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero{padding:125px 0 55px}.page-hero h1{font-size:2.6rem}}
@media(min-width:651px) and (max-width:1000px){.hero{min-height:700px;background-position:70% center}.hero-content{max-width:650px;padding-top:105px}.hero h1{font-size:4rem}.hero h1 .hero-main-line{white-space:normal}.nav-list{gap:0}}


/* Woodway v2.4: stable hero styling
   Desktop = restored v1.8 approved appearance.
   Mobile = purpose-built phone composition.
*/
.hero .hero-kicker { color:#d7a64b !important; }
.hero h1, .hero h1 span { color:#ffffff !important; }
.hero .hero-motto { color:#d7a64b !important; }
.hero .hero-divider { background:#d7a64b !important; }
.hero .hero-actions .btn-red,
.hero .hero-actions .btn-blue { color:#ffffff !important; }

@media (min-width:1001px) {
  .hero h1 {
    max-width:900px !important;
    width:900px !important;
    font-size:clamp(3rem,4.45vw,4.35rem) !important;
    line-height:1.04 !important;
  }
  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    display:block !important;
    white-space:nowrap !important;
    width:max-content !important;
  }
}

@media (min-width:651px) and (max-width:1000px) {
  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    display:block !important;
    white-space:normal !important;
  }
}

@media (max-width:650px) {
  .site-header {
    padding-top:4px !important;
    background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.08)) !important;
  }

  .hero {
    min-height:700px !important;
    height:700px !important;
    align-items:flex-end !important;
    background-position:68% center !important;
    background-size:cover !important;
    background-image:
      linear-gradient(180deg,rgba(3,27,49,.08) 0%,rgba(3,27,49,.12) 42%,rgba(3,27,49,.68) 72%,rgba(3,27,49,.94) 100%),
      var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
  }

  .hero-content {
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:0 28px 34px !important;
    box-sizing:border-box !important;
  }

  .hero-kicker {
    font-size:.78rem !important;
    line-height:1.2 !important;
    letter-spacing:.13em !important;
    margin-bottom:10px !important;
  }

  .hero h1 {
    color:#fff !important;
    font-size:2rem !important;
    line-height:1.06 !important;
    letter-spacing:-.01em !important;
    max-width:100% !important;
    width:100% !important;
    margin:.35rem 0 .8rem !important;
  }

  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-divider {
    width:82px !important;
    height:2px !important;
    margin:12px 0 !important;
  }

  .hero-motto {
    font-size:1rem !important;
    line-height:1.35 !important;
    max-width:310px !important;
    margin:8px 0 18px !important;
  }

  .hero-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    max-width:100% !important;
  }

  .hero-actions .btn {
    width:100% !important;
    min-height:52px !important;
    padding:.72rem .5rem !important;
    font-size:.76rem !important;
  }

  .service-grid { grid-template-columns:1fr !important; }
  .service-item {
    padding:15px 12px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.15) !important;
  }
}

@media (max-width:380px) {
  .hero { min-height:680px !important; height:680px !important; }
  .hero-content { padding-left:22px !important; padding-right:22px !important; }
  .hero h1 { font-size:1.82rem !important; }
  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    white-space:normal !important;
    width:auto !important;
  }
  .hero-actions { grid-template-columns:1fr !important; }
}

/* v2.5 mobile headline correction */
@media (max-width:650px) {
  .hero h1 {
    font-size:clamp(1.8rem,6.7vw,2.15rem) !important;
    line-height:1.08 !important;
    max-width:100% !important;
    overflow:visible !important;
  }
  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
}

/* Woodway v2.6: show the full church photo on phones.
   The desktop image is landscape; using cover on a portrait phone necessarily
   removes a large portion of the church. On mobile we fit the full photo to
   the viewport width and let the navy hero continue below it. */
@media (max-width:650px) {
  .hero {
    height:620px !important;
    min-height:620px !important;
    background-color:#062743 !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:100% 100%, 100% auto !important;
    background-image:
      linear-gradient(180deg,
        rgba(3,27,49,.08) 0%,
        rgba(3,27,49,.10) 34%,
        rgba(3,27,49,.55) 62%,
        rgba(3,27,49,.94) 100%
      ),
      var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
  }

  .hero-content {
    padding:0 26px 30px !important;
  }

  .hero h1 {
    font-size:clamp(1.8rem,6.5vw,2.05rem) !important;
    line-height:1.07 !important;
    max-width:100% !important;
    margin:.45rem 0 .7rem !important;
  }

  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
  }

  .hero-motto {
    font-size:1rem !important;
    line-height:1.35 !important;
    margin:8px 0 16px !important;
    max-width:320px !important;
  }

  .hero-actions {
    max-width:100% !important;
  }
}

@media (max-width:380px) {
  .hero {
    height:600px !important;
    min-height:600px !important;
  }
  .hero-content {
    padding-left:22px !important;
    padding-right:22px !important;
    padding-bottom:26px !important;
  }
}

/* v2.7: MOBILE-ONLY hero composition.
   Desktop/tablet styles are intentionally untouched. On phones the landscape
   church photo is shown at its natural aspect ratio across the viewport, with
   the hero copy beginning immediately after the image/gradient transition.
   This removes the large empty navy gap without cropping the church. */
@media (max-width:650px) {
  .hero {
    height:650px !important;
    min-height:650px !important;
    align-items:flex-start !important;
    background-color:#062743 !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:100% auto !important;
    background-image:
      linear-gradient(180deg,
        rgba(3,27,49,.08) 0%,
        rgba(3,27,49,.10) 42%,
        rgba(3,27,49,.38) 68%,
        rgba(3,27,49,.92) 100%
      ),
      var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
  }

  .hero-content {
    width:100% !important;
    max-width:none !important;
    padding:218px 26px 28px !important;
    box-sizing:border-box !important;
  }

  .hero-kicker {
    font-size:.78rem !important;
    line-height:1.2 !important;
    letter-spacing:.13em !important;
    margin:0 0 9px !important;
  }

  .hero h1 {
    font-size:clamp(1.85rem,6.7vw,2.15rem) !important;
    line-height:1.07 !important;
    max-width:100% !important;
    width:100% !important;
    margin:.35rem 0 .7rem !important;
    color:#fff !important;
  }

  .hero h1 .hero-main-line,
  .hero h1 .hero-third-line {
    display:block !important;
    width:auto !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }

  .hero-divider {
    width:82px !important;
    height:2px !important;
    margin:12px 0 !important;
  }

  .hero-motto {
    font-size:1rem !important;
    line-height:1.35 !important;
    max-width:320px !important;
    margin:8px 0 16px !important;
  }

  .hero-actions {
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    max-width:100% !important;
  }

  .hero-actions .btn {
    width:100% !important;
    min-height:52px !important;
    padding:.72rem .5rem !important;
    font-size:.76rem !important;
  }
}

@media (max-width:380px) {
  .hero {
    height:620px !important;
    min-height:620px !important;
  }
  .hero-content {
    padding:205px 22px 24px !important;
  }
  .hero h1 {
    font-size:1.82rem !important;
  }
  .hero-actions {
    grid-template-columns:1fr 1fr !important;
  }
}

/* v2.8: MOBILE-ONLY hero spacing correction.
   Keep the full landscape church photo exactly as shown, but make the photo
   the top portion of the hero and place the copy directly beneath it.
   Desktop and tablet layouts are intentionally untouched. */
@media (max-width:650px) {
  .hero {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    padding-top:56.25vw !important;
    background-color:#062743 !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:100% auto !important;
    background-image:
      linear-gradient(180deg,
        rgba(3,27,49,.08) 0%,
        rgba(3,27,49,.10) 55%,
        rgba(3,27,49,.24) 100%
      ),
      var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
  }

  .hero-content {
    width:100% !important;
    max-width:none !important;
    padding:42px 26px 38px !important;
    box-sizing:border-box !important;
  }

  .hero-kicker {
    margin:0 0 9px !important;
  }

  .hero h1 {
    margin:.35rem 0 .7rem !important;
  }

  .hero-divider {
    margin:12px 0 !important;
  }

  .hero-motto {
    margin:8px 0 16px !important;
  }
}

@media (max-width:380px) {
  .hero {
    padding-top:56.25vw !important;
  }
  .hero-content {
    padding:36px 22px 32px !important;
  }
}


/* v3.0: MOBILE-ONLY hero copy overlay refinement.
   Move the mobile copy 50px higher so the headline sits closer to the
   lower portion of the church photograph. Desktop/tablet are untouched. */

/* v2.9: MOBILE-ONLY hero copy overlay.
   Move the headline upward into the lower portion of the church photograph,
   matching the desktop visual treatment. Desktop/tablet are untouched. */
@media (max-width:650px) {
  .hero {
    background-image:
      linear-gradient(180deg,
        rgba(3,27,49,.06) 0%,
        rgba(3,27,49,.08) 42%,
        rgba(3,27,49,.34) 64%,
        rgba(3,27,49,.88) 92%,
        rgba(3,27,49,.98) 100%
      ),
      var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
  }

  .hero-content {
    padding-top:0 !important;
    margin-top:-128px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .hero-kicker {
    margin-top:0 !important;
  }
}

@media (max-width:380px) {
  .hero-content {
    margin-top:-112px !important;
  }
}


/* v3.1: MOBILE-ONLY hero final positioning.
   Move the complete hero copy farther upward into the darker upper portion
   of the church photograph so the gold kicker is clear of the sunrise.
   Desktop/tablet layouts are intentionally untouched. */
@media (max-width:650px) {
  .hero-content {
    margin-top:-165px !important;
  }
}

@media (max-width:380px) {
  .hero-content {
    margin-top:-150px !important;
  }
}

/* v3.3: MOBILE-ONLY hero refinement.
   Desktop/tablet styles are intentionally unchanged.
   The phone composition keeps the complete landscape photo visible while
   applying a desktop-like dark wash over the sunrise/left side so the gold
   kicker remains readable. The hero copy stays pulled upward into the photo. */
@media (max-width:650px) {
  .hero {
    /* Keep the full-width church photograph visible on phones. */
    padding-top:56.25vw !important;
    background-position:center top !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-color:#062743 !important;

    /* Desktop-inspired left-side darkening + localized sunrise darkening,
       followed by a subtle lower fade into the navy copy area. */
    background-image:
      radial-gradient(circle at 12% 47%, rgba(3,27,49,.48) 0%, rgba(3,27,49,.34) 18%, rgba(3,27,49,0) 42%),
      linear-gradient(90deg, rgba(3,27,49,.88) 0%, rgba(3,27,49,.68) 30%, rgba(3,27,49,.30) 58%, rgba(3,27,49,.06) 84%),
      linear-gradient(180deg, rgba(3,27,49,.06) 0%, rgba(3,27,49,.08) 52%, rgba(3,27,49,.28) 72%, rgba(3,27,49,.92) 100%),
      var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
  }

  /* Pull the entire copy block upward into the lower part of the photo. */
  .hero-content {
    margin-top:-165px !important;
    padding:0 26px 38px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .hero-kicker {
    color:#d7a64b !important;
    text-shadow:0 1px 4px rgba(0,0,0,.45) !important;
  }

  .hero h1,
  .hero h1 span {
    color:#fff !important;
    text-shadow:0 2px 5px rgba(0,0,0,.42) !important;
  }

  .hero .hero-motto {
    color:#d7a64b !important;
    text-shadow:0 1px 4px rgba(0,0,0,.42) !important;
  }
}

@media (max-width:380px) {
  .hero-content {
    margin-top:-150px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
}


/* v3.4: MOBILE SUN/LEFT-SIDE MATCH TO APPROVED DESKTOP LOOK.
   This block is intentionally mobile-only. It uses a dedicated overlay layer
   rather than relying on the hero's background-image stack, ensuring the
   sunrise is visibly darkened even when WordPress outputs an inline image. */
@media (max-width:650px) {
  .hero {
    position:relative !important;
    isolation:isolate !important;
    background-image:var(--woodway-hero-image,url('assets/images/hero.jpg')) !important;
    background-position:center top !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-color:#062743 !important;
    overflow:visible !important;
  }

  .hero::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:56.25vw !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      radial-gradient(circle at 12% 58%, rgba(3,27,49,.58) 0%, rgba(3,27,49,.42) 15%, rgba(3,27,49,.12) 35%, rgba(3,27,49,0) 52%),
      linear-gradient(90deg, rgba(3,27,49,.92) 0%, rgba(3,27,49,.76) 28%, rgba(3,27,49,.40) 55%, rgba(3,27,49,.10) 82%, rgba(3,27,49,0) 100%),
      linear-gradient(180deg, rgba(3,27,49,.10) 0%, rgba(3,27,49,.16) 45%, rgba(3,27,49,.34) 100%) !important;
  }

  .hero-content {
    position:relative !important;
    z-index:2 !important;
  }
}

@media (max-width:380px) {
  .hero::before {
    height:56.25vw !important;
  }
}


/* v3.5: MOBILE-ONLY HERO COPY POSITIONING
   Move the complete hero copy slightly downward for better separation from
   the church logo/header while preserving the approved mobile composition.
   Desktop and tablet styles are unchanged. */
@media (max-width:650px) {
  .hero-content {
    transform: translateY(0) !important;
  }
}

/* v3.6: MOBILE-ONLY COPY POSITION CORRECTION.
   Move the hero copy block down slightly without changing the photograph,
   desktop layout, or service schedule. */
@media (max-width:650px) {
  .hero-content {
    top:30px !important;
  }
}

@media (max-width:380px) {
  .hero-content {
    top:26px !important;
  }
}

/* v3.7: CONNECT & GROW HOMEPAGE SECTION */
.cards-section{background:var(--cream);position:relative;overflow:hidden}
.cards-section .container{position:relative;z-index:1}
.section-lead{max-width:760px;margin:-.25rem 0 2rem;color:#536575;font-size:1.05rem}
.card-grid{grid-template-columns:repeat(5,1fr);gap:16px}
.feature-card{min-height:340px;background:var(--navy);padding:0;box-shadow:0 12px 30px rgba(3,27,49,.12);border:1px solid rgba(216,164,72,.16);transition:transform .22s ease,box-shadow .22s ease}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(3,27,49,.2)}
.feature-card.has-image{background:#071b2e}
.feature-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.feature-card:before{background:linear-gradient(180deg,rgba(3,27,49,.08) 15%,rgba(3,27,49,.48) 45%,rgba(3,27,49,.97) 100%)}
.feature-card-content{width:100%;position:relative;z-index:2;padding:22px 20px 20px}
.ministry-icon{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1rem;margin-bottom:52px;background:rgba(3,27,49,.55)}
.feature-card h3{font-size:1.35rem;margin:.2rem 0 .55rem}
.feature-card p{color:rgba(255,255,255,.9);line-height:1.5;min-height:58px}
.feature-card a{font-size:.76rem;letter-spacing:.08em}

@media (max-width:1050px){
  .card-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:650px){
  .cards-section{padding:62px 0}
  .section-lead{font-size:.98rem;margin-bottom:1.5rem}
  .card-grid{grid-template-columns:1fr;gap:16px}
  .feature-card{min-height:245px}
  .ministry-icon{margin-bottom:34px}
  .feature-card p{min-height:0}
}



/* v3.8: CONNECT & GROW — always render all five ministry cards. */
.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.feature-card{min-width:0}
@media (max-width:1050px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:650px){.card-grid{grid-template-columns:1fr}}

/* v3.9 - Homepage Events */
.events-home{background:#fff;padding-top:82px;padding-bottom:82px}
.events-home-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.events-home-head .section-lead{margin-bottom:0;max-width:680px}
.event-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.event-card{min-height:285px;border-radius:10px;overflow:hidden;background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:20px;position:relative;box-shadow:0 12px 30px rgba(3,27,49,.12);border:1px solid rgba(216,164,72,.18);transition:transform .22s ease,box-shadow .22s ease}
.event-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(3,27,49,.18)}
.event-card-date{width:58px;height:62px;border:1px solid var(--gold);border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:28px;color:var(--gold);line-height:1}
.event-card-date span{font-size:.68rem;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.event-card-date strong{font-size:1.45rem;margin-top:4px;color:#fff}
.event-card-icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.1rem;margin-bottom:28px}
.event-card-body{margin-top:auto}.event-card-meta{font-size:.68rem;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.event-card h3{color:#fff;font-size:1.28rem;margin:.1rem 0 .45rem;line-height:1.15}.event-card-time{font-size:1rem;font-weight:800;margin:.2rem 0 .8rem}.event-card-link{color:var(--gold);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.event-card-link:hover{color:#fff}.events-all{white-space:nowrap}
@media (max-width:1050px){.event-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.events-home{padding:58px 0}.events-home-head{display:block;margin-bottom:24px}.events-all{margin-top:6px}.event-card-grid{grid-template-columns:1fr;gap:14px}.event-card{min-height:205px}.event-card-date,.event-card-icon{margin-bottom:20px}}

/* v3.10 homepage: Latest Sermon */
.latest-sermon{background:#fff}
.latest-sermon-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:stretch}
.latest-sermon-copy{padding:8px 0}
.latest-sermon-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);margin:.15rem 0 .65rem;color:var(--navy)}
.latest-sermon-info{margin-top:24px;padding:24px 0 0;border-top:2px solid rgba(216,164,72,.5)}
.latest-sermon-meta{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--red);margin-bottom:8px}
.latest-sermon-info h3{font-size:clamp(1.5rem,2.6vw,2.15rem);margin:.15rem 0 .45rem;color:var(--navy)}
.latest-sermon-scripture{font-weight:700;color:#687784;margin-bottom:18px}
.latest-sermon-media{min-height:360px}
.sermon-placeholder{height:100%;min-height:360px;border-radius:12px;background:linear-gradient(135deg,#061c32,#173d5d);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;box-sizing:border-box;box-shadow:0 14px 34px rgba(3,27,49,.16)}
.sermon-placeholder strong{font-size:1.25rem;margin-top:14px}.sermon-placeholder small{margin-top:7px;color:rgba(255,255,255,.75)}
.play-icon{width:72px;height:72px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.35rem;padding-left:4px}
@media(max-width:800px){.latest-sermon-grid{grid-template-columns:1fr;gap:26px}.latest-sermon-media,.sermon-placeholder{min-height:260px}}

/* v3.11 Prayer CTA */
.prayer-cta{background:#eee4d2;color:var(--navy)}
.prayer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:10px;padding-bottom:10px}
.prayer-cta-copy{max-width:760px}
.prayer-cta-copy h2{color:var(--navy);font-size:clamp(2rem,4vw,3rem);margin:.15rem 0 .45rem}
.prayer-cta-copy p{font-size:1.08rem;margin:0;max-width:680px}
.prayer-cta-button{white-space:nowrap}
.panel-grid-two{grid-template-columns:1fr 1fr}
@media(max-width:800px){.prayer-cta-inner{display:block;text-align:center}.prayer-cta-copy{margin:0 auto 22px}.prayer-cta-button{display:inline-flex}.panel-grid-two{grid-template-columns:1fr}}

/* v3.17 — MINISTRIES PAGE DESIGN WITH PHOTOGRAPHIC CARD IMAGES */
.ministries-page{background:var(--cream)}
.ministries-hero{position:relative;overflow:hidden;text-align:center;padding:78px 0 48px;background:#f7f2e8;color:var(--navy)}
.ministries-hero:after{content:"";position:absolute;right:-5%;bottom:-35px;width:45%;height:190px;background:linear-gradient(135deg,transparent 20%,rgba(216,164,72,.08) 21%,rgba(216,164,72,.08) 22%,transparent 23%),linear-gradient(155deg,transparent 48%,rgba(3,27,49,.06) 49%,rgba(3,27,49,.06) 50%,transparent 51%);opacity:.9}
.ministries-hero .container{position:relative;z-index:1}
.ministries-cross{position:absolute;right:4%;top:26px;color:rgba(216,164,72,.28);font-size:5rem;line-height:1}
.ministries-hero .eyebrow{color:#b17a19;margin-bottom:10px}
.ministries-hero h1{font-size:clamp(3rem,6vw,5rem);margin:0;color:var(--navy)}
.gold-divider{display:flex;align-items:center;justify-content:center;gap:18px;margin:14px auto 16px;color:var(--gold)}
.gold-divider:before,.gold-divider:after{content:"";width:155px;height:1px;background:var(--gold)}
.gold-divider span{font-size:1.15rem}
.ministries-hero p{max-width:820px;margin:0 auto;font-family:Georgia,serif;font-size:1.12rem;line-height:1.65;color:#253b50}
.ministries-list{padding-top:34px;padding-bottom:26px}
.ministry-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:stretch}
.ministry-design-card{background:#fff;border-radius:10px;overflow:visible;box-shadow:0 10px 28px rgba(3,27,49,.12);display:flex;flex-direction:column;border:1px solid rgba(3,27,49,.05);transition:transform .2s ease,box-shadow .2s ease}
.ministry-design-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(3,27,49,.16)}
.ministry-card-media{height:190px;position:relative;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(145deg,#173f61,#061d33);overflow:visible;border-radius:10px 10px 0 0}
.ministry-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:10px 10px 0 0}
.ministry-card-media:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 35%,rgba(216,164,72,.12),transparent 42%),linear-gradient(180deg,rgba(3,27,49,.04),rgba(3,27,49,.32))}
.ministry-card-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,27,49,.04) 0%,rgba(3,27,49,.08) 55%,rgba(3,27,49,.36) 100%);pointer-events:none}
.ministry-card-media:after{content:"";position:absolute;z-index:1;width:180px;height:180px;border:1px solid rgba(216,164,72,.15);border-radius:50%;top:-88px;right:-65px}
.ministry-card-people{background:linear-gradient(145deg,#31546b,#071b2e)}
.ministry-card-men{background:linear-gradient(145deg,#294b62,#071b2e)}
.ministry-card-book{background:linear-gradient(145deg,#5a432c,#1a1c1d)}
.ministry-card-cross{background:linear-gradient(145deg,#5d625e,#172b3d)}
.ministry-card-prayer{background:linear-gradient(145deg,#3b4a58,#071b2e)}
.ministry-card-symbol{position:relative;z-index:4;width:66px;height:66px;margin-bottom:-33px;border-radius:50%;background:var(--navy);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);box-shadow:0 5px 16px rgba(0,0,0,.2)}
.ministry-card-symbol svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ministry-card-body{position:relative;z-index:2;padding:46px 22px 24px;display:flex;flex-direction:column;flex:1;text-align:center}
.ministry-card-body h2{font-size:1.35rem;line-height:1.2;margin:0;color:var(--navy)}
.card-gold-line{width:50px;height:2px;background:var(--gold);margin:12px auto 14px}
.ministry-card-body p{font-size:.92rem;line-height:1.55;color:#2d4052;margin:0 0 22px}
.ministry-learn-more{align-self:center;margin-top:auto;background:var(--navy);color:#fff;padding:11px 22px;border-radius:4px;font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ministry-learn-more:hover{color:#fff;background:#102f4c}
.ministries-footer-quote{background:var(--navy);color:#fff;padding:25px 0 28px}
.ministries-footer-quote .container{display:flex;align-items:center;justify-content:center;gap:26px}
.ministries-footer-quote span{width:190px;height:1px;background:var(--gold)}
.ministries-footer-quote p{font-family:Georgia,serif;font-size:1.35rem;font-style:italic;margin:0;color:#fff}

@media (max-width:1100px){
  .ministry-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .ministries-hero{padding:58px 0 38px}
  .ministries-cross{font-size:3.5rem;right:5%;top:15px}
  .ministries-hero h1{font-size:2.8rem}
  .gold-divider:before,.gold-divider:after{width:80px}
  .ministries-hero p{font-size:1rem;padding:0 10px}
  .ministries-list{padding-top:24px}
  .ministry-card-grid{grid-template-columns:1fr;gap:16px}
  .ministry-card-media{height:175px}
  .ministry-card-image{object-position:center center}
  .ministry-card-body{padding-left:20px;padding-right:20px}
  .ministries-footer-quote .container{gap:12px}
  .ministries-footer-quote span{width:55px}
  .ministries-footer-quote p{font-size:1.05rem;text-align:center}
}

/* v3.15 — individual ministry pages use the same visual language */
.ministry-single-hero{padding-top:78px;padding-bottom:48px;background:#f7f2e8;color:var(--navy)}
.ministry-single-hero h1{color:var(--navy)}
.ministry-single-content{background:var(--cream)}
.ministry-featured-image{margin:0 auto 30px;max-width:900px}
.ministry-featured-image img{width:100%;border-radius:10px;display:block}
.ministry-single-copy{background:#fff;border-radius:10px;padding:34px;box-shadow:var(--shadow)}
.ministry-single-copy p,.ministry-single-copy li{font-size:1.08rem;line-height:1.75}
.ministry-single-actions{margin-top:26px;text-align:center}
@media(max-width:650px){.ministry-single-hero{padding:55px 0 38px}.ministry-single-copy{padding:24px 20px}.ministry-single-copy p,.ministry-single-copy li{font-size:1rem}}
/* Woodway Contact Form Button */
#wpforms-form-81 {
    --wpforms-button-background-color: #852321 !important;
    --wpforms-button-background-color-hover: #062743 !important;
}

#wpforms-form-81 .wpforms-submit {
    color: #ffffff !important;
}