/*
Theme Name: Southern Ohio Church
Author: Southern Ohio Church
Description: A welcoming, responsive church theme with editable church details, official belief links, and Listen to Church streaming.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: southern-ohio-church
*/
:root{--navy:#102e50;--blue:#1c405e;--ink:#414249;--cream:#f5f3ee;--line:#d7d9dc}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--navy);background:#fff;font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.5}a{color:inherit;text-underline-offset:5px}a:hover{color:#41677d}button,input{font:inherit}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.15}h2{font-size:32px;margin-bottom:15px}p{margin-bottom:20px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b77b20;outline-offset:5px}.content-width{width:min(1200px,calc(100% - 80px));margin-inline:auto}.screen-reader-text,.skip-link{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip-path:none;background:white;padding:12px;z-index:100}
.site-header{background:#fff}.header-inner{max-width:1440px;min-height:120px;padding:24px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.identity{display:flex;align-items:center;gap:16px}.book-mark{flex:0 0 105px;line-height:0}.book-mark svg{width:105px}.church-name{font-size:clamp(20px,1.75vw,26px);text-decoration:none;line-height:1.2;display:block}.tagline{font-size:13px;font-style:italic;color:#626b79;margin:6px 0 0}.tagline span{white-space:nowrap}.custom-logo-link{flex:0 0 95px}.custom-logo{max-height:85px;width:auto}.menu{list-style:none;display:flex;gap:24px;margin:0;padding:0;white-space:nowrap;font-size:16px}.menu a{text-decoration:none;display:block;padding:9px 0;border-bottom:2px solid transparent}.menu a:hover,.menu a[aria-current=page],.menu .current-menu-item>a{border-color:var(--navy)}.menu-toggle{display:none}
.hero{position:relative;isolation:isolate;min-height:550px;display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;object-position:center 57%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(251,248,238,.91),rgba(251,248,238,.72) 37%,rgba(251,248,238,.08) 72%)}.hero-inner{width:min(1320px,calc(100% - 112px));margin:auto;padding:48px 0 30px}.welcome-label{font-size:34px;font-style:italic;line-height:1.15;margin-bottom:10px}.hero h1{font-size:clamp(39px,4.5vw,64px);max-width:790px;font-weight:600;line-height:1.04;letter-spacing:-1.6px;margin-bottom:22px}.fine-rule{height:1px;width:47px;background:#8291a1;margin:18px 0}.hero .fine-rule{width:190px;background:#9b9c96}.welcome-copy{font-size:25px;line-height:1.3;max-width:425px;margin-bottom:38px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.actions{display:flex;gap:16px;flex-wrap:wrap}.button{background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid white;border-radius:5px;padding:13px 24px;text-decoration:none;box-shadow:0 0 0 1px #587185;font-size:20px;line-height:1.3}.button:hover{background:#0c2a43;color:white}.button-light{background:rgba(255,255,255,.92);color:var(--navy)}.button-light:hover{background:#fff;color:var(--navy)}.stream-card{background:rgba(255,254,249,.96);border:1px solid #e2ded2;border-radius:5px;padding:19px 24px;display:flex;gap:18px;align-items:flex-start;text-decoration:none;box-shadow:0 3px 12px #102e5010;max-width:420px;line-height:1.3}.stream-card svg{width:38px;flex:0 0 38px}.stream-card strong{display:block;text-decoration:underline;font-size:20px}.stream-card small{display:block;font-size:13px;font-style:italic;margin-top:9px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:44px;gap:24px}.feature{padding-right:24px;border-right:1px solid var(--line);display:flex;flex-direction:column}.feature:last-child{border:0;padding-right:0}.feature>img{width:100%;aspect-ratio:2.05;object-fit:cover;border-radius:3px}.feature-copy{padding:17px 7px 0;display:flex;flex-direction:column;flex:1}.feature h2{font-size:31px;margin:0}.feature .fine-rule{margin:16px 0}.feature p{color:var(--ink);font-size:18px;line-height:1.5;margin-bottom:18px}.text-link{margin-top:auto;text-decoration:none}.text-link:hover{text-decoration:underline}
.visit{background:var(--cream);padding:35px 0 38px}.visit-inner{display:grid;grid-template-columns:1fr 1.15fr .9fr;gap:45px;align-items:center}.visit h2{font-size:32px}.visit address{font-size:21px;font-style:normal;max-width:260px;line-height:1.4}.visit p{margin-top:18px;line-height:1.4}.visit .button{font-size:18px}.map-panel{border:3px solid white;border-radius:5px;overflow:hidden;background:#e6e7df}.map-panel iframe{display:block;width:100%;height:250px;border:0}.map-panel>a{display:block;text-align:center;font-size:14px;padding:5px;background:#fff}.visit blockquote{text-align:center;margin:0;padding:15px}.visit blockquote p{font-size:27px;line-height:1.35;font-style:italic}.visit cite{font-size:18px;font-style:normal}.visit blockquote .fine-rule{margin:24px auto 0}.site-footer{background:var(--blue);color:#fff;text-align:center;padding:28px 0 24px;font-size:16px}.site-footer p{margin-bottom:5px}.footer-rule{width:72px;height:1px;background:#bfccd5;margin:23px auto 15px}.footer-scripture{font-size:14px;font-style:italic}.footer-links{font-size:13px;padding-top:13px;color:#e2eaf0}.site-footer a:hover{color:white}.page-content{max-width:900px;padding-block:50px;min-height:45vh;color:var(--ink);overflow-wrap:anywhere}.page-content h1{font-size:42px;color:var(--navy)}.page-content article{margin-bottom:40px}.page-content img{height:auto}.page-content .alignwide{max-width:100%}.page-content input{max-width:100%;padding:8px}.page-content table{border-collapse:collapse;width:100%}.page-content td,.page-content th{border:1px solid var(--line);padding:8px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{display:block;margin-inline:auto}.page-content::after{content:'';display:table;clear:both}
@media(min-width:1051px) and (max-width:1250px){.header-inner{gap:18px;padding-inline:24px}.book-mark{flex-basis:75px}.book-mark svg{width:75px}.menu{gap:15px;font-size:15px}.tagline{font-size:11px}.church-name{max-width:520px}}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;gap:18px}.identity{flex:1}.navigation-ready .menu-toggle{display:block;background:white;border:1px solid #b8c1ca;border-radius:4px;padding:9px 14px;color:var(--navy)}#primary-navigation{width:100%}.navigation-ready #primary-navigation{display:none}.navigation-ready #primary-navigation.is-open{display:block}.menu{flex-wrap:wrap;gap:12px 26px}.hero-inner{width:calc(100% - 64px)}.hero h1{max-width:700px}.stream-card{max-width:340px;padding:15px}.stream-card strong{font-size:18px}.content-width{width:calc(100% - 56px)}.visit-inner{gap:25px;grid-template-columns:1fr 1fr}.visit blockquote{grid-column:1/-1;max-width:650px;margin:auto}.visit blockquote p{margin:0 0 15px}.feature h2{font-size:26px}}
@media(max-width:650px){body{font-size:17px}.header-inner{padding:19px 20px;gap:16px}.identity{gap:10px;flex-basis:100%}.book-mark{flex-basis:65px}.book-mark svg{width:65px}.church-name{font-size:20px}.tagline{font-size:11px;line-height:1.4}.tagline span{white-space:normal}.menu-toggle{margin-left:auto}.menu{display:block;white-space:normal}.menu a{padding:10px}.hero{min-height:0}.hero-inner{width:calc(100% - 40px);padding:35px 0 26px}.hero-image{object-position:68% center}.hero-shade{background:rgba(250,247,238,.83)}.welcome-label{font-size:27px}.hero h1{font-size:41px;letter-spacing:-1px}.welcome-copy{font-size:21px;margin-bottom:26px}.hero-bottom{display:block}.actions{gap:12px}.button{font-size:17px;padding:12px 17px}.stream-card{max-width:none;margin-top:25px}.content-width{width:calc(100% - 40px)}.features{grid-template-columns:1fr;gap:27px;padding-block:30px}.feature{padding:0 0 25px;border-right:0;border-bottom:1px solid var(--line)}.feature:last-child{padding-bottom:0}.feature h2{font-size:29px}.feature p{font-size:17px}.visit-inner{grid-template-columns:1fr;gap:28px}.visit address{max-width:none}.visit blockquote{grid-column:auto}.visit blockquote p{font-size:25px}.site-footer{font-size:15px}.page-content h1{font-size:34px}}
.feature{padding-right:0;border-right:0;position:relative}.feature:not(:last-child)::after{content:'';position:absolute;right:-12px;top:0;bottom:0;width:1px;background:var(--line)}
@media(max-width:650px){.feature:not(:last-child)::after{display:none}.stream-card strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
