:root{--ink:#18302f;--green:#173a35;--gold:#dfb96d;--cream:#f7f3eb;--muted:#596763}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#263633;background:#fff;line-height:1.7}h1,h2,h3,.footer-name{font-family:Georgia,"Times New Roman",serif;line-height:1.17;letter-spacing:-.025em;color:var(--ink)}h2{font-size:clamp(2rem,3.5vw,3rem);margin-bottom:1.3rem}p{margin-bottom:1.2rem}a{color:#24554b}a:hover{color:#0d2c27}.skip-link{position:absolute;top:-100px;left:10px;z-index:9999;background:#fff;padding:10px}.skip-link:focus{top:10px}.topline{background:#112c29;color:#e8e5db;font-size:.79rem;padding:.4rem 0}.topline a{color:#fff;text-decoration:none}.site-header{background:#fff;box-shadow:0 3px 22px #102e2b10;position:relative;z-index:10}.navbar{padding:.65rem 0}.navbar-brand{display:flex;align-items:center;gap:.8rem;font-family:Georgia,serif;font-size:1.55rem;color:#1b3632;font-weight:700;line-height:1}.navbar-brand img{border-radius:50%;object-fit:cover}.navbar-brand small{display:block;font-family:system-ui,sans-serif;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;font-weight:650;margin-top:.5rem}.navbar-nav{gap:.3rem}.nav-link{color:#273c37;font-size:.91rem;font-weight:650;padding:.65rem .75rem!important;border-radius:3px}.nav-link:hover,.nav-link.active{color:#15473d;background:#f2f4ef}.hero{min-height:630px;position:relative;display:flex;align-items:center;background:#1a3731;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('/assets/images/church-building.webp');background-position:center 47%;background-size:cover;filter:saturate(.8)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,31,28,.94),rgba(10,35,31,.78) 47%,rgba(10,35,31,.2))}.hero-content{position:relative;color:white;padding-top:7rem;padding-bottom:7rem}.hero h1{color:#fff;font-size:clamp(3.4rem,7vw,6.6rem);max-width:750px;margin-bottom:1.4rem}.hero h1 em{font-weight:400;color:#f4d393}.hero-content>p:not(.eyebrow){font-size:1.18rem;max-width:520px;margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.73rem;font-weight:800;color:#98702f;margin-bottom:1rem}.eyebrow.light{color:#f2d08e}.btn{padding:.85rem 1.45rem;border-radius:3px;font-weight:750;letter-spacing:.01em}.btn-gold{background:#edc77e;color:#1b302b;border:1px solid #edc77e}.btn-gold:hover{background:#f6d79b;color:#152c27}.btn-darkgreen{background:#1a423a;border:1px solid #1a423a;color:white}.btn-darkgreen:hover{background:#0c2c27;color:white}.btn-outline-light{border-width:1px}.section{padding:clamp(4rem,7vw,7rem) 0}.section-cream{background:var(--cream)}.display-heading{font-size:clamp(2.6rem,4.2vw,4.2rem)}.body-large,.lead{font-size:1.18rem;line-height:1.75}.building-img{display:block;width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;box-shadow:20px 20px 0 #f2e7cf}.text-link{font-weight:800;text-decoration:none;border-bottom:2px solid #d6ac5d;padding-bottom:.2rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.service-card,.detail-card,.notice-card{background:white;padding:2.3rem;border:1px solid #e5e4dd;height:100%;border-radius:3px}.service-card{min-height:270px}.service-card h3{font-size:1.65rem;margin:1.3rem 0}.service-card p{margin-bottom:0}.service-day{font-size:.73rem;font-weight:850;letter-spacing:.12em;color:#7b5a2a}.detail-card h2{font-size:2rem;margin-top:1rem}.detail-card address{font-size:1.25rem}.notice-card{background:#f8f5ed;border-left:5px solid #d4a955}.quote-panel{background:#f6e9c9;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.quote-panel img{border-radius:50%;object-fit:cover;margin-bottom:1.5rem}.quote-panel p{font:italic 2rem Georgia,serif;color:#25433b;line-height:1.3}.cta{background:#173a35;color:white;padding:4rem 0}.cta h2{color:white;margin:0 0 .5rem}.cta p{margin-bottom:0}.page-hero{background:#173a35;padding:6rem 0;color:#f7f3eb}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem);color:white;max-width:850px}.page-hero .lead{max-width:700px;margin:1.5rem 0 0}.narrow{max-width:850px}.footer{background:#112a27;color:#e3e8e2;padding:4rem 0 1.3rem}.footer h2,.footer h3{color:white}.footer-name{font-size:1.7rem}.footer h3{font-size:1.2rem;margin-bottom:1rem}.footer a{color:#e9d5a8}.footer address{font-style:normal}.footer-bottom{border-top:1px solid #ffffff30;margin-top:3rem;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#c4d0c9}.email-wrap{overflow-wrap:anywhere}.small-muted{font-size:.87rem;color:#66746f}@media(max-width:991px){.navbar-brand{font-size:1.2rem}.hero{min-height:560px}.hero-shade{background:linear-gradient(90deg,rgba(9,31,28,.9),rgba(9,31,28,.6))}.section-head{align-items:start;flex-direction:column}.navbar-collapse{padding:1rem 0}.nav-link{padding:.7rem 1rem!important}}@media(max-width:575px){.topline{font-size:.7rem}.navbar-brand img{width:44px;height:44px}.navbar-brand small{font-size:.54rem}.hero-content{padding-top:5rem;padding-bottom:5rem}.hero h1{font-size:3.1rem}.building-img{box-shadow:10px 10px 0 #f2e7cf}.service-card,.detail-card,.notice-card{padding:1.5rem}.quote-panel{min-height:280px}.footer{padding-top:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ==========================================================
   MORNINGSIDE BAPTIST CHURCH
   Official Church-Inspired Color Palette
   ========================================================== */

   :root {
    --ink: #20393B;
    --green: #28575C;
    --gold: #C49A5A;
    --cream: #F8F5ED;
    --muted: #596F70;

    --church-teal: #477F83;
    --dark-teal: #28575C;
    --soft-aqua: #D6E8E5;
    --warm-cream: #F8F5ED;
    --gold-accent: #C49A5A;
}

/* Global */
body {
    background: var(--warm-cream);
    color: #263D3F;
}

h1, h2, h3, .footer-name {
    color: var(--ink);
}

a {
    color: var(--dark-teal);
}

a:hover {
    color: var(--church-teal);
}

/* Top contact bar */
.topline {
    background: var(--dark-teal);
    color: #FFFFFF;
}

.topline a {
    color: #FFFFFF;
}

/* Navigation */
.site-header {
    background: #FFFFFF;
    box-shadow: 0 3px 22px rgba(40, 87, 92, .12);
}

.navbar-brand {
    color: var(--dark-teal);
}

.nav-link {
    color: var(--dark-teal);
}

.nav-link:hover,
.nav-link.active {
    color: var(--dark-teal);
    background: var(--soft-aqua);
}

/* Homepage hero */
.hero {
    background: var(--dark-teal);
}

.hero-image {
    filter: saturate(.95);
}

.hero-shade {
    background: linear-gradient(
        90deg,
        rgba(23, 57, 61, .96) 0%,
        rgba(40, 87, 92, .82) 48%,
        rgba(40, 87, 92, .22) 100%
    );
}

.hero h1 {
    color: #FFFFFF;
}

.hero h1 em {
    color: #E7C68A;
}

.eyebrow {
    color: #98703B;
}

.eyebrow.light {
    color: #E7C68A;
}

/* Buttons */
.btn-gold {
    background: var(--gold-accent);
    border-color: var(--gold-accent);
    color: #20393B;
}

.btn-gold:hover {
    background: #D9B77E;
    border-color: #D9B77E;
    color: #20393B;
}

.btn-darkgreen {
    background: var(--dark-teal);
    border-color: var(--dark-teal);
    color: #FFFFFF;
}

.btn-darkgreen:hover {
    background: var(--church-teal);
    border-color: var(--church-teal);
    color: #FFFFFF;
}

/* Sections */
.section-cream {
    background: var(--warm-cream);
}

.building-img {
    box-shadow: 20px 20px 0 var(--soft-aqua);
}

.text-link {
    color: var(--dark-teal);
    border-bottom-color: var(--gold-accent);
}

.text-link:hover {
    color: var(--church-teal);
}

/* Service cards */
.service-card,
.detail-card {
    background: #FFFFFF;
    border: 1px solid #C9DCDA;
    box-shadow: 0 5px 20px rgba(40, 87, 92, .05);
}

.service-card h3,
.detail-card h2 {
    color: var(--dark-teal);
}

.service-day {
    color: #8B6632;
}

/* Announcements */
.notice-card {
    background: #EDF5F3;
    border: 1px solid #C9DCDA;
    border-left: 5px solid var(--gold-accent);
}

/* Scripture / quote panel */
.quote-panel {
    background: var(--soft-aqua);
}

.quote-panel p {
    color: var(--dark-teal);
}

/* Call to action */
.cta {
    background: var(--church-teal);
    color: #FFFFFF;
}

.cta h2 {
    color: #FFFFFF;
}

/* Interior page banners */
.page-hero {
    background: var(--dark-teal);
    color: #FFFFFF;
}

.page-hero h1 {
    color: #FFFFFF;
}

/* Footer */
.footer {
    background: #203F43;
    color: #E7F1EF;
}

.footer h2,
.footer h3,
.footer-name {
    color: #FFFFFF;
}

.footer a {
    color: #E7C68A;
}

.footer a:hover {
    color: #FFFFFF;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.20);
    color: #D6E8E5;
}

/* Supporting text */
.small-muted {
    color: #586D6E;
}

/* Mobile */
@media (max-width: 991px) {
    .hero-shade {
        background: linear-gradient(
            90deg,
            rgba(23, 57, 61, .94),
            rgba(40, 87, 92, .72)
        );
    }
}

@media (max-width: 575px) {
    .building-img {
        box-shadow: 10px 10px 0 var(--soft-aqua);
    }
}

/* Accessible keyboard focus */
a:focus-visible,
button:focus-visible,
.nav-link:focus-visible {
    outline: 3px solid var(--gold-accent);
    outline-offset: 3px;
}

/* Wednesday Night Meeting Image Service Card */
.service-card img {
    width: 100%;
    height: auto;
    max-height: 230px;
    object-fit: cover;
    object-position: center;
}


/* Morning Worship Highlight */

.worship-highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    padding: 16px 18px;

    background: #F0F7F5;
    border-left: 3px solid #C49A5A;
    border-radius: 4px;

    color: #28575C;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.5;
}

.worship-highlight-icon {
    color: #C49A5A;
    font-size: 1.4rem;
    line-height: 1;
    flex-shrink: 0;
}


/* ===========================================================
   MBC Tucson | Modern design system, November 2026
   Preserve original content and church identity.
   =========================================================== */
:root {
  --church-teal:#477F83; --dark-teal:#28575C;
  --soft-aqua:#D6E8E5; --warm-cream:#F8F5ED;
  --gold-accent:#C49A5A; --ink:#20393B;
  --radius:18px; --shadow:0 16px 46px rgba(22,63,66,.09);
}
html {scroll-padding-top:95px}
body {background:#fff;color:#354b4c;font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased}
.container {max-width:1180px}
h1,h2,h3,.footer-name {letter-spacing:-.035em;line-height:1.13}
h2 {font-size:clamp(2.05rem,3.6vw,3.3rem)}
p {line-height:1.8}
.topline {background:#21494d;padding:.55rem 0;font-weight:550;letter-spacing:.012em}
.topline a {text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff55}
.site-header {background:rgba(255,255,255,.98);box-shadow:0 1px 0 #dce9e8,0 8px 28px #1b4c4d0b}
.navbar {padding:.95rem 0}
.navbar-brand {color:#21494d;gap:.85rem;letter-spacing:-.04em}
.navbar-brand img {border:2px solid #dcece9;box-shadow:0 4px 14px #21494d15}
.navbar-brand small {color:#567476;letter-spacing:.11em}
.navbar-nav {gap:.2rem}
.nav-link {border-radius:9px;padding:.65rem .85rem!important;transition:background .2s,color .2s}
.nav-link:hover,.nav-link.active {background:#e6f1ef;color:#214f53}
.nav-link.active {box-shadow:inset 0 -2px 0 var(--church-teal)}
.navbar-toggler {border-color:#b7d3d0;border-radius:10px;padding:.45rem .65rem}
.hero {min-height:620px;background:#21494d}
.hero-image {filter:saturate(.9) contrast(1.03);background-position:center 48%}
.hero-shade {background:linear-gradient(90deg,rgba(13,43,46,.96) 0%,rgba(24,62,66,.88) 42%,rgba(24,62,66,.38) 100%)}
.hero-content {padding-top:8rem;padding-bottom:8rem}
.hero h1 {font-size:clamp(3.4rem,7vw,6.9rem);letter-spacing:-.055em;line-height:1.02}
.hero h1 em {color:#f0d29a}
.hero-content>p:not(.eyebrow) {font-size:clamp(1.1rem,1.8vw,1.3rem);color:#eef6f3;max-width:540px}
.eyebrow {font-size:.75rem;letter-spacing:.17em;color:#8a6331}
.eyebrow.light {color:#f0d29a}
.btn {border-radius:10px;padding:.85rem 1.45rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;transition:transform .2s,background .2s,box-shadow .2s;text-decoration:none}
.btn:hover {transform:translateY(-2px)}
.btn-gold {background:#d7af69;border-color:#d7af69;color:#20393b;box-shadow:0 8px 20px #091f211f}
.btn-gold:hover {background:#e4c48c;border-color:#e4c48c;color:#20393b}
.btn-darkgreen {background:#28575c;border-color:#28575c;box-shadow:0 8px 20px #28575c20}
.btn-darkgreen:hover {background:#356e73;border-color:#356e73}
.btn-outline-light:hover {color:#21494d}
.section {padding:clamp(4.5rem,7vw,7.5rem) 0}
.section-cream {background:#f8f5ed}
.section-head {margin-bottom:2.6rem}
.body-large,.lead {color:#455f60}
.building-img {border-radius:18px;aspect-ratio:1.35;box-shadow:18px 18px 0 #d6e8e5}
.text-link {color:#28575c;border-bottom:2px solid #c49a5a;padding-bottom:.3rem;transition:color .2s}
.text-link:hover {color:#477f83}
.service-card,.detail-card,.notice-card {border:1px solid #dce8e6;border-radius:18px;padding:2rem;background:#fff;box-shadow:var(--shadow)}
.service-card {display:flex;flex-direction:column;min-height:100%;transition:transform .2s,box-shadow .2s}
.service-card:hover {transform:translateY(-4px);box-shadow:0 22px 55px #163f421b}
.service-card h3 {font-size:1.65rem;margin:1.15rem 0 .85rem}
.service-card p {margin-bottom:1rem}
.service-card .btn {align-self:flex-start;margin-top:auto}
.service-day {font-size:.75rem;letter-spacing:.11em;color:#79592c;background:#f9f1e2;padding:.45rem .75rem;border-radius:100px;align-self:flex-start}
.service-card img {width:100%;height:auto;max-height:none;object-fit:contain;border-radius:12px!important;margin-top:.35rem;background:#edf3f1}
.worship-highlight {margin-top:auto;padding:1rem 1.1rem;border-radius:12px;background:#edf5f3;border-left:3px solid #c49a5a;color:#28575c;font-size:.95rem}
.worship-highlight-icon {font-size:1.5rem}
.quote-panel {background:linear-gradient(135deg,#e4f0ed,#d6e8e5);border-radius:20px;padding:3.5rem 2rem}
.quote-panel img {box-shadow:0 12px 30px #28575c22}
.quote-panel p {font-size:clamp(1.65rem,2.7vw,2.25rem)}
.notice-card {background:#edf5f3;border-left:5px solid #c49a5a}
.cta {background:linear-gradient(115deg,#28575c,#477f83);padding:4.5rem 0}
.cta h2 {font-size:clamp(2rem,3.3vw,3rem)}
.page-hero {background:linear-gradient(115deg,#21484d,#356f73);padding:clamp(4.5rem,8vw,7rem) 0}
.page-hero h1 {letter-spacing:-.045em}
.page-hero .lead {color:#e3f1ee}
.footer {background:#17383d;padding-top:4.5rem}
.footer h2,.footer h3 {color:#fff}
.footer a {color:#f0d29a;text-underline-offset:3px}
.footer-bottom {border-top-color:#ffffff2b}
.small-muted {color:#52696a}
/* Inner-page Wednesday feature */
.wednesday-feature {background:#fff;border:1px solid #d9e9e6;border-radius:20px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow)}
.wednesday-feature img {max-width:100%;height:auto;border-radius:14px}
.wednesday-feature .btn {margin-top:.5rem}
/* All focusable elements have a clear keyboard focus state */
:where(a,button,input,textarea,select):focus-visible {outline:3px solid #c49a5a;outline-offset:4px}
@media(max-width:991px) {
 .hero {min-height:550px}
 .hero-shade {background:linear-gradient(90deg,rgba(13,43,46,.94),rgba(24,62,66,.68))}
 .navbar-collapse {padding:1rem 0 .3rem}
 .nav-link {margin:.12rem 0}
}
@media(max-width:767px) {
 .hero-content {padding-top:5.5rem;padding-bottom:5.5rem}
 .hero h1 {font-size:clamp(3rem,11vw,4.6rem)}
 .service-card {padding:1.6rem}
 .section {padding:4rem 0}
 .building-img {box-shadow:10px 10px 0 #d6e8e5}
 .footer {padding-top:3.5rem}
 .topline .container {gap:.3rem!important}
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after {scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* ===========================================================
   Content-sized announcement panels: Giving and Events
   Fix legacy .notice-card { height:100% } stretching.
   =========================================================== */
.notice-card {
    height: auto;
    min-height: 0;
    display: block;
}
.notice-card > :last-child {
    margin-bottom: 0;
}
@media (max-width: 575px) {
    .notice-card {
        padding: 1.5rem;
    }
}