/*
Theme Name: FCNI — My Religion
Template: my-religion
Version: 1.0.0
Description: FCNI homepage built as a My Religion child theme.
*/
body.fcni-site{margin:0;background:white;color:#0b203c}
.fcni-site *{box-sizing:border-box}.fcni-site .fcni{font:16px/1.65 Arial,sans-serif;color:#0b203c}.fcni h1,.fcni h2,.fcni h3,.fcni p{margin:0}.fcni a{color:inherit;text-decoration:none}.fcni button{font:inherit;cursor:pointer}.fcni h2,.fcni h3{font-family:Georgia,serif;font-weight:bold}.fcni .hero{height:min(760px,75vw);min-height:620px;position:relative;background:linear-gradient(180deg,rgba(6,23,45,.83),rgba(0,10,18,.25) 28%,rgba(0,10,18,.7)),var(--hero) center 55%/cover;color:white}.fcni .header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 4%;position:relative;z-index:3}.fcni .brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.fcni .logo{display:block;width:135px;height:55px;overflow:hidden;background:white;border-radius:3px;position:relative}.fcni .logo img{position:absolute;width:169px;max-width:none;height:auto;left:-17px;top:-20px}.fcni .brand span:not(.logo){font-size:12px;line-height:1.25;font-weight:bold;max-width:105px}.fcni nav{display:flex;align-items:center;gap:25px}.fcni nav a{font-size:12px;font-weight:bold;letter-spacing:.04em}.fcni nav a:hover{text-decoration:underline;text-underline-offset:6px}.fcni .pill{background:white;color:#0b203c;border-radius:30px;padding:13px 22px}.fcni .hero-copy{position:absolute;top:51%;left:50%;transform:translate(-50%,-40%);width:min(90%,900px);text-align:center}.fcni .eyebrow{font-weight:bold;letter-spacing:.06em;font-size:15px;margin-bottom:20px}.fcni h1{font-family:'Oswald','Arial Narrow',sans-serif;font-size:clamp(44px,5.3vw,72px);line-height:1.13;font-weight:600;color:white;letter-spacing:-.02em}.fcni .intro{max-width:540px;margin:25px auto 32px;font-size:17px;line-height:1.75}.fcni .actions{display:flex;justify-content:center;gap:24px}.fcni .btn{display:inline-block;padding:15px 26px;border:1px solid currentColor;border-radius:10px;font-size:12px;font-weight:bold;letter-spacing:.05em;text-align:center;transition:transform .2s}.fcni .btn:hover{transform:translateY(-3px)}.fcni .btn.light{background:white;color:#0b203c;border-color:white}.fcni .btn.dark{background:#071d3c;color:white;border-color:#071d3c;padding:12px 28px}.fcni .tiles{display:grid;grid-template-columns:repeat(4,1fr)}.fcni .tile{background:#071e41;color:white;text-align:center;padding:55px 12px 45px;min-height:275px}.fcni .tile:nth-child(2){background:#a72c25}.fcni .tile:nth-child(3){background:#df3e2b}.fcni .tile:nth-child(4){background:#ed971c}.fcni .tile svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.3;margin-bottom:19px}.fcni .tile h2{color:white;font-size:27px;line-height:1.2;margin:0 0 22px}.fcni .tile small{font-size:12px;font-weight:bold}.fcni .churches{padding:55px 3% 45px;max-width:1400px;margin:auto}.fcni .section-title{text-align:center;font-size:36px;line-height:1.2;margin:0 0 32px}.fcni .section-title:after{content:'';display:block;width:75px;height:3px;background:#b33128;margin:19px auto 0}.fcni .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fcni .card{box-shadow:0 1px 7px #0002;border:1px solid #eee;display:flex;flex-direction:column;text-align:center;background:white}.fcni .card>img{width:100%;height:290px;object-fit:cover;display:block}.fcni .card-body{padding:24px 22px 30px;display:flex;flex:1;flex-direction:column;align-items:center}.fcni .card h3{font-size:25px;line-height:1.2;margin-bottom:20px;min-height:60px}.fcni .card p{font-size:16px;line-height:1.55;margin-bottom:26px;max-width:300px}.fcni .card .btn{margin-top:auto}.fcni .banner{min-height:280px;display:grid;place-items:center;text-align:center;background:linear-gradient(#04122599,#04122599),var(--night) center 58%/cover;color:white;padding:40px 25px}.fcni .banner h2{font-size:clamp(23px,3vw,38px);color:white;line-height:1.4}.fcni footer{padding:35px 5% 25px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.6fr 1fr;gap:28px;max-width:1450px;margin:auto}.fcni footer h3{font:bold 13px Arial,sans-serif;letter-spacing:.05em;margin:10px 0 20px}.fcni footer a{display:block;font-size:14px;line-height:1.9}.fcni footer a:hover{text-decoration:underline}.fcni footer .brand{display:block}.fcni footer .brand p{font-size:12px;line-height:1.5;margin:12px 0}.fcni .copyright{font-size:12px;text-align:center;border-top:1px solid #eee;padding:15px;color:#596576}.fcni .menu-toggle{display:none;background:transparent;color:white;border:1px solid #ffffff80;padding:7px 12px;border-radius:4px}.fcni dialog{border:0;border-radius:10px;padding:35px;max-width:550px;width:90%;color:#0b203c;box-shadow:0 15px 70px #0004}.fcni dialog::backdrop{background:#05162bcc}.fcni dialog h2{font-size:30px;line-height:1.2;margin:0 30px 20px 0}.fcni dialog p{margin:0 0 18px}.fcni dialog .close{float:right;border:0;background:none;font-size:28px;color:#0b203c}.fcni a:focus-visible,.fcni button:focus-visible{outline:3px solid #39b9c4;outline-offset:5px}.fcni .skip{position:absolute;left:12px;top:-100px;background:white;padding:10px;z-index:10}.fcni .skip:focus{top:8px}
@media(max-width:1100px){.fcni .header{gap:15px}.fcni nav{gap:14px}.fcni .brand span:not(.logo){display:none}.fcni .tile h2{font-size:23px}.fcni .card>img{height:240px}}
@media(max-width:760px){.fcni .hero{min-height:650px;height:90svh;max-height:800px}.fcni .header{padding:22px 6%}.fcni .menu-toggle{display:block}.fcni nav{display:none;position:absolute;top:90px;left:5%;right:5%;background:#081e3b;padding:25px;border-radius:8px;flex-direction:column;align-items:stretch;gap:18px}.fcni nav.open{display:flex}.fcni nav a{font-size:14px}.fcni .hero-copy{top:48%;transform:translate(-50%,-30%)}.fcni .eyebrow{font-size:12px}.fcni h1{font-size:45px}.fcni .intro{font-size:16px}.fcni .actions{gap:12px;flex-wrap:wrap}.fcni .btn{padding:13px 17px}.fcni .tiles{grid-template-columns:repeat(2,1fr)}.fcni .tile{padding:30px 10px;min-height:220px}.fcni .tile h2{font-size:22px}.fcni .tile svg{width:50px;height:50px}.fcni .churches{padding:42px 6%}.fcni .section-title{font-size:30px}.fcni .cards{grid-template-columns:1fr;gap:25px}.fcni .card>img{height:270px}.fcni .card h3{min-height:0}.fcni .banner{min-height:240px}.fcni footer{grid-template-columns:repeat(2,1fr);padding:30px 6%;gap:20px}.fcni footer>.brand{grid-column:1/-1}.fcni footer .brand span:not(.logo){display:block}}
@media(prefers-reduced-motion:reduce){.fcni *{scroll-behavior:auto!important;transition:none!important}}


/* FCNI inner pages */
.fcni-inner{min-height:100vh;background:#fff;color:#0b203c}
.fcni .inner-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 4%;background:#071e41;color:#fff;position:relative;z-index:5}
.fcni .inner-header .brand span:not(.logo){font-size:12px;line-height:1.25;font-weight:bold;max-width:105px}
.fcni .inner-header .pill{background:#ed971c;color:#071e41}
.fcni .inner-hero{min-height:390px;display:grid;place-items:center;text-align:center;color:#fff;padding:70px 24px;background:linear-gradient(135deg,rgba(5,23,48,.94),rgba(167,44,37,.76)),url('assets/night.jpg') center 55%/cover}
.fcni .inner-hero>div{max-width:850px}
.fcni .inner-hero h1{font-size:clamp(42px,6vw,72px);margin:10px 0 18px}
.fcni .inner-hero>div>p:last-child{font-size:19px;line-height:1.7;max-width:680px;margin:auto}
.fcni .inner-main{min-height:460px}
.fcni .content-section{max-width:1220px;margin:auto;padding:80px 5% 95px}
.fcni .content-section>.section-kicker{font-size:12px;font-weight:bold;letter-spacing:.16em;color:#b33128;margin-bottom:14px}
.fcni .content-section>h2{font-size:clamp(32px,4vw,48px);line-height:1.18;margin-bottom:18px;color:#0b203c}
.fcni .content-section .lead{font-size:19px;line-height:1.75;color:#44546a;max-width:760px;margin-bottom:42px}
.fcni .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.fcni .feature-grid article{border-top:5px solid #071e41;padding:34px 28px;background:#f5f7fa;min-height:230px}
.fcni .feature-grid article:nth-child(2){border-color:#b33128}
.fcni .feature-grid article:nth-child(3){border-color:#ed971c}
.fcni .feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#071e41;color:#fff;font-size:23px;margin-bottom:24px}
.fcni .feature-grid article:nth-child(2) .feature-icon{background:#b33128}
.fcni .feature-grid article:nth-child(3) .feature-icon{background:#ed971c;color:#071e41}
.fcni .feature-grid h3{font-size:25px;margin-bottom:12px}
.fcni .feature-grid p{color:#526074;line-height:1.7}
.fcni .document-list{display:grid;gap:14px}
.fcni .document-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:20px;padding:22px 25px;border:1px solid #dfe4ea;border-left:5px solid #071e41;background:#fff;box-shadow:0 4px 18px #071e410c;transition:.2s}
.fcni .document-card:nth-child(2n){border-left-color:#b33128}
.fcni .document-card:nth-child(3n){border-left-color:#ed971c}
.fcni .document-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #071e4118}
.fcni .doc-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:8px;background:#edf1f6;color:#071e41;font-size:25px}
.fcni .document-card strong{display:block;font:700 20px/1.25 Georgia,serif;margin-bottom:7px}
.fcni .document-card small{display:block;color:#607086;font-size:14px;line-height:1.5}
.fcni .document-card b{font-size:11px;letter-spacing:.08em;color:#b33128;white-space:nowrap}
.fcni .content-section.centered{text-align:center;max-width:850px;padding-top:105px;padding-bottom:120px}
.fcni .content-section.centered .lead{margin:0 auto 34px}
.fcni .notice-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;background:#071e41;color:#ed971c;font-size:34px}
.fcni-inner .cards{margin-top:35px}
@media(max-width:900px){
  .fcni .inner-header{gap:15px}
  .fcni .inner-header .brand span:not(.logo){display:none}
  .fcni .feature-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .fcni .inner-header{padding:18px 6%}
  .fcni .inner-header nav{top:82px}
  .fcni .inner-hero{min-height:320px;padding:55px 22px}
  .fcni .inner-hero h1{font-size:42px}
  .fcni .inner-hero>div>p:last-child{font-size:16px}
  .fcni .content-section{padding:55px 6% 70px}
  .fcni .document-card{grid-template-columns:48px 1fr;padding:18px;gap:15px}
  .fcni .document-card b{grid-column:2}
}