/* SFF content additions. Emanu's typography, components, motion and spacing remain the base. */
body{font-size:19px;line-height:1.7}
p{line-height:1.7}
.sff-skip{position:fixed;left:20px;top:-100px;z-index:99999;padding:12px 20px;background:#fff;color:#27387e;border:3px solid #27387e}
.sff-skip:focus{top:20px}
.sff-section{padding:110px 0}
.sff-intro{padding:80px 0 20px}
.sff-reading{max-width:900px;margin-left:auto;margin-right:auto}
.sff-lead{font-size:27px;line-height:1.65;font-weight:600;color:var(--primary-color);margin-bottom:45px}
.sff-prose p{margin-bottom:24px}
.sff-split{row-gap:45px}
.sff-split>div+div{padding-left:48px}
.sff-links{display:flex;flex-wrap:wrap;align-items:center;gap:25px 35px;margin-top:30px}
.sff-links .readmore-btn{line-height:1.5}
.sff-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0}
.sff-gallery:has(>figure:only-child){grid-template-columns:1fr}
.sff-gallery:has(>figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.sff-gallery figure{margin:0;min-width:0}
.sff-gallery figure>a{display:block;overflow:hidden;border-radius:20px;background:#eef2f8}
.sff-gallery img{display:block;width:100%;height:auto;transition:transform .6s}
.sff-gallery a:hover img{transform:scale(1.025)}
.sff-gallery figcaption{font-size:17px;line-height:1.55;color:#27387e;margin-top:14px}
.sff-reading .sff-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.sff-reading .sff-gallery:has(>figure:only-child){grid-template-columns:1fr}
.sff-feature-photo{overflow:hidden;border-radius:20px}
.sff-feature-photo img{width:100%;height:auto;min-height:380px;object-fit:cover}
.sff-hero-photo{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.hero::before{background:linear-gradient(180deg,rgba(12,18,43,.08) 10%,rgba(10,15,31,.12) 26%,rgba(8,14,29,.88) 71%,rgba(8,14,29,.94) 100%)}
.hero-body-content p{font-size:21px;line-height:1.65}
.page-header::before{opacity:.76}
.sff-page-label{color:white;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.page-header-box h1{max-width:1080px}
.page-header-box .breadcrumb-item{font-size:17px}
.sff-meta{font-size:16px;font-weight:700;letter-spacing:.4px;color:var(--primary-color);margin-bottom:12px}
.sff-small{font-size:16px;line-height:1.55;margin-top:22px}
.sff-archive-note{border-left:4px solid var(--accent-color);padding:20px 25px;background:#f0f4fa;font-size:17px;margin:30px 0 55px}
.sff-cta{background-image:none;background-color:var(--sff-navy)}
.sff-cta .sff-links{justify-content:center}
.sff-cta .readmore-btn{color:white}
.sff-cta .readmore-btn::before{filter:brightness(0) invert(1)}
.sff-section.bg-section,.our-service.bg-section,.our-ministries.bg-section,.sff-partner-section.bg-section{background-color:#f3f6fb}
.sff-partner-section{padding:60px 0}
.sff-partner-row{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}
.sff-partner-row h2{font-size:35px;line-height:1.25}
.sff-partner-row p{margin:0 0 25px}
.sff-organization,.sff-resource{padding:35px;border:1px solid var(--divider-color);border-radius:20px;height:calc(100% - 30px);margin-bottom:30px;background:white}
.sff-organization h2,.sff-resource h2,.sff-video h2{font-size:29px;line-height:1.3;margin:0 0 20px}
.sff-org-logo{height:140px;margin-bottom:28px;display:flex;align-items:center;justify-content:center;background:white}
.sff-org-logo img{max-width:100%;width:auto;max-height:130px;object-fit:contain}
.sff-video{margin-bottom:60px}
.sff-video figure{margin-bottom:25px;border-radius:20px;overflow:hidden}
.sff-video figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sff-video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:20px;margin:20px 0}
.sff-identity-logo{max-width:800px;margin:auto}
.sff-identity-logo img{width:100%;height:auto}
.sff-filters{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;padding:30px;background:#f3f6fb;border-radius:20px;margin:40px 0 22px}
.sff-filters label,form label{display:block;color:var(--primary-color);font-weight:600;margin-bottom:10px}
.sff-filters input,.sff-filters select{width:100%;min-height:58px;padding:12px 18px;background:white;border:1px solid #7180aa;border-radius:10px;color:#111;font:inherit}
.sff-story-results{margin-top:35px}
.sff-story-result[hidden]{display:none!important}
.post-item-content p{margin-top:20px;font-size:18px}
.post-entry{font-size:20px;line-height:1.8}
.post-entry p{margin-bottom:28px}
.post-entry h2{font-size:38px;line-height:1.3;margin-top:65px;margin-bottom:28px}
.post-entry h2:first-child{margin-top:0}
.post-entry a:not(.readmore-btn){text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.post-entry .sff-links{margin-bottom:30px}
.post-entry .sff-gallery{margin-top:45px;margin-bottom:55px}
.post-entry li{line-height:1.7}
.post-entry blockquote p{font-size:24px}
.ministries-item-content h2,.service-item-content h2,.post-item-content h2{line-height:1.25}
.ministries-item-image img,.service-item-image img{aspect-ratio:4/3;object-fit:cover}
.post-item-image img{aspect-ratio:4/3;object-fit:cover;object-position:center}
.pastor-item-image img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.pastor-single-image img{width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:20px}
.sff-profile{row-gap:50px}
.sff-profile .col-lg-8{padding-left:65px}
.sff-note{background:#f3f6fb;border-radius:20px;padding:30px;margin:35px 0}
.sff-note h3{font-size:26px;margin-bottom:15px}
.sff-email a{color:var(--primary-color);overflow-wrap:anywhere;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.contact-us-form h2{font-size:36px;margin-bottom:20px}
.contact-us-form .form-group{margin-bottom:25px}
.contact-us-form .form-control{font-size:19px;line-height:1.5;border:1px solid #7180aa;background:#fff;color:#111;min-height:58px}
.contact-us-form textarea{resize:vertical}
.donate-box{padding:45px;border:1px solid var(--divider-color);background:#f3f6fb;color:#111}
.donate-box h2{color:var(--primary-color);font-size:38px}
.donate-box p{color:#111}
.footer-contact-list a{overflow-wrap:anywhere}
.footer-contact-list p{color:white;margin-top:28px;font-size:17px}
.footer-contact-list ul li{align-items:flex-start}
.footer-newsletter-form p{color:#fff;font-size:18px}
.footer-header .section-title{max-width:720px}
.footer-header .section-title h2{font-size:50px}
.footer-links h2{font-size:25px}
.footer-links ul li{font-size:17px;line-height:1.6}
.footer-copyright-text p{font-size:16px}
.footer-copyright-text a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.footer-copyright-text p+p{margin-top:14px}
.main-menu ul li a{font-size:17px}
.sff-pillar-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a0cfef55;padding:0 26px;background:#fff}
.sff-pillar-nav a{position:relative;padding:15px 20px 14px 55px;min-height:75px;border-top:5px solid var(--pillar);color:#27387e;font-size:18px;font-weight:700;line-height:1.35;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}
.sff-pillar-nav a+a{border-left:1px solid #27387e22}
.sff-pillar-nav a span{position:absolute;left:18px;font-size:15px;top:20px;color:#27387e}
.sff-pillar-nav small{font-size:12px;font-weight:600;display:block;line-height:1.5;margin-top:3px}
.sff-pillar-nav a:hover,.sff-pillar-nav a:focus-visible{background:#eef3fa;color:#27387e}
.pillar-education{--pillar:#ee942c}.pillar-humanitarian{--pillar:#27387e}.pillar-grassroots{--pillar:#dc1f25}
.sff-pillar-card{position:relative;border-top:7px solid var(--pillar);padding:25px}
.sff-pillar-number{position:absolute;z-index:2;top:42px;left:42px;width:46px;height:46px;border-radius:50%;background:#fff;color:#27387e;font-size:18px;font-weight:700;display:grid;place-items:center;box-shadow:0 3px 14px #0002}
.sff-pillar-card .service-item-content h2{font-size:32px}
.sff-pillars .section-title{max-width:950px;margin-left:auto;margin-right:auto}
.sff-pillar-assembly{position:relative;padding-top:5px}
.sff-pillar-roof{position:relative;height:205px;margin:0 -12px 0;transform-origin:center bottom;z-index:2}
.sff-roof-shape,.sff-roof-inner{position:absolute;inset:0;background:#1c285b;clip-path:polygon(50% 0,100% 94%,100% 100%,0 100%,0 94%)}
.sff-roof-inner{inset:13px 30px 12px;background:#27387e;clip-path:polygon(50% 0,100% 100%,0 100%)}
.sff-pillar-roof>img{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);width:390px;max-width:43%;height:auto}
.sff-roof-beam{position:absolute;left:0;right:0;bottom:-7px;height:9px;background:#1c285b;border-radius:3px;box-shadow:0 8px 18px #15245220}
.sff-pillar-columns{padding-top:26px;position:relative}
.sff-pillar-columns>div{display:flex}
.sff-pillars{background-image:none}
.sff-pillar-card{flex:1;display:flex;flex-direction:column;background:white;border:1px solid #27387e25;border-top:8px solid var(--pillar);border-radius:10px 10px 20px 20px;box-shadow:0 14px 32px #27387e0a}
.sff-pillar-card::before{content:'';position:absolute;left:28px;right:28px;top:-22px;bottom:auto;width:auto;height:7px;background:var(--pillar);border-radius:4px}
.sff-pillar-card .service-item-image{max-width:none;margin:0 0 30px}
.sff-pillar-card .service-item-image a{border-radius:12px}
.sff-pillar-card .service-item-content,.sff-pillar-card .service-item-btn{margin-left:0;margin-right:0}
.sff-pillar-card .service-item-btn{margin-top:auto}
.sff-pillar-card .service-item-image img{aspect-ratio:4/3}
.sff-pillar-foundation{background:#27387e;color:white;padding:21px 30px;text-align:center;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:30px;font-size:17px;font-weight:600;box-shadow:0 12px 30px #27387e14}
.sff-pillar-foundation i{height:6px;width:6px;border-radius:50%;background:#a0cfef}
.sff-pillar-assembly.sff-assemble-ready .sff-pillar-roof{opacity:0;transform:translateY(-85px)}
.sff-pillar-assembly.sff-assemble-ready .sff-pillar-columns>div{opacity:0;transform:translateX(-70px)}
.sff-pillar-assembly.sff-assemble-ready .sff-pillar-columns>div:nth-child(2){transform:translateY(70px)}
.sff-pillar-assembly.sff-assemble-ready .sff-pillar-columns>div:nth-child(3){transform:translateX(70px)}
.sff-pillar-assembly.sff-assemble-ready .sff-pillar-foundation{opacity:0;transform:scaleX(.88)}
.sff-pillar-assembly.sff-assembled .sff-pillar-roof{animation:sff-roof-arrive .9s cubic-bezier(.2,.7,.25,1.12) both}
.sff-pillar-assembly.sff-assembled .sff-pillar-columns>div{animation:sff-pillar-arrive .85s cubic-bezier(.2,.7,.25,1) .65s both}
.sff-pillar-assembly.sff-assembled .sff-pillar-columns>div:nth-child(2){animation-delay:.95s}
.sff-pillar-assembly.sff-assembled .sff-pillar-columns>div:nth-child(3){animation-delay:1.25s}
.sff-pillar-assembly.sff-assembled .sff-pillar-foundation{animation:sff-pillar-arrive .7s ease 1.55s both}
@keyframes sff-roof-arrive{to{opacity:1;transform:translateY(0)}}
@keyframes sff-pillar-arrive{to{opacity:1;transform:translate(0,0) scaleX(1)}}
@media(max-width:991px){.sff-pillar-roof{height:155px}.sff-pillar-roof>img{width:300px;bottom:18px;max-width:48%}.sff-pillar-columns>div{margin-bottom:25px}.sff-pillar-columns .sff-pillar-card{margin-bottom:0}.sff-pillar-foundation{flex-wrap:wrap;gap:15px;font-size:16px}}
@media(max-width:575px){.sff-pillar-roof{height:100px;margin:0}.sff-roof-inner{inset:7px 14px 8px}.sff-pillar-roof>img{width:210px;max-width:59%;bottom:13px}.sff-pillar-columns{padding-top:25px}.sff-pillar-foundation{gap:9px 14px;font-size:14px}.sff-pillar-foundation i{width:4px;height:4px}.sff-pillar-card::before{left:22px;right:22px}}
@media(prefers-reduced-motion:reduce){.sff-pillar-assembly .sff-pillar-roof,.sff-pillar-assembly .sff-pillar-columns>div,.sff-pillar-assembly .sff-pillar-foundation{opacity:1!important;transform:none!important;animation:none!important}}
.main-menu ul ul{min-width:275px}
.main-menu ul li:focus-within>ul{visibility:visible;opacity:1;transform:translateY(0)}
.about-us-item .icon-box i{font-size:35px;color:var(--accent-color)}
.interactive .icon-box i{font-size:38px;color:white}
.interactive-process-item-content-wap p{font-size:19px}
.interactive-process-layout .interactive-con::before{background:rgba(9,17,43,.72)}
.about-us-image img{object-position:center;aspect-ratio:4/5}
.about-video-content h2{font-size:27px}
.about-us-video-box .about-video-image{max-width:175px}
.about-us-video-box .about-video-image img{height:145px;object-fit:cover}
#loading-icon{background:white;border-radius:50%;padding:4px}
.preloader{pointer-events:none}
.accordion-button{font-size:22px;line-height:1.45}
.accordion-body p{font-size:19px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #27387e;outline-offset:5px}
.dark-section a:focus-visible,.dark-section button:focus-visible,header a:focus-visible{outline-color:#a0cfef}
@media(max-width:1199px){.sff-section{padding:90px 0}.sff-partner-row{gap:40px}.main-menu ul li a{font-size:16px}.header-btn .btn-default{padding-left:22px}.sff-profile .col-lg-8{padding-left:35px}.sff-split>div+div{padding-left:25px}}
@media(max-width:991px){.sff-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sff-partner-row{grid-template-columns:1fr;gap:22px}.sff-split>div+div,.sff-profile .col-lg-8{padding-left:12px}.sff-hero-photo{object-position:50% 50%}.sff-section{padding:70px 0}.sff-intro{padding-top:60px}.sff-lead{font-size:24px}.footer-header .section-title h2{font-size:40px}.footer-newsletter-form{max-width:100%}.sff-filters{grid-template-columns:1fr}.page-header-box h1{font-size:50px}.our-pastor{padding:80px 0}.sff-feature-photo img{min-height:0}}
@media(max-width:991px){.sff-pillar-nav{padding:0 10px}.sff-pillar-nav a{font-size:15px;padding:12px 9px;min-height:83px}.sff-pillar-nav a span{display:none}.sff-pillar-nav small{font-size:11px}.hero{padding-top:285px}.page-header{padding-top:265px}}
@media(max-width:575px){.sff-pillar-nav{padding:0 5px}.sff-pillar-nav a{font-size:14px;padding:10px 7px;min-height:100px}.sff-pillar-nav small{font-size:11px}.hero{min-height:960px;padding-top:300px}.hero::before{background:linear-gradient(180deg,rgba(12,18,43,.12) 10%,rgba(8,14,29,.6) 40%,rgba(8,14,29,.88) 71%,rgba(8,14,29,.96) 100%)}.page-header{padding-top:290px}.sff-pillar-card .service-item-content h2{font-size:29px}}
@media(max-width:360px){.sff-pillar-nav{padding:0}.sff-pillar-nav a{font-size:13px;padding-left:5px;padding-right:5px}}
@media(max-width:575px){body{font-size:18px}.sff-section{padding:60px 0}.sff-gallery,.sff-gallery:has(>figure:nth-child(2):last-child),.sff-reading .sff-gallery{grid-template-columns:1fr;gap:30px}.sff-lead{font-size:23px}.sff-gallery figcaption{font-size:16px}.sff-links{gap:25px;align-items:flex-start;flex-direction:column}.hero-body-content p{font-size:18px}.hero-counter-list{gap:20px}.hero-counter-item{width:calc(33.33% - 14px)}.hero-counter-item::before{right:-10px}.hero-counter-item h2{font-size:32px}.hero-counter-item p{font-size:15px}.page-header-box h1{font-size:40px}.sff-page-label{font-size:15px}.post-entry{font-size:19px}.post-entry h2{font-size:31px;margin-top:45px}.sff-resource,.sff-organization{padding:28px}.sff-filters{padding:22px}.footer-header .section-title h2{font-size:36px}.sff-cta .sff-links{align-items:center}.sff-feature-photo img{min-height:0}.about-us-video-box .about-video-image{max-width:130px}.about-us-video-box .about-video-image img{height:110px}.about-video-content h2{font-size:23px}.donate-box{padding:30px}.accordion-button{font-size:20px}.sff-archive-note{padding:18px;font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wow{visibility:visible!important;animation:none!important}.text-anime-style-3 *{opacity:1!important;transform:none!important}.image-anime::after{display:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
