/*
Theme Name: Westside Baptist Church 2.0
Author: Westside custom design
Description: Fully editable WordPress block theme with responsive layouts and native Pastor's Blog.
Version: 2.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: westside-v2
*/
:root{--ws-navy:#082c51;--ws-green:#368c47}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{text-underline-offset:3px}img{max-width:100%;height:auto}.wp-site-blocks{overflow:hidden}.ws-header{box-shadow:0 2px 18px #082c511b;position:relative;z-index:20}.ws-header .wp-block-site-logo img{width:clamp(104px,12vw,190px);height:auto}.ws-header .wp-block-navigation{font-size:clamp(.75rem,.9vw,.9rem);font-weight:700}.ws-header .wp-block-navigation-item__content{text-decoration:none}.ws-header .wp-block-social-links{gap:10px}.ws-header .wp-block-social-link{border-radius:50%}.ws-hero{min-height:clamp(470px,46vw,640px);display:flex;align-items:center}.ws-hero .wp-block-cover__inner-container{width:100%}.ws-hero .ws-hero-text{max-width:580px}.ws-hero h1{font-size:clamp(2.1rem,4.2vw,4.1rem);line-height:1.1}.ws-hero .wp-block-site-logo img{width:clamp(205px,27vw,380px)}.ws-section{padding-block:clamp(42px,6vw,90px)}.ws-card{border:1px solid #e1e8ed;border-radius:12px;padding:clamp(20px,2.5vw,34px);height:100%;background:white}.ws-cards>.wp-block-column{display:flex;flex-direction:column}.ws-cards .ws-card{flex:1}.ws-rounded img{border-radius:12px}.ws-button .wp-block-button__link{font-weight:700;border-radius:6px}.ws-footer a{color:inherit}.ws-banner{padding-block:clamp(48px,6vw,92px)}.ws-content{padding-block:clamp(36px,5vw,75px);min-height:38vh}.ws-blog-list .wp-block-post{border-bottom:1px solid #e1e8ed;padding-bottom:24px}.wp-block-post-featured-image img{border-radius:8px} .ws-kicker{letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:700}.ws-contact-form label{display:block;font-weight:bold;margin-top:14px}.ws-contact-form input,.ws-contact-form textarea{display:block;width:100%;padding:12px;border:1px solid #bacbd6;border-radius:6px;max-width:700px;font:inherit}.ws-contact-form button{padding:12px 24px;background:#368c47;color:#fff;border:0;border-radius:6px;margin-top:18px;cursor:pointer}.ws-social-label{font-size:.8rem;font-weight:700;white-space:nowrap}.wp-block-navigation__responsive-container.is-menu-open{padding:24px!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:18px}
@media(max-width:1024px){.ws-header>.wp-block-group{gap:12px}.ws-header .wp-block-site-logo img{width:120px}.ws-cards{gap:14px!important}.ws-hero{min-height:490px}.ws-section{padding-block:55px}}
@media(max-width:781px){.ws-section{padding-block:44px}.ws-cards{gap:18px!important}.ws-cards>.wp-block-column{flex-basis:100%!important}.ws-hero{min-height:540px}.ws-hero h1{font-size:clamp(2.05rem,6vw,3.2rem)}.ws-header .wp-block-navigation{font-size:.95rem}.ws-footer .wp-block-columns{gap:20px}}
@media(max-width:600px){.ws-header .wp-block-site-logo img{width:90px}.ws-header .wp-block-group{gap:8px}.ws-header .wp-block-social-links{gap:5px}.ws-header .wp-block-social-link{font-size:18px}.ws-social-label{display:none}.ws-hero{min-height:660px;align-items:end}.ws-hero .wp-block-cover__background{opacity:.8!important}.ws-hero .wp-block-cover__inner-container{padding-block:24px}.ws-hero h1{font-size:clamp(2rem,9vw,2.8rem)}.ws-hero .wp-block-site-logo img{width:205px}.wp-block-buttons{gap:10px}.wp-block-button{width:100%}.wp-block-button__link{width:100%;text-align:center}.ws-banner{padding-block:48px}.ws-card{padding:22px}}

/* V2.1 reference-inspired white, navy and gold presentation */
:root{--ws-gold:#edb633;--ws-navy:#052c55}
.ws-header-v21{position:relative;z-index:30;padding:0 22px;background:#fff!important}
.ws-header-row{gap:clamp(10px,1.8vw,25px);min-height:76px}
.ws-header-v21 .wp-block-site-logo{flex-shrink:0}
.ws-header-v21 .wp-block-site-logo img{width:clamp(125px,14vw,205px)}
.ws-header-v21 .wp-block-navigation{flex:1;font-size:clamp(.7rem,.79vw,.85rem);text-transform:uppercase;letter-spacing:.025em}
.ws-header-v21 .wp-block-navigation__container{column-gap:clamp(7px,1.3vw,23px)}
.ws-social-editable{display:flex;align-items:center;gap:9px;white-space:nowrap}
.ws-social-icon{color:var(--ws-navy);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d6e0ea;border-radius:50%;transition:background .18s,color .18s}
.ws-social-icon:hover,.ws-social-icon:focus-visible{background:var(--ws-navy);color:white}
.ws-nav-action{flex-shrink:0}
.ws-cta .wp-block-button__link{background:var(--ws-gold);color:#082542;border-radius:5px;text-decoration:none;font-size:.85rem;font-weight:800;text-transform:uppercase;padding:13px 20px}
.ws-cta-secondary .wp-block-button__link{background:var(--ws-navy);color:white}
.ws-home-hero{position:relative;isolation:isolate;padding:28px 4vw 36px;min-height:550px}
.ws-home-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 25%,rgba(255,255,255,.15) 56%,transparent 80%);z-index:1;pointer-events:none}
.ws-home-hero .wp-block-cover__inner-container{position:relative;z-index:2;max-width:1320px;margin-inline:auto}
.ws-home-hero-inner{max-width:440px;margin-left:0!important}
.ws-home-hero .ws-hero-logo img{max-width:clamp(210px,25vw,330px);height:auto}
.ws-home-hero h1{font-family:Georgia,serif;color:var(--ws-navy);font-size:clamp(2.1rem,3.1vw,3.35rem);line-height:1.08;margin:10px 0 12px}
.ws-home-hero .ws-hero-eyebrow{font-size:.88rem;letter-spacing:.15em;font-weight:800;color:var(--ws-navy)}
.ws-home-hero .wp-block-cover__image-background{object-position:center center!important}
.ws-home-features{padding:24px;max-width:1380px;margin:auto}
.ws-feature-columns{text-align:center;gap:8px}
.ws-feature-columns>.wp-block-column{border-right:1px solid #e0e6ed;padding:0 14px}
.ws-feature-columns>.wp-block-column:last-child{border-right:0}
.ws-feature-columns h2{font-family:Arial,sans-serif;font-size:2rem;color:var(--ws-navy);margin:0 0 4px}
.ws-feature-columns h3{font-family:Georgia,serif;font-size:1.13rem;margin:0 0 6px}
.ws-feature-columns p{font-size:.88rem;color:#4b5764;margin:0}
.ws-home-welcome,.ws-home-staff-watch,.ws-home-visit{max-width:1380px;margin:auto;padding:26px 20px}
.ws-welcome-columns{align-items:stretch;gap:24px}
.ws-welcome-columns>.wp-block-column:first-child{flex-basis:24%}
.ws-welcome-columns>.wp-block-column:nth-child(2){flex-basis:46%}
.ws-welcome-columns>.wp-block-column:nth-child(3){flex-basis:30%;background:#eef5fa;padding:25px}
.ws-welcome-columns h2,.ws-feature-bottom h2,.ws-visit-columns h2{font-size:clamp(1.65rem,2.5vw,2.6rem);margin:4px 0 12px}
.ws-kicker{color:#bf870f;font-weight:800;letter-spacing:.13em;font-size:.8rem;text-transform:uppercase}
.ws-bible-image,.ws-bible-image img{height:100%;min-height:260px;width:100%;object-fit:cover}
.ws-home-staff-watch{background:#f7f7f5;max-width:none}
.ws-feature-bottom{max-width:1320px;margin:auto}
.ws-feature-bottom>.wp-block-column{padding:20px}
.ws-feature-bottom>.wp-block-column:last-child{background:var(--ws-navy);border-radius:5px}
.ws-feature-bottom>.wp-block-column:last-child h2,.ws-feature-bottom>.wp-block-column:last-child p{color:white}
.ws-home-give{background:var(--ws-navy);color:white;padding:12px 4vw}
.ws-home-give>.wp-block-columns{max-width:1300px;margin:auto;align-items:center}
.ws-home-give h2,.ws-home-give p{color:white}
.ws-giving-columns>.wp-block-column:first-child{flex-basis:23%}
.ws-giving-columns>.wp-block-column:nth-child(2){flex-basis:57%}
.ws-giving-columns>.wp-block-column:last-child{flex-basis:20%}
.ws-sprout-image img{width:100%;max-height:130px;object-fit:cover}
.ws-home-visit{padding-block:25px}
.ws-cta-row{gap:10px}
@media(max-width:1100px){.ws-header-v21 .wp-block-navigation{font-size:.7rem}.ws-header-row{flex-wrap:wrap!important;justify-content:center!important;padding:8px 0}.ws-header-v21 .wp-block-navigation{order:3;flex-basis:100%;justify-content:center}.ws-nav-action{margin-left:auto}.ws-home-hero{min-height:500px}}
@media(max-width:781px){.ws-header-row{flex-wrap:nowrap!important}.ws-header-v21 .wp-block-navigation{order:initial;flex-basis:auto;justify-content:end}.ws-nav-action{display:none}.ws-welcome-columns>.wp-block-column,.ws-feature-bottom>.wp-block-column,.ws-giving-columns>.wp-block-column{flex-basis:100%!important}.ws-bible-image img{max-height:300px}.ws-feature-columns{flex-wrap:wrap!important}.ws-feature-columns>.wp-block-column{flex-basis:calc(50% - 15px)!important;padding:15px;border-right:0}.ws-home-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.8) 42%,rgba(255,255,255,.2) 100%)}}
@media(max-width:600px){.ws-header-v21{padding:0 12px}.ws-header-row{gap:9px;min-height:66px}.ws-header-v21 .wp-block-site-logo img{width:125px}.ws-social-icon{width:31px;height:31px}.ws-home-hero{min-height:510px!important;padding:25px 16px}.ws-home-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 60%,rgba(255,255,255,.4))}.ws-home-hero .ws-hero-logo img{max-width:235px}.ws-home-hero h1{font-size:clamp(1.9rem,8vw,2.75rem)}.ws-home-hero .ws-hero-eyebrow{font-size:.73rem}.ws-feature-columns>.wp-block-column{flex-basis:100%!important;border-bottom:1px solid #e0e6ed}.ws-home-welcome,.ws-home-staff-watch,.ws-home-visit{padding:20px 15px}.ws-welcome-columns>.wp-block-column:nth-child(3){padding:18px}.ws-home-give{padding:24px 18px}.ws-feature-bottom>.wp-block-column{padding:15px}.ws-home-hero .wp-block-button{width:100%}}