@import "https://fonts.googleapis.com/css2?family=Allura&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sacramento&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:merriweather,sans-serif}a:hover{color:#00f}button{cursor:pointer}nav{z-index:100;background-color:#0000;justify-content:space-between;align-items:center;width:100%;padding-inline:60px;transition:background-color .3s;display:flex;position:fixed}.navbar.scrolled{background:#000}nav a{color:#fff;text-decoration:none;transition:color .3s}nav ul{align-items:center;gap:30px;padding-block:30px;list-style-type:none;display:flex}nav .fib{align-items:center;gap:20px;display:flex}.fib .navIcon{font-size:26px;display:block}nav .trinityLogo{width:60px;padding-block:10px}.trinityLogo img{width:100%}.titheOfferingButton button{color:#000;background-color:orange;border:none;border-radius:3px;padding:15px;font-size:14px;font-weight:500}.listAndButton{align-items:center;gap:100px;display:flex}.hamburger{z-index:1000;display:none}.mobileSocials{display:none}@media (width<=768px){.hamburger{color:#fff;background-color:#000fff;border:none;border-radius:10px;padding:10px;font-size:30px;display:flex}.listAndButton{z-index:999;background-color:#000;flex-direction:column;gap:50px;width:50%;height:100vh;padding-top:80px;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.listAndButton.open{display:flex;transform:translate(0)}nav ul{text-align:center;flex-direction:column;gap:50px;display:flex}nav{padding-inline:24px}nav ul a{color:#fff}.fib .fAI{display:none}nav .mobileSocials{align-items:center;gap:15px;margin-left:auto;margin-right:25px;display:flex}.mobileSocials .mobileNavIcon{font-size:26px;display:block}}@media (width<=480px){nav{padding-inline:16px}}.heroSection{padding-block:180px 200px;padding-inline:60px;position:relative}.heroSection:before{content:"";z-index:1;background:#000000ab;position:absolute;inset:0}.heroContents{z-index:2;color:#fff;flex-direction:column;align-items:center;padding-top:20px;display:flex;position:relative}.heroContents h1{text-align:center;color:#fff;font-family:playfair display,sans-serif;font-size:70px;font-weight:600}.heroContents>p{color:#fff;padding-top:20px;font-family:Inter,sans-serif;font-size:20px}.heroContents .joinUs{margin-top:45px}.joinUs button{color:#fff;background-color:#00f;border:none;padding:18px;font-size:14px;font-weight:600}.heroContents .servicesTime{justify-content:center;gap:35px;margin-top:30px;margin-left:20px;display:flex}.servicesTime div{flex-direction:column;justify-content:center;align-items:center;display:flex}.servicesTime p{color:#000;background-color:#fff;width:fit-content;padding:8px;font-family:Inter,sans-serif;font-size:16px}.servicesTime h2{padding-top:20px;font-size:20px}@media (width<=768px){.heroSection{padding-inline:24px}.heroSection h1{font-size:50px}}@media (width<=480px){.heroSection{padding-inline:16px}.heroSection h1{font-size:45px}}.forGivingSection{text-align:center;background-color:#000;justify-content:space-around;align-items:center;gap:20px;padding:50px 60px;display:flex}.forGivingSection button{color:#000;background-color:orange;border:none;border-radius:5px;padding:15px;font-weight:600}.forGivingSection p{color:#fff;font-size:30px}@media (width<=768px){.forGivingSection{flex-direction:column;padding-inline:24px}.forGivingSection p{font-size:24px}.forGivingSection p span{display:none}}@media (width<=480px){.forGivingSection{padding-inline:16px}.forGivingSection p{font-size:18px}}.aboutUsSection{background-color:#fff;flex-direction:column;padding:50px 100px;scroll-margin-top:104px;display:flex}.aboutUsSection .aboutTextAndImg{align-items:center;gap:50px;margin-bottom:90px;display:flex}.aboutTextAndImg .aboutText{flex-direction:column;display:flex}.aboutText h1{text-transform:uppercase;color:#00f;align-items:center;gap:10px;margin-bottom:24px;font-family:Inter,sans-serif;font-size:14px;display:flex}.aboutText h1 span{background-color:#00f;width:24px;height:2px}.aboutText h2{margin-bottom:24px;font-size:40px;line-height:1.4}.aboutText p{color:#000000b1;margin-bottom:16px;font-size:16px}.aboutText button{color:#fff;background-color:#00f;border:none;width:fit-content;margin-top:8px;padding:15px;font-weight:600}.aboutTextAndImg .aboutImg{width:100%;max-width:450px;height:480px}.aboutImg img{object-fit:cover;border-radius:16px;width:100%;height:100%;display:block}.aboutUsSection .faithToMission{flex-wrap:wrap;align-items:center;gap:32px;font-family:Inter,sans-serif;display:flex}.faithToMission .eachFaithToMission{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.eachFaithToMission span{background-color:#101828;border-radius:8px;width:fit-content;margin:0 80px 16px;padding:15px}.eachFaithToMission .ftmIcon{color:#fff;font-size:30px;display:block}.eachFaithToMission h3{color:#101828;margin-bottom:16px;font-size:20px}.eachFaithToMission p{color:#4a5565;font-size:16px;line-height:1.625}@media (width<=768px){.aboutUsSection{padding-inline:24px}.aboutUsSection .aboutTextAndImg{flex-direction:column}.aboutText h2{font-size:36px}.aboutTextAndImg .aboutImg{max-width:100%}}@media (width<=480px){.aboutUsSection{padding-inline:16px}.aboutText h2{font-size:24px}}.servicesTimeSection{background-color:#fbf9fa;flex-direction:column;padding:96px 100px;font-family:Inter,sans-serif;display:flex}.servicesTimeSection h1{text-transform:uppercase;color:#00f;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.servicesTimeSection h1 span{background-color:#00f;width:24px;height:2px}.servicesTimeSection h2{text-transform:uppercase;text-align:center;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1}.servicesTimeSection>p{text-align:center;color:#000000b1;margin-bottom:64px;padding-inline:200px;font-size:18px;line-height:1.55556}.servicesTimeSection .allServices{flex-wrap:wrap;justify-content:center;gap:24px;margin-inline:150px;display:flex}.allServices .eachServices{background-color:#fff;border:1px solid #ebe6e7;border-radius:12px;flex-direction:column;flex:1;padding:32px;display:flex;box-shadow:0 1px 3px #0000001a}.eachServices span{color:#99a1af;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;display:flex}.eachServices .eachServicesIcon{flex-shrink:0;font-size:20px}.eachServices h3{margin-bottom:8px;font-size:20px;font-weight:600;line-height:1.4}.eachServices p{color:#000000b1;font-size:16px;line-height:1.4}.servicesTimeSection .location{margin-top:64px;text-align:center;background-color:#fff;border:1px solid #ebe6e7;border-radius:12px;flex-direction:column;align-items:center;margin-inline:200px;padding:32px;display:flex;box-shadow:0 1px 3px #0000001a}.location h4{color:#99a1af;text-transform:uppercase;margin-bottom:8px;font-size:14px;font-weight:600;line-height:1.42857}.location p{margin-bottom:16px;font-size:20px}.location button{background-color:#fff;border:2px solid #101828;border-radius:8px;justify-content:center;align-items:center;width:fit-content;padding:12px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.5;display:flex}@media (width<=768px){.servicesTimeSection{padding-inline:24px}.servicesTimeSection h2{font-size:36px}.servicesTimeSection>p{padding-inline:0}.servicesTimeSection .allServices{flex-direction:column;margin-inline:50px}.servicesTimeSection .location{margin-inline:60px}}@media (width<=480px){.servicesTimeSection{padding-inline:16px}.servicesTimeSection h2{font-size:24px}.servicesTimeSection .allServices{margin-inline:10px}.servicesTimeSection .location{margin-inline:20px}.location p{font-size:14px}}.sermonSection{background-color:#fff;flex-direction:column;padding:96px 100px;font-family:Inter,sans-serif;display:flex}.sermonSection h1{text-transform:uppercase;color:#00f;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.sermonSection h1 span{background-color:#00f;width:24px;height:2px}.sermonSection h2{text-transform:uppercase;text-align:center;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1}.sermonSection>p{text-align:center;color:#000000b1;margin-bottom:64px;padding-inline:200px;font-size:18px;line-height:1.55556}.sermonSection .sermonVideos{flex-direction:column;display:flex}.sermonVideos .mainSermon{margin-inline:160px;margin-bottom:40px}.mainSermon iframe{display:block}.sermonVideos .otherSermons{grid-template-columns:repeat(3,1fr);gap:15px;margin-inline:100px;display:grid}.otherSermons .eachSermons{border:2px solid #e9ecef;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.eachSermons .eachSermonsText{padding:20px}.eachSermonsText h3{margin-bottom:8px;font-size:18px;line-height:1.55556}.eachSermonsText span{color:#6a7282;align-items:center;gap:5px;font-size:14px;line-height:1.42857;display:flex}.eachSermonsText .sermonIcon{font-size:16px;display:block}.sermonSection .viewAllSermon{justify-content:center;align-items:center;margin-top:48px;display:flex}.viewAllSermon button{background-color:#fff;border:2px solid #101828;border-radius:8px;justify-content:center;align-items:center;width:fit-content;padding:12px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.5;display:flex}.viewAllSermon a{text-decoration:none}@media (width<=768px){.sermonSection{padding-inline:24px}.sermonSection h2{font-size:36px}.sermonSection>p{padding:0}.sermonVideos .mainSermon{margin-inline:20px}.sermonVideos .otherSermons{grid-template-columns:1fr;gap:40px;margin-inline:20px;display:grid}.otherSermons iframe{height:500px}}@media (width<=480px){.sermonSection{padding-inline:16px}.sermonSection h2{font-size:24px}.sermonVideos .mainSermon,.sermonVideos .otherSermons{margin-inline:10px}.mainSermon iframe,.otherSermons iframe{height:400px}}.gallerySection{background-color:#fff;flex-direction:column;padding:96px 100px;scroll-margin-top:104px;font-family:Inter,sans-serif;display:flex}.gallerySection h1{text-transform:uppercase;color:#00f;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.gallerySection h1 span{background-color:#00f;width:24px;height:2px}.gallerySection h2{text-transform:uppercase;text-align:center;margin-bottom:24px;font-size:48px;font-weight:700;line-height:1}.gallerySection>p{text-align:center;color:#000000b1;margin-bottom:64px;padding-inline:200px;font-size:18px;line-height:1.55556}.gallerySection .allGalleries{grid-template-columns:1fr 1fr;gap:15px;display:grid}.allGalleries .leftGallery,.allGalleries .rightGallery{flex:1}.allGalleries .leftGallery{width:100%;display:flex}.leftGallery .sundayService{aspect-ratio:3/3;color:#99a1af;cursor:pointer;background-color:#d1d5dc;border-radius:12px;justify-content:center;align-items:center;width:100%;font-size:14px;line-height:1.42857;display:flex}.allGalleries .rightGallery{aspect-ratio:3/3;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;display:grid}.rightGallery .others{color:#99a1af;cursor:pointer;background-color:#d1d5dc;border-radius:12px;justify-content:center;align-items:center;font-size:14px;line-height:1.42857;display:flex}.leftGallery .sundayService:hover,.rightGallery .others:hover{background-color:#ebe6e7}@media (width<=768px){.gallerySection{padding-inline:24px}.gallerySection h2{font-size:36px}.gallerySection>p{padding:0}.gallerySection .allGalleries{grid-template-columns:1fr;gap:15px;margin-inline:40px}}@media (width<=480px){.gallerySection{padding-inline:16px}.gallerySection h2{font-size:24px}.gallerySection .allGalleries{margin-inline:10px}}.footerSection{background-color:#000;flex-direction:column;padding-block:40px;padding-inline:60px;font-family:Inter,sans-serif;display:flex}.footerSection .beforeBorder{grid-template-columns:repeat(4,1fr);display:grid}.beforeBorder .logoToSocials{flex-direction:column;display:flex}.logoToSocials .footerLogoDiv{width:50px}.footerLogoDiv img{width:100%}.logoToSocials h1{color:#fff;margin-bottom:5px;font-size:16px;font-weight:600}.logoToSocials h2{color:#99a1af;font-size:14px}.logoToSocials p{color:#99a1af;max-width:300px;margin-top:20px;font-size:16px;font-weight:400;line-height:24px}.socials{gap:12px;margin-top:10px;display:flex}.socials a{background-color:#1e2939;border-radius:8px;padding:8px 10px}.socials .socialsIcon{color:#fff;font-size:20px;display:block}.beforeBorder .contact,.beforeBorder .quickLinks,.beforeBorder .serviceTimes{flex-direction:column;margin-top:20px;display:flex}.beforeBorder .quickLinks{margin-left:40px}.contact h3,.quickLinks h3,.serviceTimes h3{text-transform:uppercase;color:#fff;font-size:16px;font-weight:800;line-height:28px}.contact ul{flex-direction:column;gap:10px;max-width:400px;margin-top:10px;list-style:none;display:flex}.quickLinks ul,.serviceTimes ul{flex-direction:column;align-items:start;gap:10px;width:fit-content;margin-top:10px;list-style:none;display:flex}.contact ul li,.quickLinks ul li,.serviceTimes ul li{color:#9ca3af;font-size:14px;font-weight:400;line-height:24px}.contact ul li{align-items:center;gap:10px;display:flex}.contact ul li span{color:#ffffffd1;min-width:44px;font-weight:600}.quickLinks ul a,.contact ul a{color:#9ca3af;text-decoration:none}.contact .contactIcon{flex-shrink:0;font-size:20px}.border{background-color:#1f2937;width:100%;height:1px;margin-block:20px}.afterBorder{justify-content:center;display:flex}.afterBorder p{color:#9ca3af;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:24px}@media (width<=768px){.footerSection{padding-inline:24px}.footerSection .beforeBorder{flex-direction:column;gap:20px;display:flex}.logoToSocials p,.serviceTimes ul{max-width:100%}.beforeBorder .quickLinks{margin-left:0}.quickLinks ul{flex-wrap:wrap;display:flex}}@media (width<=480px){.footerSection{padding-inline:16px}.socials .socialsIcon{font-size:24px}.afterBorder p{text-align:center}}