/* ===================================================================== First Baptist Church Posey Crossroads — site-wide styles (new look) Paste into Appearance > Customize > Additional CSS (replaces the old CSS; the old CSS is backed up in backup_additional_css.css). Everything for page content is scoped under .fbc so it cannot leak into plugins, the editor, the calendar or other pages. ===================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap'); /* ===== 1. Design system + page sections (scoped to .fbc) ===== */ .fbc{--navy:#0f2a71; --navy-dark:#0a1d4f; --navy-tint:#e8edf7; --gold:#d4a03c; --gold-dark:#b8862a; --gold-tint:#fbf3e3; --ink:#1f2937; --muted:#5b6474; --line:#e3e8f0; --bg:#f7fafc; --white:#fff; --radius:12px; --shadow:0 10px 30px rgba(15,42,113,.08); --sec:96px; --wrap:1160px; --serif:'Playfair Display',Georgia,serif; --sans:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif;} .fbc,.fbc *{box-sizing:border-box} .fbc{margin:0;font-family:var(--sans);color:var(--ink);background:var(--white);font-size:17px;line-height:1.65} .fbc a{color:inherit;text-decoration:none} .fbc img{max-width:100%;display:block} .fbc .wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px} .fbc .ic{width:22px;height:22px;flex:0 0 auto} .fbc .btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--sans);padding:15px 26px;border-radius:8px;border:2px solid var(--gold);background:var(--gold);color:var(--navy-dark);letter-spacing:.01em;white-space:nowrap} .fbc .btn .ic{width:18px;height:18px} .fbc .btn.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)} .fbc .btn.outline.dark{color:var(--navy);border-color:var(--navy)} .fbc .btn.sm{padding:11px 18px;font-size:14px} .fbc .link{color:var(--navy);font-weight:600;display:inline-flex;align-items:center;gap:6px;font-size:15px} .fbc .link .ic{width:17px;height:17px;color:var(--gold-dark)} .fbc .hero{position:relative;background:var(--navy) center/cover no-repeat;color:#fff} .fbc .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,79,.92) 0%,rgba(15,42,113,.80) 55%,rgba(15,42,113,.55) 100%)} .fbc .hero .wrap{position:relative;padding-top:120px;padding-bottom:120px} .fbc .hero.page .wrap{padding-top:88px;padding-bottom:88px} .fbc .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)} .fbc .hero h1{font-family:var(--serif);font-weight:700;font-size:60px;line-height:1.08;margin:14px 0 18px;max-width:760px} .fbc .hero.page h1{font-size:50px} .fbc .hero p.lead{font-size:20px;line-height:1.55;color:#e3e9f6;max-width:620px;margin:0 0 30px} .fbc .hero .actions{display:flex;gap:14px;flex-wrap:wrap} .fbc .crumb{font-size:14px;color:#b9c4de;margin-top:26px} .fbc .crumb b{color:#fff;font-weight:500} .fbc .sec{padding:var(--sec) 0} .fbc .sec.alt{background:var(--bg)} .fbc .sec-head{max-width:680px;margin:0 0 48px} .fbc .sec-head.center{margin-left:auto;margin-right:auto;text-align:center} .fbc h2{font-family:var(--serif);font-weight:700;color:var(--navy);font-size:40px;line-height:1.15;margin:10px 0 14px} .fbc h3{font-family:var(--serif);font-weight:700;color:var(--navy);font-size:23px;line-height:1.25;margin:0 0 8px} .fbc .sec-head p,.fbc .muted{color:var(--muted)} .fbc .rule{width:56px;height:3px;background:var(--gold);border-radius:2px;margin:16px 0 0} .fbc .center .rule{margin-left:auto;margin-right:auto} .fbc .grid{display:grid;gap:28px} .fbc .g2{grid-template-columns:1fr 1fr} .fbc .g3{grid-template-columns:repeat(3,1fr)} .fbc .g4{grid-template-columns:repeat(4,1fr)} .fbc .split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center} .fbc .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;overflow:hidden} .fbc .card p{margin:0;color:var(--muted);font-size:16px} .fbc .card .badge{width:52px;height:52px;border-radius:50%;background:var(--navy-tint);color:var(--navy);display:flex;align-items:center;justify-content:center;margin-bottom:20px} .fbc .card .badge .ic{width:24px;height:24px} .fbc .card.media{padding:0} .fbc .card.media img{width:100%;aspect-ratio:16/9;object-fit:cover} .fbc .card.media .body{padding:28px 30px 30px} .fbc .card .link{margin-top:16px} .fbc .panel{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg opacity=%22.045%22%3E%3Cg transform=%22translate(14 14) scale(.32)%22%3E%3Cpath d=%22M44 4 H56 V38 H94 V50 H56 L63 96 H37 L44 50 H6 V38 H44 Z%22 fill=%22%23ffffff%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2212%22 height=%2212%22 fill=%22%23ffffff%22/%3E%3Crect x=%2249.2%22 y=%2258%22 width=%221.6%22 height=%226.0%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.95%22 y=%2269%22 width=%222.1%22 height=%227.2%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.7%22 y=%2280%22 width=%222.6%22 height=%228.4%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3C/g%3E%3Cg transform=%22translate(74 74) scale(.32)%22%3E%3Cpath d=%22M44 4 H56 V38 H94 V50 H56 L63 96 H37 L44 50 H6 V38 H44 Z%22 fill=%22%23ffffff%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2212%22 height=%2212%22 fill=%22%23ffffff%22/%3E%3Crect x=%2249.2%22 y=%2258%22 width=%221.6%22 height=%226.0%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.95%22 y=%2269%22 width=%222.1%22 height=%227.2%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.7%22 y=%2280%22 width=%222.6%22 height=%228.4%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat,linear-gradient(135deg,var(--navy) 0%,var(--navy-dark) 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden} .fbc .card.media .panel{aspect-ratio:16/9} .fbc .panel.tyg{background:radial-gradient(circle at 50% 50%,#12245a 0%,#081638 70%,#050d24 100%)} .fbc .card.media .panel.tyg img{width:auto;height:80%;aspect-ratio:auto;object-fit:contain} .fbc .tygband{margin:-32px -32px 24px;padding:26px 0;background:radial-gradient(circle at 50% 50%,#12245a 0%,#081638 70%,#050d24 100%);display:flex;justify-content:center} .fbc .tygband img{width:230px;height:auto} .fbc .panel .pic{width:76px;height:76px;border-radius:50%;background:rgba(212,160,60,.14);border:1.5px solid rgba(212,160,60,.55);display:flex;align-items:center;justify-content:center;margin-bottom:14px} .fbc .panel .pic .ic{width:36px;height:36px;color:var(--gold)} .fbc .panel .pl{font-family:var(--serif);font-weight:700;font-size:24px;color:#fff} .fbc .panel .ps{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-top:6px} .fbc .verse{border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 44px;text-align:left;align-items:flex-start;justify-content:flex-end;min-height:360px} .fbc .verse .qm{font-family:var(--serif);font-size:90px;line-height:.6;color:var(--gold);height:40px} .fbc .verse p{font-family:var(--serif);font-size:24px;line-height:1.45;color:#fff;margin:14px 0 18px} .fbc .verse cite{font-style:normal;color:var(--gold);font-weight:700;letter-spacing:.14em;font-size:13px;text-transform:uppercase} .fbc .card.findus{padding:0!important;overflow:hidden} .fbc .findus .map{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)} .fbc .findus .body{padding:26px 30px 30px} .fbc .photo{border-radius:var(--radius);box-shadow:var(--shadow);width:100%;object-fit:cover} .fbc .times{margin-top:-64px;position:relative;z-index:2} .fbc .times .card{display:grid;grid-template-columns:repeat(4,1fr);padding:0} .fbc .times .t{padding:28px 30px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:flex-start} .fbc .times .t:last-child{border-right:0} .fbc .times .t .ic{color:var(--gold-dark);margin-top:3px} .fbc .times .k{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)} .fbc .times .v{font-family:var(--serif);font-size:24px;color:var(--navy);font-weight:700;line-height:1.2} .fbc .times .s{font-size:14.5px;color:var(--muted)} .fbc .list-rows .row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px} .fbc .list-rows .row:last-child{border-bottom:0} .fbc .list-rows .row b{color:var(--navy);font-weight:600} .fbc .facts{display:grid;grid-template-columns:140px 1fr;gap:10px 18px;font-size:16px;margin:18px 0 26px} .fbc .facts dt{font-weight:600;color:var(--navy)} .fbc .facts dd{margin:0;color:var(--ink)} .fbc .pill{display:inline-block;background:var(--gold-tint);color:var(--gold-dark);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px} .fbc .quote{background:var(--navy);color:#fff;border-radius:var(--radius);padding:40px;box-shadow:var(--shadow)} .fbc .quote p{font-family:var(--serif);font-size:25px;line-height:1.4;margin:0 0 14px;color:#fff} .fbc .quote cite{font-style:normal;color:var(--gold);font-weight:700;letter-spacing:.14em;font-size:13px;text-transform:uppercase} .fbc .form label{display:block;font-size:14px;font-weight:600;color:var(--ink);margin:16px 0 6px} .fbc .form .f{border:1px solid #cfd7e3;border-radius:8px;height:48px;background:#fff} .fbc .form .f.ta{height:130px} .fbc .form .two{display:grid;grid-template-columns:1fr 1fr;gap:16px} .fbc .cta{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg opacity=%22.045%22%3E%3Cg transform=%22translate(14 14) scale(.32)%22%3E%3Cpath d=%22M44 4 H56 V38 H94 V50 H56 L63 96 H37 L44 50 H6 V38 H44 Z%22 fill=%22%23ffffff%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2212%22 height=%2212%22 fill=%22%23ffffff%22/%3E%3Crect x=%2249.2%22 y=%2258%22 width=%221.6%22 height=%226.0%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.95%22 y=%2269%22 width=%222.1%22 height=%227.2%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.7%22 y=%2280%22 width=%222.6%22 height=%228.4%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3C/g%3E%3Cg transform=%22translate(74 74) scale(.32)%22%3E%3Cpath d=%22M44 4 H56 V38 H94 V50 H56 L63 96 H37 L44 50 H6 V38 H44 Z%22 fill=%22%23ffffff%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2212%22 height=%2212%22 fill=%22%23ffffff%22/%3E%3Crect x=%2249.2%22 y=%2258%22 width=%221.6%22 height=%226.0%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.95%22 y=%2269%22 width=%222.1%22 height=%227.2%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.7%22 y=%2280%22 width=%222.6%22 height=%228.4%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat,linear-gradient(120deg,var(--navy) 0%,var(--navy-dark) 100%);color:#fff;border-top:4px solid var(--gold)} .fbc .cta .wrap{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:72px;padding-bottom:72px} .fbc .cta h2{color:#fff;margin:8px 0 6px;font-size:36px} .fbc .cta p{margin:0;color:#d5ddef;font-size:18px} .fbc .cta .actions{display:flex;gap:14px;flex-wrap:wrap} .fbc .card.stew{padding:0} .fbc .stewimg{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;margin-bottom:22px} .fbc .stew-body{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:40px!important;align-items:start} .fbc .stew-body .facts{background:var(--bg);border-radius:10px;padding:24px 26px!important} .fbc .card.hz{display:grid;grid-template-columns:5fr 6fr;max-width:820px} .fbc .card.hz img{height:100%;aspect-ratio:auto;object-fit:cover} @media (max-width:820px){.fbc{--sec:64px} .fbc{font-size:16px} .fbc .wrap{padding:0 20px} .fbc .hero .wrap{padding-top:72px;padding-bottom:80px} .fbc .hero.page .wrap{padding-top:56px;padding-bottom:56px} .fbc .hero h1{font-size:40px} .fbc .hero.page h1{font-size:36px} .fbc .hero p.lead{font-size:17px} .fbc .hero .actions .btn{flex:1 1 100%;justify-content:center} .fbc h2{font-size:30px} .fbc .cta h2{font-size:28px} .fbc .g2,.fbc .g3,.fbc .g4,.fbc .split{grid-template-columns:1fr} .fbc .split{gap:32px} .fbc .grid{gap:20px} .fbc .times{margin-top:-40px} .fbc .times .card{grid-template-columns:1fr 1fr} .fbc .times .t{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 16px;gap:10px} .fbc .times .t:nth-child(2n){border-right:0} .fbc .times .t:nth-child(n+3){border-bottom:0} .fbc .times .v{font-size:21px} .fbc .times .t .ic{width:18px;height:18px} .fbc .g4.feat{grid-template-columns:1fr 1fr;gap:14px} .fbc .g4.feat .card{padding:20px} .fbc .g4.feat .card .badge{width:44px;height:44px;margin-bottom:14px} .fbc .g4.feat h3{font-size:20px} .fbc .g4.feat p{font-size:14.5px} .fbc .card{padding:26px} .fbc .cta .wrap{flex-direction:column;align-items:flex-start;padding-top:56px;padding-bottom:56px} .fbc .cta .actions{width:100%} .fbc .cta .btn{flex:1 1 100%;justify-content:center} .fbc .facts{grid-template-columns:1fr;gap:2px} .fbc .facts dd{margin-bottom:10px} .fbc .form .two{grid-template-columns:1fr;gap:0} .fbc .quote{padding:30px} .fbc .quote p{font-size:21px} .fbc .sec-head{margin-bottom:32px} .fbc .order-m{order:-1} .fbc .verse{padding:32px 28px;min-height:0} .fbc .verse p{font-size:20px} .fbc .pastor{grid-template-columns:1fr!important} .fbc .pastor .photo{aspect-ratio:4/3!important;object-position:50% 30%} .fbc .bel .card{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start;padding:22px} .fbc .bel .badge{grid-row:1/3;width:44px;height:44px;margin:0} .fbc .bel h3{font-size:20px;margin:6px 0 4px} .fbc .bel p{font-size:15px} .fbc .bel{gap:14px} .fbc .stew-body{display:flex!important;flex-direction:column;gap:0;padding:24px!important} .fbc .stew-body>div{display:contents} .fbc .stewimg{order:0} .fbc .stew-body .o1{order:1} .fbc .stew-body .o2{order:2;font-size:26px!important} .fbc .stew-body .o3{order:3;margin:8px 0 20px!important} .fbc .stew-body .o4{order:4} .fbc .stew-body .o5{order:5} .fbc .stew-body .o6{order:6} .fbc .card.hz{grid-template-columns:1fr} .fbc .card.hz img{aspect-ratio:16/9} .fbc .times .card{grid-template-columns:1fr!important} .fbc .times .t{border-right:0!important;border-bottom:1px solid var(--line)!important;padding:14px 18px!important;align-items:center} .fbc .times .t:last-child{border-bottom:0!important} .fbc .times .tx{flex:1;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center} .fbc .times .k{grid-column:1;grid-row:1;font-size:11.5px} .fbc .times .s{grid-column:1;grid-row:2} .fbc .times .v{grid-column:2;grid-row:1/3;font-size:20px!important;text-align:right} .fbc .times .tx .link{grid-column:1/-1;grid-row:3;margin-top:2px!important} .fbc .times .loc .tx{display:block} .fbc .times .loc .v{text-align:left;font-size:18px!important} .fbc .times .loc{align-items:flex-start}} .fbc .slider{position:relative;color:#fff;background:var(--navy-dark);overflow:hidden;padding-bottom:104px} .fbc .slider .bgs,.fbc .slider .bg{position:absolute;inset:0} .fbc .slider .bg{background:center/cover no-repeat;opacity:0;transition:opacity .9s ease} .fbc .slider .bg.on{opacity:1} .fbc .slider .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,79,.94) 0%,rgba(15,42,113,.82) 52%,rgba(15,42,113,.55) 100%)} .fbc .slider .bg.dark:after{background:linear-gradient(90deg,rgba(10,29,79,.95) 0%,rgba(8,22,60,.9) 55%,rgba(5,13,36,.88) 100%)} .fbc .slider .bg.pat{background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22 viewBox=%220 0 120 120%22%3E%3Cg opacity=%22.045%22%3E%3Cg transform=%22translate(14 14) scale(.32)%22%3E%3Cpath d=%22M44 4 H56 V38 H94 V50 H56 L63 96 H37 L44 50 H6 V38 H44 Z%22 fill=%22%23ffffff%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2212%22 height=%2212%22 fill=%22%23ffffff%22/%3E%3Crect x=%2249.2%22 y=%2258%22 width=%221.6%22 height=%226.0%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.95%22 y=%2269%22 width=%222.1%22 height=%227.2%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.7%22 y=%2280%22 width=%222.6%22 height=%228.4%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3C/g%3E%3Cg transform=%22translate(74 74) scale(.32)%22%3E%3Cpath d=%22M44 4 H56 V38 H94 V50 H56 L63 96 H37 L44 50 H6 V38 H44 Z%22 fill=%22%23ffffff%22/%3E%3Crect x=%2244%22 y=%2238%22 width=%2212%22 height=%2212%22 fill=%22%23ffffff%22/%3E%3Crect x=%2249.2%22 y=%2258%22 width=%221.6%22 height=%226.0%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.95%22 y=%2269%22 width=%222.1%22 height=%227.2%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3Crect x=%2248.7%22 y=%2280%22 width=%222.6%22 height=%228.4%22 rx=%22.8%22 fill=%22%23ffffff%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat,linear-gradient(120deg,#123387 0%,var(--navy-dark) 100%)} .fbc .slider .bg.pat:after{background:radial-gradient(ellipse at 85% 40%,rgba(212,160,60,.16),transparent 60%)} .fbc .slider .stage{position:relative;display:grid;padding-top:104px} .fbc .slider .slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s .9s;display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center} .fbc .slider .slide.on{opacity:1;visibility:visible;transition:opacity .9s ease} .fbc .slider .slide h1{font-family:var(--serif);font-weight:700;font-size:60px;line-height:1.08;margin:14px 0 18px;max-width:760px;color:#fff} .fbc .slider .slide p.lead{font-size:20px;line-height:1.55;color:#e3e9f6;max-width:620px;margin:0 0 30px} .fbc .slider .slide .actions{display:flex;gap:14px;flex-wrap:wrap} .fbc .slider .art{width:380px} .fbc .slider .art img{width:100%;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.35);border:4px solid rgba(255,255,255,.9)} .fbc .slider .art.tyg{width:400px} .fbc .slider .art.tyg img{border:0;box-shadow:none;border-radius:0;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))} .fbc .slider .datecard{width:300px;background:#fff;color:var(--navy);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:center} .fbc .slider .datecard .m{background:var(--gold);color:var(--navy-dark);font-weight:700;letter-spacing:.24em;font-size:15px;padding:12px 0} .fbc .slider .datecard .d{font-family:var(--serif);font-weight:700;font-size:96px;line-height:1;padding:22px 0 4px} .fbc .slider .datecard .w{font-weight:600;font-size:17px;color:var(--ink)} .fbc .slider .datecard .t{color:var(--muted);font-size:15px;padding:4px 0 24px} .fbc .slider .tabsw{position:relative;margin-top:56px} .fbc .slider .tabs{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:10px} .fbc .slider .tab{all:unset;cursor:pointer;display:block;padding:14px 16px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);transition:background .2s,border-color .2s;position:relative;overflow:hidden;min-height:44px;box-sizing:border-box} .fbc .slider .tab:hover{background:rgba(255,255,255,.14)} .fbc .slider .tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px} .fbc .slider .tab .l{display:block;font-weight:600;font-size:16px;color:#fff;margin-top:0} .fbc .slider .tab .s{display:block;font-size:13px;color:#b9c5e2;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fbc .slider .tab .bar{position:absolute;left:0;right:0;top:0;height:4px;background:rgba(255,255,255,.12)} .fbc .slider .tab .bar i{display:block;height:100%;width:0;background:var(--gold)} .fbc .slider .tab.on{background:#fff;border-color:#fff} .fbc .slider .tab.on .l{color:var(--navy)} .fbc .slider .tab.on .s{color:var(--muted)} .fbc .slider .tab.on .bar{background:var(--gold-tint)} .fbc .slider .tab.on .bar i{animation:sl-prog var(--dur,5s) linear forwards} .fbc .slider.paused .tab.on .bar i{animation-play-state:paused} .fbc .slider.static .tab.on .bar i{animation:none;width:var(--frozen,100%)} @keyframes sl-prog{from{width:0}to{width:100%}} .fbc .slider .arrow{all:unset;cursor:pointer;position:absolute;top:calc(50% - 60px);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;z-index:3;transition:background .2s} .fbc .slider .arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--navy-dark)} .fbc .slider .arrow:focus-visible{outline:3px solid var(--gold);outline-offset:2px} .fbc .slider .arrow .ic{width:24px;height:24px} .fbc .slider .arrow.prev{left:24px} .fbc .slider .arrow.prev .ic{transform:rotate(180deg)} .fbc .slider .arrow.next{right:24px} .fbc .slider .count{display:none} .fbc .slider .tab .ls{display:none} @media (prefers-reduced-motion:reduce){.fbc .slider .bg,.fbc .slider .slide{transition:none} .fbc .slider .tab.on .bar i{animation:none;width:100%}} @media (max-width:1300px){.fbc .slider .arrow.prev{left:8px} .fbc .slider .arrow.next{right:8px}} @media (max-width:820px){.fbc .slider{padding-bottom:80px} .fbc .slider .stage{padding-top:60px} .fbc .slider .slide{grid-template-columns:1fr;gap:0;align-items:start} .fbc .slider .art{display:none} .fbc .slider .datecard{order:-1;width:84px;border-radius:12px;margin:0 0 14px;box-shadow:0 10px 30px rgba(0,0,0,.35)} .fbc .slider .datecard .m{font-size:10.5px;letter-spacing:.14em;padding:6px 0} .fbc .slider .datecard .d{font-size:38px;padding:8px 0 2px} .fbc .slider .datecard .w{font-size:11.5px} .fbc .slider .datecard .t{display:none} .fbc .slider .datecard .w{padding-bottom:8px} .fbc .slider .art.tyg{display:block;order:-1;width:120px;margin:0 0 6px -6px} .fbc .slider .slide h1{font-size:38px} .fbc .slider .slide p.lead{font-size:17px;margin-bottom:24px} .fbc .slider .slide .actions .btn{flex:1 1 100%;justify-content:center} .fbc .slider .tabsw{margin-top:32px} .fbc .slider .tabs{gap:6px} .fbc .slider .tab{padding:12px 4px 10px;text-align:center;min-height:52px} .fbc .slider .tab .s{display:none} .fbc .slider .tab .l{font-size:12.5px;margin:0} .fbc .slider .tab .lf{display:none} .fbc .slider .tab .ls{display:inline} .fbc .slider .arrow{top:auto;bottom:auto;width:40px;height:40px} .fbc .slider .arrows-m{position:absolute;top:14px;right:20px;display:flex;gap:8px;z-index:3} .fbc .slider .arrows-m .arrow{position:static} .fbc .slider .count{display:none}} @media (min-width:821px){.fbc .slider .arrows-m{display:contents}} /* ===== 2. Neutralise Kadence/theme defaults inside .fbc ===== */ .entry-content > .fbc{background:#fff} .entry-content .fbc a,.fbc a{color:inherit;text-decoration:none} .entry-content .fbc a.btn,.fbc a.btn{color:#fff} .entry-content .fbc a.btn.outline.dark{color:var(--navy)} .fbc p{margin:0 0 1em}.fbc p:last-child{margin-bottom:0} .fbc h1,.fbc h2,.fbc h3,.fbc h4{margin-top:0;font-family:var(--serif);line-height:1.2} .fbc .hero h1,.fbc .slider h1,.fbc .cta h2,.fbc .panel h2,.fbc .panel h3{color:#fff} .fbc .eyebrow,.fbc .pill,.fbc .btn,.fbc .link,.fbc .tab,.fbc .crumb{font-family:var(--sans)} .fbc img{height:auto}.fbc img.photo,.fbc .media>img,.fbc img.stewimg{height:auto} .fbc ul,.fbc ol{margin:0;padding:0} .fbc button{box-shadow:none;text-transform:none;letter-spacing:normal} .fbc .findus iframe.map{border:0;height:auto;min-height:260px} .fbc .sec{margin:0} /* Kadence content wrappers: no gaps above/below the full-width sections */ .content-title-style-hide .entry-hero,.page .entry-hero.page-hero-section{display:none} body.page .content-area:has(.fbc){margin-top:0;margin-bottom:0} body.page .entry-content-wrap:has(.fbc){padding:0} body.page .entry-content:has(> .fbc){margin:0} body.page .entry-content > .fbc{max-width:none;margin:0} body.page article.entry:has(.fbc){box-shadow:none;border-radius:0;background:transparent} .site-main:has(.fbc) .entry-footer,.site-main:has(.fbc) .post-navigation{display:none} /* ===== 3. Fluent Form (#5 on Contact) in the new style ===== */ .fbc .fluentform .ff-el-group{margin-bottom:16px} .fbc .fluentform .ff-el-input--label label{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);margin:0 0 6px;display:inline-block} .fbc .fluentform .ff-el-is-required.asterisk-right label:after{color:var(--gold-dark)} .fbc .fluentform .ff-el-form-control{width:100%;font:16px/1.4 var(--sans);color:var(--ink);background:#fff;border:1px solid #cfd7e3;border-radius:8px;padding:12px 14px;min-height:48px;box-shadow:none;transition:border-color .2s,box-shadow .2s} .fbc .fluentform textarea.ff-el-form-control{min-height:130px;resize:vertical} .fbc .fluentform .ff-el-form-control:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-tint);outline:0} .fbc form.fluent_form_5 .ff-btn-submit:not(.ff_btn_no_style),.fbc .fluentform .ff-btn-submit{background:var(--gold)!important;color:#fff!important;border:0;border-radius:999px;padding:14px 28px;font:600 16px/1 var(--sans);cursor:pointer;box-shadow:0 8px 20px rgba(212,160,60,.28);margin-top:6px} .fbc .fluentform .ff-btn-submit:hover{background:var(--gold-dark)!important} .fbc .ff-message-success{border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;background:var(--gold-tint);padding:16px 18px;box-shadow:none} .fbc .fluentform .error{color:#b42318;font-size:13px;margin-top:4px} /* ===== 4. Kadence header & footer in the new look (works with the Customizer settings in header_footer.md) ===== */ :root{--fbc-navy:#0f2a71;--fbc-navy-dark:#0a1d4f;--fbc-gold:#d4a03c;--fbc-gold-dark:#b8862a} #masthead{font-family:'Inter',system-ui,-apple-system,Segoe UI,Arial,sans-serif} #masthead .site-top-header-wrap{background:var(--fbc-navy-dark);color:#cdd6ea;font-size:13.5px} #masthead .site-main-header-wrap{background:#fff;border-bottom:1px solid #e3e8f0} #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a{color:#1f2937;font-weight:500;font-size:15.5px} #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover, #masthead .main-navigation .primary-menu-container > ul > li.current-menu-item > a, #masthead .main-navigation .primary-menu-container > ul > li.current-menu-ancestor > a{color:var(--fbc-navy)} #masthead .header-navigation-style-underline .header-menu-container > ul > li > a:after{background:var(--fbc-gold);height:2px} #masthead .header-button-wrap .header-button,#mobile-drawer .mobile-header-button-wrap .button,#masthead .mobile-header-button-wrap .button{background:var(--fbc-gold);border:0;color:#fff;border-radius:999px;font-weight:600;padding:10px 22px;box-shadow:0 8px 20px rgba(212,160,60,.28)} #masthead .header-button-wrap .header-button:hover,#mobile-drawer .mobile-header-button-wrap .button:hover{background:var(--fbc-gold-dark);color:#fff} #masthead .header-button-wrap .header-button:before{content:"";width:16px;height:16px;display:inline-block;vertical-align:-3px;margin-right:7px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E") center/contain no-repeat} #masthead .header-social-wrap .social-button{color:#cdd6ea;background:transparent;border:0} #masthead .header-social-wrap .social-button:hover{color:var(--fbc-gold)} #masthead .menu-toggle-open,#masthead .menu-toggle-open:hover{color:var(--fbc-navy)} #mobile-drawer .drawer-inner{background:var(--fbc-navy-dark)} #mobile-drawer .mobile-navigation ul li > a{color:#fff;font-family:'Inter',sans-serif;font-weight:500} #mobile-drawer .mobile-navigation ul li.current-menu-item > a{color:var(--fbc-gold)} .fbc-top{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;font-size:13.5px;color:#cdd6ea;line-height:1.4} .fbc-top a{color:#cdd6ea;text-decoration:none}.fbc-top a:hover{color:#fff} .fbc-top span{display:inline-flex;align-items:center;gap:7px} .fbc-i:before{content:"";width:15px;height:15px;flex:0 0 auto;display:inline-block;background:var(--fbc-gold);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat} .fbc-i.clock{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 6v6l4 2%22/%3E%3C/svg%3E")}.fbc-i.pin{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E")}.fbc-i.phone{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E")}.fbc-i.mail{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%224%22 width=%2220%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22m22 7-10 6L2 7%22/%3E%3C/svg%3E")}.fbc-i.fb{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z%22/%3E%3C/svg%3E")}.fbc-i.yt{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 17a24 24 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.6 49.6 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24 24 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.6 49.6 0 0 1-16.2 0A2 2 0 0 1 2.5 17%22/%3E%3Cpath d=%22m10 15 5-3-5-3z%22/%3E%3C/svg%3E")} /* footer */ #colophon .site-middle-footer-wrap,#colophon .site-top-footer-wrap{background:var(--fbc-navy-dark);color:#b9c4dd} #colophon .site-bottom-footer-wrap{background:var(--fbc-navy-dark);color:#8f9bb8;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px} #colophon .site-bottom-footer-wrap a{color:#b9c4dd} .fbc-foot{font-family:'Inter',system-ui,sans-serif;font-size:15px;line-height:1.7;color:#b9c4dd} .fbc-foot h4{font-family:'Inter',sans-serif;color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-weight:700} .fbc-foot p{margin:0 0 10px} .fbc-foot a{color:#b9c4dd;text-decoration:none}.fbc-foot a:hover{color:var(--fbc-gold)} .fbc-foot .fbc-foot-logo{display:block;height:auto;width:240px;max-width:100%;margin:0 0 18px} .fbc-foot .row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)} .fbc-foot .row b{color:#fff;font-weight:600} .fbc-foot .links a{display:block;padding:3px 0} .fbc-foot .soc{display:flex;flex-direction:column;gap:10px} .fbc-foot .soc a,.fbc-foot .cnt span{display:inline-flex;align-items:center;gap:9px} .fbc-foot .soc .fbc-i:before{width:18px;height:18px} /* ===== 5. Kept from the previous Additional CSS (Events Calendar, AWANA registration, AWANA mobile button) — recoloured to the new navy ===== */ body.page-id-653, body.page-id-653 .site, body.page-id-653 .site-content, body.page-id-653 .content-bg, body.page-id-653 .entry-content { background-color: #ffffff !important; } .awana-mobile-button { animation: awanaMobilePulse 1.8s ease-in-out infinite; position: relative; } @keyframes awanaMobilePulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); } 50% { transform: scale(1.05); box-shadow: 0 0 20px 6px rgba(255, 0, 0, 0.6); } } .tribe-events-widget-events-list__header-title { font-family: inherit; font-size: 26px !important; font-weight: 700 !important; color: #0a1d4f !important; } .tribe-events-widget-events-list { background: #ffffff !important; border-radius: 12px !important; padding: 28px 28px 24px !important; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.10) !important; } .tribe-events-widget-events-list__header { margin: 0 0 28px !important; padding: 0 !important; } .tribe-events-widget-events-list__header-title { margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 26px !important; font-weight: 700 !important; line-height: 1.2 !important; color: #0a1d4f !important; } .tribe-events-widget-events-list__events { margin: 0 !important; padding: 0 !important; } .tribe-events-widget-events-list__event-row { display: flex !important; align-items: center !important; width: 100% !important; margin: 0 0 24px !important; padding: 0 !important; border: none !important; } .tribe-events-widget-events-list__event-date-tag { flex: 0 0 76px !important; width: 76px !important; min-width: 76px !important; height: 76px !important; margin: 0 18px 0 0 !important; padding: 0 !important; border-radius: 8px !important; background: #0f2a71 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .tribe-events-widget-events-list__event-date-tag-datetime { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .tribe-events-widget-events-list__event-date-tag-month { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; color: #ffffff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.1 !important; text-transform: uppercase !important; } .tribe-events-widget-events-list__event-date-tag-daynum { display: block !important; width: 100% !important; margin: 2px 0 0 !important; padding: 0 !important; text-align: center !important; color: #ffffff !important; font-size: 28px !important; font-weight: 700 !important; line-height: 1 !important; } .tribe-events-widget-events-list__event-date-tag time { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .tribe-events-widget-events-list__event-wrapper { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .tribe-events-widget-events-list__event-title { margin: 0 0 5px !important; padding: 0 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; } .tribe-events-widget-events-list__event-title a { color: #111111 !important; text-decoration: none !important; } .tribe-events-widget-events-list__event-datetime { margin: 0 !important; padding: 0 !important; color: #555F70 !important; font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; } .tribe-events-widget-events-list__event-row:last-child { margin-bottom: 8px !important; } .tribe-events-widget-events-list__view-more { display: block !important; width: 100% !important; margin: 14px 0 0 !important; padding: 11px 15px !important; box-sizing: border-box !important; border: 2px solid #0f2a71 !important; border-radius: 6px !important; background: #ffffff !important; color: #0f2a71 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-transform: uppercase !important; text-decoration: none !important; transition: all 0.2s ease !important; } .tribe-events-widget-events-list__view-more:hover { background: #0f2a71 !important; color: #ffffff !important; } .tribe-events-widget-events-list__event-row, .tribe-events-widget-events-list__event-details, .tribe-events-widget-events-list__event-wrapper { border: none !important; } @media (max-width: 767px) { .tribe-events-widget-events-list { padding: 24px 20px 20px !important; } .tribe-events-widget-events-list__header-title { font-size: 24px !important; } .tribe-events-widget-events-list__event-date-tag { flex: 0 0 68px !important; width: 68px !important; min-width: 68px !important; height: 68px !important; margin-right: 14px !important; } .tribe-events-widget-events-list__event-date-tag-month { font-size: 12px !important; } .tribe-events-widget-events-list__event-date-tag-daynum { font-size: 25px !important; } .tribe-events-widget-events-list__event-title { font-size: 16px !important; } .tribe-events-widget-events-list__event-datetime { font-size: 13px !important; } } .tribe-events-view { border-radius: 12px !important; overflow: hidden !important; } .tribe-events-calendar-month { background: #ffffff !important; border-radius: 10px !important; overflow: hidden !important; } .tribe-events-c-top-bar { padding: 8px 14px 18px !important; } .tribe-events-c-top-bar__datepicker-button { font-size: 27px !important; font-weight: 600 !important; color: #0a1d4f !important; } .tribe-events-c-top-bar__nav-link { width: 40px !important; height: 40px !important; border-radius: 50% !important; transition: all 0.2s ease !important; } .tribe-events-c-top-bar__nav-link:hover { background: #eef4ff !important; } .tribe-events-c-top-bar__today-button { border: 1px solid #d5dce8 !important; border-radius: 6px !important; background: #ffffff !important; color: #0f2a71 !important; font-size: 13px !important; font-weight: 600 !important; padding: 9px 15px !important; transition: all 0.2s ease !important; } .tribe-events-c-top-bar__today-button:hover { background: #0f2a71 !important; border-color: #0f2a71 !important; color: #ffffff !important; } .tribe-events-calendar-month__header-column { background: #f7f9fc !important; border-bottom: 1px solid #e3e8ef !important; } .tribe-events-calendar-month__header-column-title { color: #0a1d4f !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; } .tribe-events-calendar-month__day { background: #ffffff !important; border-color: #e7ebf1 !important; transition: background 0.2s ease !important; } .tribe-events-calendar-month__day:hover { background: #f7faff !important; } .tribe-events-calendar-month__day-date { color: #4f5968 !important; font-size: 16px !important; font-weight: 600 !important; } .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date { color: #aeb5c0 !important; } .tribe-events-calendar-month__day--today { background: #f5f8ff !important; } .tribe-events-calendar-month__day--today .tribe-events-calendar-month__day-date { color: #0f2a71 !important; font-weight: 800 !important; } .tribe-events-calendar-month__calendar-event { border-radius: 5px !important; margin: 3px 5px !important; overflow: hidden !important; } .tribe-events-calendar-month__calendar-event-title { font-size: 12px !important; font-weight: 600 !important; } .tribe-events-calendar-month__calendar-event-datetime { font-size: 11px !important; } .tribe-events-view { box-shadow: 0 8px 24px rgba(18, 59, 120, 0.08) !important; } @media (max-width: 767px) { .tribe-events-view { border-radius: 12px !important; box-shadow: 0 6px 18px rgba(18, 59, 120, 0.08) !important; overflow: hidden !important; background: #ffffff !important; } .tribe-events-c-top-bar { padding: 12px 14px 16px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } .tribe-events-c-top-bar__datepicker-button { font-size: 20px !important; font-weight: 700 !important; color: #0a1d4f !important; } .tribe-events-c-top-bar__nav-link { width: 36px !important; height: 36px !important; border-radius: 50% !important; } .tribe-events-c-top-bar__nav-link:hover { background: #eef4ff !important; } .tribe-events-c-top-bar__today-button { padding: 7px 11px !important; font-size: 11px !important; border-radius: 6px !important; } .tribe-events-calendar-month__header-column { background: #f7f9fc !important; border-bottom: 1px solid #e3e8ef !important; } .tribe-events-calendar-month__header-column-title { font-size: 10px !important; font-weight: 700 !important; color: #0a1d4f !important; letter-spacing: 0.3px !important; } .tribe-events-calendar-month__day { min-height: 75px !important; background: #ffffff !important; border-color: #e7ebf1 !important; } .tribe-events-calendar-month__day-date { font-size: 13px !important; font-weight: 600 !important; color: #4f5968 !important; padding: 6px !important; } .tribe-events-calendar-month__day--today { background: #f4f8ff !important; } .tribe-events-calendar-month__day--today .tribe-events-calendar-month__day-date { color: #0f2a71 !important; font-weight: 800 !important; } .tribe-events-calendar-month__calendar-event { margin: 2px 3px !important; border-radius: 4px !important; } .tribe-events-calendar-month__calendar-event-title { font-size: 10px !important; line-height: 1.2 !important; font-weight: 600 !important; } .tribe-events-calendar-month__calendar-event-datetime { font-size: 9px !important; } .tribe-events-calendar-month { border-radius: 10px !important; overflow: hidden !important; background: #ffffff !important; } } @media (min-width: 768px) { .tribe-events-view--month .tribe-events-calendar-month__calendar-event-details { display: flex !important; flex-direction: column !important; } .tribe-events-view--month .tribe-events-calendar-month__calendar-event-title { order: 1 !important; margin: 0 0 3px 0 !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 600 !important; } .tribe-events-view--month .tribe-events-calendar-month__calendar-event-datetime { order: 2 !important; margin: 0 !important; font-size: 12px !important; line-height: 1.2 !important; color: #666 !important; } } @media (min-width: 768px) { .tribe-events-calendar-month__week { display: grid !important; grid-template-columns: repeat(7, 1fr) !important; height: auto !important; min-height: 0 !important; } .tribe-events-calendar-month__day { aspect-ratio: 1 / 1 !important; height: auto !important; min-height: 0 !important; max-height: none !important; } .tribe-events-calendar-month__calendar-event-details { display: flex !important; flex-direction: column !important; } .tribe-events-calendar-month__calendar-event-title { order: 1 !important; margin: 0 0 4px 0 !important; font-size: 14px !important; line-height: 1.25 !important; font-weight: 700 !important; } .tribe-events-calendar-month__calendar-event-datetime { order: 2 !important; margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.2 !important; white-space: nowrap !important; color: #666 !important; } .tribe-events-calendar-month__calendar-event { margin: 0 0 8px 0 !important; padding: 0 !important; } .tribe-events-calendar-month__calendar-event-datetime svg { display: none !important; } .tribe-events-calendar-month__day-date { padding: 10px 12px 5px !important; } .tribe-events-calendar-month__day-date-daynum { font-size: 16px !important; font-weight: 600 !important; } .tribe-events-calendar-month__calendar-event-details { padding: 0 10px 10px !important; } } /* Hide dropdown arrow on desktop nav (submenu still opens on hover) */ .main-navigation .primary-menu-container > ul > li.menu-item-has-children > a .dropdown-nav-toggle, .header-navigation .menu-item-has-children > a .dropdown-nav-special-toggle, .header-navigation .menu-item-has-children > a .dropdown-nav-toggle{display:none!important} /* Open desktop submenus on hover (theme is set to click-to-open) */ .header-navigation.click-to-open li.menu-item-has-children:hover>ul.sub-menu, .header-navigation.click-to-open li.menu-item-has-children:focus-within>ul.sub-menu{display:block!important} /* Mobile polish: keep row labels and slider tab labels from breaking mid-word */ .fbc .list-rows .row>span{flex-shrink:0} .fbc .list-rows .row>b{text-align:right} @media (max-width:600px){.fbc .slider .tabs{gap:6px}.fbc .slider .tab{padding:12px 4px;text-align:center}.fbc .slider .tab .l{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}} /* Sticky header: replace old blue gradient so header stays white while scrolling (fixes flicker) */ #masthead{background:#fff!important} #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap), #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start):not(.site-top-header-wrap) > .site-header-row-container-inner{background:#fff!important} #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start){box-shadow:0 2px 12px rgba(10,29,79,.08)} /* Remove leftover arrow space so desktop menu items are evenly spaced */ #site-navigation .primary-menu-container > ul > li > a .nav-drop-title-wrap{padding-right:0!important} /* Events Calendar pages: light background, full-width hero, white card */ body{background:#f5f7fb!important} .fbc.fbc-cal-hero{width:100vw!important;max-width:none!important;position:relative;left:50%;transform:translateX(-50%);margin:0 0 40px!important} body.tribe-events-page-template #wrapper{overflow-x:clip} body.tribe-events-page-template .content-area,body.tribe-events-page-template #primary{margin-top:0!important} body.tribe-events-page-template .tribe-events-before-html{margin:0!important;padding:0!important} body.tribe-events-page-template .tribe-common-l-container.tribe-events-l-container{background:#fff;border:1px solid #e3e8f0;border-radius:14px;box-shadow:0 10px 30px rgba(10,29,79,.06);padding:32px 36px 40px!important;margin-bottom:64px} body.tribe-events-page-template .tribe-events-c-events-bar{border-radius:10px} .tribe-events .tribe-events-calendar-list__month-separator-text,.tribe-events .tribe-events-calendar-list__event-date-tag-weekday{color:#0f2a71} .tribe-events .tribe-events-calendar-list__event-title a,.tribe-events .tribe-events-calendar-list__event-title-link{color:#0f2a71!important;font-family:'Playfair Display',Georgia,serif} .tribe-events .tribe-events-calendar-list__event-datetime{color:#b8862a} .tribe-events .tribe-events-calendar-list__event-description{color:#4b5563} .tribe-events .tribe-events-c-search__button,.tribe-events button.tribe-events-c-search__button{background:#d4a03c!important;color:#fff!important;border-radius:999px!important} .tribe-events .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link:after{background:#d4a03c} .tribe-events .tribe-events-c-subscribe-dropdown__button{border-color:#0f2a71!important;color:#0f2a71!important;border-radius:999px!important} @media (max-width:767px){.fbc-cal-hero{margin-bottom:24px}body.tribe-events-page-template .tribe-common-l-container.tribe-events-l-container{padding:18px 16px 28px!important;border-radius:12px;margin:0 0 40px}} body.tribe-events-page-template .tribe-common.tribe-events{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important} body.tribe-events-page-template .tribe-events-view,body.tribe-events-page-template .content-container,body.tribe-events-page-template .content-area{overflow:visible!important} /* Event photos in list view (desktop only) */ .tribe-events .tribe-events-calendar-list__event-featured-image{border-radius:12px;aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:0 8px 20px rgba(10,29,79,.10)} @media (max-width:767px){.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper{display:none!important}} .tribe-events .tribe-events-calendar-month__day-cell--selected,.tribe-events .tribe-events-calendar-month__day-cell--selected:hover,.tribe-events .tribe-events-calendar-month__day-cell--selected:focus{background-color:#fbf1dc!important;box-shadow:inset 0 0 0 2px #d4a03c!important;border-radius:8px} .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date,.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{color:#0f2a71!important;font-weight:700} .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event{background-color:#0f2a71!important} .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link{color:#b8862a!important;font-weight:700} .tribe-events-calendar-month-mobile-events__mobile-day{scroll-margin-top:260px} .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title,.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title a{color:#0f2a71!important;font-family:'Playfair Display',serif} .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime{color:#b8862a!important} @media (min-width:768px){ .tribe-events .tribe-events-calendar-list__event{display:flex!important;align-items:flex-start;gap:32px} .tribe-events .tribe-events-calendar-list__event>.tribe-events-calendar-list__event-details{flex:1 1 auto;min-width:0} .tribe-events .tribe-events-calendar-list__event:has(a[href*="/church-calendar/brotherhood-breakfast"])::after{content:"";flex:0 0 300px;aspect-ratio:16/10;border-radius:12px;background:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-card.jpg) center/cover;box-shadow:0 6px 18px rgba(15,42,113,.15)} } .tribe-events .tribe-events-calendar-list__event:has(.tribe-events-calendar-list__event-featured-image-wrapper)::after{display:none!important} @media (min-width:768px){ .tribe-events .tribe-events-calendar-list__event{flex-wrap:nowrap!important} .tribe-events .tribe-events-calendar-list__event>.tribe-events-calendar-list__event-featured-image-wrapper{flex:0 0 300px!important;width:300px!important;max-width:300px!important;order:5;padding:0!important;margin:0!important} .tribe-events .tribe-events-calendar-list__event-featured-image-wrapper .tribe-events-calendar-list__event-featured-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px} } /* ===== Events page: Upcoming Events list (go-live, layered on cal/s2/ph/ffix) ===== */ /* 1. Hide events bar, datepicker, view selector, nav, subscribe (keep TEC notices) */ .tribe-events .tribe-events-header>:not(.tribe-events-header__messages),.tribe-events .tribe-events-c-events-bar,.tribe-events .tribe-events-c-top-bar,.tribe-events .tribe-events-c-subscribe-dropdown__container,.tribe-events .tribe-events-c-ical,.tribe-events .tribe-events-c-nav__list-item--prev,.tribe-events .tribe-events-c-nav__list-item--today{display:none!important} .tribe-events .tribe-events-header{padding:0!important;margin:0!important;min-height:0!important;border:0!important} /* bottom nav only shows if there really is a next page */ .tribe-events .tribe-events-calendar-list-nav:not(:has(a.tribe-events-c-nav__next)){display:none!important} .tribe-events .tribe-events-calendar-list-nav{border:0!important;max-width:960px;margin:0 auto!important} .tribe-events .tribe-events-c-nav__next{color:#0f2a71!important;font-weight:700} /* 2. List wrapper */ .tribe-events .tribe-events-calendar-list{max-width:960px;width:100%;margin:0 auto!important;padding:0!important;list-style:none;font-family:Inter,system-ui,sans-serif;box-sizing:border-box} .tribe-events .tribe-events-calendar-list::after{content:"Showing the next two months of events. Check back for more as they're added.";display:block;text-align:center;color:#6b7280;font-size:14px;margin:34px 0 0;font-family:Inter,system-ui,sans-serif} /* 3. Month headings */ .tribe-events .tribe-events-calendar-list__month-separator{display:flex!important;align-items:center;gap:18px;margin:8px 0 22px!important;padding:0!important;border:0!important} .tribe-events .tribe-events-calendar-list__event-row+.tribe-events-calendar-list__month-separator{margin-top:44px!important} .tribe-events .tribe-events-calendar-list__month-separator h3{margin:0!important;padding:0!important;flex:0 0 auto} .tribe-events .tribe-events-calendar-list__month-separator::after{content:""!important;display:block!important;flex:1;height:2px;background:linear-gradient(90deg,#d4a03c,rgba(212,160,60,0))!important;border:0!important;margin:0!important} .tribe-events .tribe-events-calendar-list__month-separator-text{font-family:'Playfair Display',Georgia,serif!important;color:#0f2a71!important;font-size:30px!important;font-weight:700!important;line-height:1.2!important;background:none!important;padding:0!important;letter-spacing:0!important;text-transform:none!important} /* 4. Card = the event row (grid: image | badge | text) */ .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row{display:grid!important;grid-template-columns:320px 108px minmax(0,1fr);align-items:start;position:relative;background:#fff;border:1px solid #e3e8f0;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(10,29,79,.06);margin:0 0 24px!important;padding:0!important;transition:transform .2s,box-shadow .2s;max-width:none!important;width:100%;box-sizing:border-box} .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(10,29,79,.12)} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-wrapper,.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event,.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-header{display:contents!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event::after{display:none!important;content:none!important} /* image (native featured image, or Brotherhood Breakfast fallback on the row) */ .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-featured-image-wrapper{display:block!important;grid-column:1;grid-row:1/span 2;align-self:stretch;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:0!important;order:0!important;min-height:200px} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-featured-image{display:block;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;border-radius:0!important;box-shadow:none!important;margin:0!important} .tribe-events .tribe-events-calendar-list__event-row:has(a[href*="/church-calendar/brotherhood-breakfast"]):not(:has(.tribe-events-calendar-list__event-featured-image-wrapper))::before{content:"";display:block;grid-column:1;grid-row:1/span 2;align-self:stretch;min-height:200px;background:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg) center/cover} /* rows with no image at all: drop the image column */ .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:not(:has(.tribe-events-calendar-list__event-featured-image-wrapper)):not(:has(a[href*="/church-calendar/brotherhood-breakfast"])){grid-template-columns:0 108px minmax(0,1fr)} /* date badge */ .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag{grid-column:2;grid-row:1;width:64px!important;max-width:none!important;flex:none!important;margin:24px 0 24px 22px!important;padding:0!important;min-width:0!important} .tribe-events .tribe-events-calendar-list__event-date-tag-datetime{display:flex!important;flex-direction:column;align-items:center;text-align:center;background:#fbf1dc;border-radius:10px;padding:8px 0 9px!important;border-top:4px solid #d4a03c;width:100%;box-sizing:border-box;height:auto!important} .tribe-events .tribe-events-calendar-list__event-date-tag-weekday,.tribe-events .tribe-events-calendar-list__event-date-tag-datetime::after{display:block;font-family:Inter,system-ui,sans-serif!important;font-size:12px!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:#b8862a!important;line-height:1.1!important;margin:0!important} .tribe-events .tribe-events-calendar-list__event-date-tag-daynum{display:block;font-family:'Playfair Display',Georgia,serif!important;font-size:30px!important;font-weight:700!important;color:#0f2a71!important;line-height:1.1!important;margin:2px 0!important} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-01-"]::after{content:"Jan"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-02-"]::after{content:"Feb"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-03-"]::after{content:"Mar"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-04-"]::after{content:"Apr"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-05-"]::after{content:"May"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-06-"]::after{content:"Jun"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-07-"]::after{content:"Jul"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-08-"]::after{content:"Aug"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-09-"]::after{content:"Sep"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-10-"]::after{content:"Oct"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-11-"]::after{content:"Nov"} .tribe-events-calendar-list__event-date-tag-datetime[datetime*="-12-"]::after{content:"Dec"} /* text column */ .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-details{grid-column:3;grid-row:1/span 2;display:block!important;width:auto!important;max-width:none!important;flex:none!important;margin:0!important;padding:24px 28px 24px 0!important;min-width:0} .tribe-events .tribe-events-calendar-list__event-title{margin:0 0 6px!important;font-family:'Playfair Display',Georgia,serif!important;font-size:25px!important;line-height:1.2!important;font-weight:700!important} .tribe-events .tribe-events-calendar-list__event-title a,.tribe-events .tribe-events-calendar-list__event-title-link{color:#0f2a71!important;text-decoration:none!important;border:0!important;font-family:'Playfair Display',Georgia,serif!important} /* whole card clickable via the title link */ .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-title-link::before{content:"";position:absolute;inset:0;z-index:1} .tribe-events .tribe-events-calendar-list__event-row:hover .tribe-events-calendar-list__event-title-link{color:#0a1d4f!important} .tribe-events .tribe-events-calendar-list__event-datetime-wrapper{display:flex!important;align-items:center;gap:6px;margin:0 0 10px!important;color:#b8862a!important;font-family:Inter,system-ui,sans-serif!important;font-weight:600!important;font-size:15px!important;line-height:1.4!important} .tribe-events .tribe-events-calendar-list__event-datetime-wrapper::before{content:"";flex:0 0 15px;width:15px;height:15px;background:#b8862a;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat} .tribe-events .tribe-events-calendar-list__event-datetime{color:#b8862a!important;font-weight:600!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-series-archive__container,.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-venue,.tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-cost{display:none!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description{display:block!important;visibility:visible!important;position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;margin:0 0 12px!important;padding:0!important;white-space:normal!important;color:#4b5563!important;font-family:Inter,system-ui,sans-serif!important;font-size:15.5px!important;line-height:1.6!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description p{margin:0!important;color:inherit!important;font-size:inherit!important;line-height:inherit!important;visibility:visible!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-details::after{content:"Event details \2192";display:inline-block;color:#0f2a71;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:14.5px;border-bottom:2px solid #d4a03c;padding-bottom:1px;line-height:1.3} /* 5. Phone: image on top, badge + text below */ @media (max-width:767px){ html body.tribe-events-page-template .tribe-common .tribe-common-l-container.tribe-events-l-container{padding:20px 12px 28px!important} .tribe-events .tribe-events-calendar-list__month-separator-text{font-size:24px!important} .tribe-events .tribe-events-calendar-list__month-separator{margin-bottom:16px!important} .tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row,.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-row:not(:has(.tribe-events-calendar-list__event-featured-image-wrapper)):not(:has(a[href*="/church-calendar/brotherhood-breakfast"])){grid-template-columns:84px minmax(0,1fr)} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-featured-image-wrapper,.tribe-events .tribe-events-calendar-list__event-row:has(a[href*="/church-calendar/brotherhood-breakfast"]):not(:has(.tribe-events-calendar-list__event-featured-image-wrapper))::before{grid-column:1/-1;grid-row:1;aspect-ratio:16/10;min-height:0;height:auto} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-featured-image{aspect-ratio:16/10!important;height:auto!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-date-tag{grid-column:1;grid-row:2;width:54px!important;margin:18px 0 18px 16px!important} .tribe-events .tribe-events-calendar-list__event-date-tag-daynum{font-size:24px!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-details{grid-column:2;grid-row:2;padding:18px 18px 20px 2px!important} .tribe-events .tribe-events-calendar-list__event-title{font-size:21px!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description{font-size:15px!important} .tribe-events .tribe-events-calendar-list__event-row .tribe-events-calendar-list__event-description p{-webkit-line-clamp:5} } /* ===== end Upcoming Events list ===== */ /* Brotherhood Breakfast image fix for iPhone Safari */ .tribe-events .tribe-events-calendar-list__event-row:has(a[href*="/church-calendar/brotherhood-breakfast"]):not(:has(.tribe-events-calendar-list__event-featured-image-wrapper))::before{width:100%;min-height:200px;height:100%;justify-self:stretch} @media (max-width:767px){ .tribe-events .tribe-events-calendar-list__event-row:has(a[href*="/church-calendar/brotherhood-breakfast"]):not(:has(.tribe-events-calendar-list__event-featured-image-wrapper))::before{width:100%;height:0!important;min-height:0!important;padding-top:62.5%;aspect-ratio:auto!important} } /* === Home slider: upcoming events (framed event card + date card) === */ .fbc .slider.events .bg.ev{background-position:right center} .fbc .slider.events .bg.ev:after{background:linear-gradient(90deg,rgba(10,29,79,.97) 0%,rgba(10,29,79,.93) 42%,rgba(15,42,113,.80) 70%,rgba(15,42,113,.70) 100%)} .fbc .slider .slide.ev{grid-template-columns:1fr auto;gap:56px} .fbc .slider .slide.ev h1{font-size:54px} .fbc .slider .evcard{position:relative;width:440px;margin:0 0 30px 50px} .fbc .slider .evcard .poster{display:block;border-radius:16px;overflow:hidden;border:5px solid #fff;box-shadow:0 24px 60px rgba(0,0,0,.4);background:#fbf1dc;line-height:0} .fbc .slider .evcard .poster img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;max-width:none} .fbc .slider .evcard .datecard{position:absolute;left:-52px;bottom:-34px;width:150px;border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.42)} .fbc .slider .evcard .datecard .m{font-size:12px;letter-spacing:.2em;padding:8px 0} .fbc .slider .evcard .datecard .d{font-size:56px;padding:12px 0 2px} .fbc .slider .evcard .datecard .w{font-size:14px} .fbc .slider .evcard .datecard .t{font-size:12.5px;padding:3px 6px 14px} @media (max-width:1100px){.fbc .slider .evcard{width:380px} .fbc .slider .slide.ev h1{font-size:50px}} @media (max-width:820px){.fbc .slider .slide.ev{grid-template-columns:1fr;gap:0} .fbc .slider .evcard{order:-1;width:auto;margin:0 0 30px} .fbc .slider .evcard .poster{border-width:4px;border-radius:12px} .fbc .slider .evcard .datecard{left:auto;right:12px;bottom:-20px;width:84px;border-radius:12px;margin:0} .fbc .slider .evcard .datecard .m{font-size:10.5px;letter-spacing:.14em;padding:6px 0} .fbc .slider .evcard .datecard .d{font-size:38px;padding:8px 0 2px} .fbc .slider .evcard .datecard .w{font-size:11.5px;padding-bottom:8px} .fbc .slider .evcard .datecard .t{display:none} .fbc .slider .slide.ev h1{font-size:34px;margin-top:10px} /* 4 tabs on phones */ .fbc .slider.events .tabs{gap:5px} .fbc .slider.events .tab{padding:12px 2px 10px} .fbc .slider.events .tab .l{font-size:11.5px;letter-spacing:-.01em;white-space:nowrap} .fbc .slider.events .bg.ev:after{background:linear-gradient(180deg,rgba(10,29,79,.86) 0%,rgba(10,29,79,.95) 45%,rgba(10,29,79,.97) 100%)}} /* ===== Event detail pages: event image card (FBC) ===== Matches the 32px/24px inner padding of .entry-content-wrap. Explicit width + padding-top (16:10) instead of aspect-ratio so iPhone Safari never collapses the pseudo-element. flow-root stops the image's top margin collapsing out of the white card. To add a new event: copy one postid line in both blocks below and change the id + image. */ body.single-tribe_events #tribe-events-content{display:flow-root} body.single-tribe_events.postid-1217 #tribe-events-content::before, body.single-tribe_events.postid-1232 #tribe-events-content::before, body.single-tribe_events.postid-1223 #tribe-events-content::before, body.single-tribe_events.postid-10000006 #tribe-events-content::before, body.single-tribe_events.postid-10000007 #tribe-events-content::before, body.single-tribe_events.postid-10000008 #tribe-events-content::before{content:"";display:block;box-sizing:border-box;width:calc(100% - 64px);max-width:760px;height:0;padding:calc((100% - 64px) * .625) 0 0 0;margin:32px auto 0;background-color:#fbf1dc;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:14px;box-shadow:0 0 0 1px rgba(15,42,113,.08),0 14px 34px -12px rgba(10,29,79,.32)} body.single-tribe_events #tribe-events-content:has(.tribe-events-series-relationship-single-marker a[href*="/series/brotherhood-breakfast/"])::before{content:"";display:block;box-sizing:border-box;width:calc(100% - 64px);max-width:760px;height:0;padding:calc((100% - 64px) * .625) 0 0 0;margin:32px auto 0;background-color:#fbf1dc;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:14px;box-shadow:0 0 0 1px rgba(15,42,113,.08),0 14px 34px -12px rgba(10,29,79,.32)} body.single-tribe_events.postid-1217 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/fall-festival-v2-card.jpg)} body.single-tribe_events.postid-1232 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/thanksgiving-minimal-card.jpg)} body.single-tribe_events.postid-1223 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/ladies-tea-minimal-card.jpg)} body.single-tribe_events.postid-10000006 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} body.single-tribe_events.postid-10000007 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} body.single-tribe_events.postid-10000008 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} /* any Brotherhood Breakfast date, including future occurrences with new ids */ body.single-tribe_events #tribe-events-content:has(.tribe-events-series-relationship-single-marker a[href*="/series/brotherhood-breakfast/"])::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} @media (max-width:767px){ body.single-tribe_events.postid-1217 #tribe-events-content::before, body.single-tribe_events.postid-1232 #tribe-events-content::before, body.single-tribe_events.postid-1223 #tribe-events-content::before, body.single-tribe_events.postid-10000006 #tribe-events-content::before, body.single-tribe_events.postid-10000007 #tribe-events-content::before, body.single-tribe_events.postid-10000008 #tribe-events-content::before{width:calc(100% - 48px);padding-top:calc((100% - 48px) * .625);margin-top:24px;border-radius:12px} body.single-tribe_events #tribe-events-content:has(.tribe-events-series-relationship-single-marker a[href*="/series/brotherhood-breakfast/"])::before{width:calc(100% - 48px);padding-top:calc((100% - 48px) * .625);margin-top:24px;border-radius:12px} } /* hide the old Brotherhood Breakfast banner in the event description (now a duplicate) */ body.single-tribe_events #tribe-events-content figure.kb-image1046_910a5f-0b{display:none} /* ===== end event detail image ===== */ /* ===== Event detail pages: event image card (FBC) ===== Matches the 32px/24px inner padding of .entry-content-wrap. Explicit width + padding-top (16:10) instead of aspect-ratio so iPhone Safari never collapses the pseudo-element. flow-root stops the image's top margin collapsing out of the white card. To add a new event: copy one postid line in both blocks below and change the id + image. */ body.single-tribe_events #tribe-events-content{display:flow-root} body.single-tribe_events.postid-1217 #tribe-events-content::before, body.single-tribe_events.postid-1232 #tribe-events-content::before, body.single-tribe_events.postid-1223 #tribe-events-content::before, body.single-tribe_events.postid-10000006 #tribe-events-content::before, body.single-tribe_events.postid-10000007 #tribe-events-content::before, body.single-tribe_events.postid-10000008 #tribe-events-content::before{content:"";display:block;box-sizing:border-box;width:calc(100% - 64px);max-width:760px;height:0;padding:calc((100% - 64px) * .625) 0 0 0;margin:32px auto 0;background-color:#fbf1dc;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:14px;box-shadow:0 0 0 1px rgba(15,42,113,.08),0 14px 34px -12px rgba(10,29,79,.32)} body.single-tribe_events #tribe-events-content:has(.tribe-events-series-relationship-single-marker a[href*="/series/brotherhood-breakfast/"])::before{content:"";display:block;box-sizing:border-box;width:calc(100% - 64px);max-width:760px;height:0;padding:calc((100% - 64px) * .625) 0 0 0;margin:32px auto 0;background-color:#fbf1dc;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:14px;box-shadow:0 0 0 1px rgba(15,42,113,.08),0 14px 34px -12px rgba(10,29,79,.32)} body.single-tribe_events.postid-1217 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/fall-festival-v2-card.jpg)} body.single-tribe_events.postid-1232 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/thanksgiving-minimal-card.jpg)} body.single-tribe_events.postid-1223 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/ladies-tea-minimal-card.jpg)} body.single-tribe_events.postid-10000006 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} body.single-tribe_events.postid-10000007 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} body.single-tribe_events.postid-10000008 #tribe-events-content::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} /* any Brotherhood Breakfast date, including future occurrences with new ids */ body.single-tribe_events #tribe-events-content:has(.tribe-events-series-relationship-single-marker a[href*="/series/brotherhood-breakfast/"])::before{background-image:url(https://fbcposeycrossroads.com/wp-content/uploads/2026/10/breakfast-v2-card-1.jpg)} @media (max-width:767px){ body.single-tribe_events.postid-1217 #tribe-events-content::before, body.single-tribe_events.postid-1232 #tribe-events-content::before, body.single-tribe_events.postid-1223 #tribe-events-content::before, body.single-tribe_events.postid-10000006 #tribe-events-content::before, body.single-tribe_events.postid-10000007 #tribe-events-content::before, body.single-tribe_events.postid-10000008 #tribe-events-content::before{width:calc(100% - 48px);padding-top:calc((100% - 48px) * .625);margin-top:24px;border-radius:12px} body.single-tribe_events #tribe-events-content:has(.tribe-events-series-relationship-single-marker a[href*="/series/brotherhood-breakfast/"])::before{width:calc(100% - 48px);padding-top:calc((100% - 48px) * .625);margin-top:24px;border-radius:12px} } /* hide the old Brotherhood Breakfast banner in the event description (now a duplicate) */ body.single-tribe_events #tribe-events-content figure.kb-image1046_910a5f-0b{display:none} /* ===== end event detail image ===== *//* === Home slider v2: Camp Stew slide (deadline date card) + 5 tabs on phones === */ .fbc .slider .evcard .datecard.dl .m{letter-spacing:.16em} @media (max-width:820px){.fbc .slider .evcard .datecard.dl{width:92px} .fbc .slider .evcard .datecard.dl .w{padding-bottom:2px} .fbc .slider .evcard .datecard.dl .t{display:block;font-size:9.5px;font-weight:600;color:var(--gold-dark);padding:0 2px 7px;line-height:1.2} .fbc .slider.events .tabs{gap:4px} .fbc .slider.events .tab{padding:12px 1px 10px} .fbc .slider.events .tab .l{font-size:10px;letter-spacing:-.03em}} @media (max-width:360px){.fbc .slider.events .tab .l{font-size:9px}} /* === Home service-times card: 5 items (AWANA added) + grade lines === */ .fbc .times .s.g{font-size:13px;color:var(--gold-dark);font-weight:600;line-height:1.35} .fbc .times .s a{color:inherit;text-decoration:none} .fbc .times .s a:hover{color:var(--navy);text-decoration:underline} @media (min-width:821px){.fbc .times.t5 .card{grid-template-columns:repeat(5,1fr)} .fbc .times.t5 .t{padding:26px 20px;gap:12px} .fbc .times.t5 .v{font-size:22px} .fbc .times.t5 .loc .v{font-size:17px!important}} @media (min-width:821px) and (max-width:1100px){.fbc .times.t5 .card{grid-template-columns:repeat(6,1fr)} .fbc .times.t5 .t{grid-column:span 2;border-bottom:1px solid var(--line)} .fbc .times.t5 .t:nth-child(3){border-right:0} .fbc .times.t5 .t:nth-child(n+4){grid-column:span 3;border-bottom:0}} @media (max-width:820px){.fbc .times.t5 .s.g{grid-column:1;grid-row:3;font-size:12.5px}} /* === Slider date cards: smaller, tucked into the bottom-left corner so they don't cover the event image === */ .fbc .slider .evcard .datecard{left:-78px;bottom:-62px;width:108px;border-radius:12px} .fbc .slider .evcard .datecard .m{font-size:10.5px;letter-spacing:.16em;padding:6px 0} .fbc .slider .evcard .datecard .d{font-size:40px;padding:8px 0 0} .fbc .slider .evcard .datecard .w{font-size:12px} .fbc .slider .evcard .datecard .t{font-size:10.5px;padding:2px 4px 9px} @media (max-width:820px){.fbc .slider .evcard{margin-bottom:56px} .fbc .slider .evcard .datecard{left:auto;right:6px;bottom:-46px;width:68px;border-radius:10px} .fbc .slider .evcard .datecard.dl{width:78px} .fbc .slider .evcard .datecard .m{font-size:9px;letter-spacing:.12em;padding:4px 0} .fbc .slider .evcard .datecard .d{font-size:30px;padding:5px 0 1px} .fbc .slider .evcard .datecard .w{font-size:10px;padding-bottom:5px} .fbc .slider .evcard .datecard.dl .w{padding-bottom:1px} .fbc .slider .evcard .datecard.dl .t{font-size:8.5px;padding:0 2px 5px}}