/*
Theme Name: NWO Society
Theme URI: https://nwosociety.com/
Author: NWO Society
Description: A graphite top bar with a mile-marker shield, a full-bleed marsh hero with an anchored text panel, route-sign cards, a four-number band, a seasonal window strip, a day-trip checklist, a river timeline and a fieldstone reading field for NWO Society, an independent guide to Northwest Ohio.
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: nwotrails
*/
@font-face{font-family:"Zilla Slab";src:url("assets/fonts/zilla-slab-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url("assets/fonts/zilla-slab-400i.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url("assets/fonts/zilla-slab-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Zilla Slab";src:url("assets/fonts/zilla-slab-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("assets/fonts/ibm-plex-sans-var.woff2") format("woff2");font-weight:100 700;font-style:normal;font-display:swap}

:root{
	--nwo-stone:#3F3A36;
	--nwo-stone-ink:#F3EFEA;
	--nwo-coal:#24211F;
	--nwo-ink:#2A2623;
	--nwo-orange:#F28C38;
	--nwo-amber:#FFC48F;
	--nwo-link:#9A4508;
	--nwo-mute:#5E5751;
	--nwo-line:#D9D4CE;
	--nwo-mist:#EDEBE8;
	--nwo-white:#FFFFFF;
	--nwo-head:"Zilla Slab",Rockwell,"Roboto Slab",Georgia,serif;
	--nwo-body:"IBM Plex Sans","Segoe UI",Roboto,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--nwo-white);color:var(--nwo-ink);font:400 1.06rem/1.7 var(--nwo-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--nwo-link)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--nwo-orange);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--nwo-head);font-weight:700;line-height:1.12;margin:0 0 .6em}
.nwo-skip{position:absolute;left:-9999px}
.nwo-skip:focus{left:16px;top:12px;z-index:50;background:var(--nwo-orange);color:var(--nwo-coal);padding:10px 16px}
.nwo-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.nwo-kicker{font:600 .78rem/1.3 var(--nwo-body);letter-spacing:.16em;text-transform:uppercase;color:var(--nwo-link);margin:0 0 .8rem}
.nwo-h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:.5em}
.nwo-lede{max-width:640px;color:var(--nwo-mute);margin:0 0 30px}
.nwo-btn{display:inline-block;background:var(--nwo-orange);color:var(--nwo-coal);font:600 .95rem/1 var(--nwo-body);text-decoration:none;padding:16px 26px;border-radius:4px;border-bottom:4px solid #C66A1E;transition:transform .15s}
.nwo-btn:hover{transform:translateY(-2px)}

/* Bar */
.nwo-bar{background:var(--nwo-coal);color:var(--nwo-stone-ink);border-bottom:6px solid var(--nwo-orange)}
.nwo-bar-row{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:24px;position:relative}
.nwo-brand{display:flex;align-items:center;gap:12px;color:var(--nwo-stone-ink);text-decoration:none;margin-right:auto}
.nwo-brand-text{display:flex;flex-direction:column}
.nwo-brand-name{font:700 1.5rem/1 var(--nwo-head);letter-spacing:.01em}
.nwo-brand-line{font:400 .78rem/1.3 var(--nwo-body);color:#CFC8C0;margin-top:4px}
.nwo-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 22px}
.nwo-nav a{color:var(--nwo-stone-ink);text-decoration:none;font:500 .92rem/1 var(--nwo-body);padding:8px 0;border-bottom:2px solid transparent}
.nwo-nav a:hover,.nwo-nav a[aria-current="page"]{border-bottom-color:var(--nwo-orange)}
.nwo-menu-btn{display:none;background:var(--nwo-orange);color:var(--nwo-coal);border:0;border-radius:4px;font:600 .86rem/1 var(--nwo-body);padding:11px 15px;cursor:pointer}

/* Hero */
.nwo-hero{position:relative;background:var(--nwo-coal)}
.nwo-hero-img{width:100%;height:min(78vh,700px);min-height:460px;object-fit:cover}
.nwo-hero-panel{position:absolute;left:max(28px,calc((100% - 1180px)/2 + 28px));bottom:44px;max-width:560px;background:rgba(36,33,31,.9);color:var(--nwo-stone-ink);padding:34px 36px;border-left:6px solid var(--nwo-orange)}
.nwo-hero-panel .nwo-kicker{color:var(--nwo-amber)}
.nwo-hero-panel h1{font-size:clamp(2.1rem,4.4vw,3.3rem);color:#fff}
.nwo-hero-panel h1 em{font-style:italic;font-weight:400;color:var(--nwo-amber)}
.nwo-hero-panel p{margin:0 0 22px}

/* Routes */
.nwo-routes{padding:86px 0 70px}
.nwo-route-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.nwo-route{display:flex;flex-direction:column;text-decoration:none;color:var(--nwo-ink);background:var(--nwo-mist);border-radius:6px;overflow:hidden}
.nwo-route img{aspect-ratio:4/3;object-fit:cover;width:100%}
.nwo-sign{align-self:flex-start;margin:-18px 0 0 22px;position:relative;background:#1F5E3A;color:#fff;font:600 .78rem/1 var(--nwo-body);letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;border:2px solid #fff;border-radius:4px}
.nwo-route-t{font:700 1.45rem/1.2 var(--nwo-head);padding:16px 22px 6px}
.nwo-route-d{padding:0 22px 24px;color:var(--nwo-mute)}
.nwo-route:hover .nwo-route-t{color:var(--nwo-link);text-decoration:underline}

/* Numbers */
.nwo-numbers{background:var(--nwo-coal);color:var(--nwo-stone-ink);padding:78px 0}
.nwo-numbers .nwo-h2{color:#fff}
.nwo-num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:20px 0 0}
.nwo-num-grid div{padding:6px 26px 6px 0;margin-right:26px;border-right:1px solid #4E4843}
.nwo-num-grid div:last-child{border-right:0;margin-right:0}
.nwo-num-grid dt{font:700 clamp(2rem,3.6vw,2.9rem)/1 var(--nwo-head);color:var(--nwo-orange);margin-bottom:12px}
.nwo-num-grid dd{margin:0;font-size:.97rem;color:#DDD6CE}

/* Seasons */
.nwo-seasons{padding:84px 0}
.nwo-sea-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);border-top:4px solid var(--nwo-ink)}
.nwo-sea-row li{padding:20px 18px 0 0;font-size:.95rem;color:var(--nwo-mute);position:relative}
.nwo-sea-row li::before{content:"";position:absolute;top:-12px;left:0;width:20px;height:20px;border-radius:50%;background:var(--nwo-orange);border:4px solid #fff}
.nwo-sea-m{display:block;font:600 .76rem/1 var(--nwo-body);letter-spacing:.12em;text-transform:uppercase;color:var(--nwo-link);margin:10px 0 8px}
.nwo-sea-row strong{display:block;font:700 1.2rem/1.2 var(--nwo-head);color:var(--nwo-ink);margin-bottom:6px}

/* Kit */
.nwo-kit{background:var(--nwo-mist);padding:78px 0}
.nwo-kit-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start}
.nwo-kit-count{font:700 1.4rem/1 var(--nwo-head);color:var(--nwo-ink)}
.nwo-kit-count span{color:var(--nwo-link)}
.nwo-kit-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nwo-kit-list label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--nwo-line);border-radius:6px;padding:14px 16px;cursor:pointer;font-size:.96rem;line-height:1.45}
.nwo-kit-list input{width:18px;height:18px;margin-top:2px;accent-color:#C66A1E;flex:none}

/* Timeline */
.nwo-time{padding:90px 0}
.nwo-time-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.nwo-time-fig{margin:0}
.nwo-time-fig img{border-radius:6px;aspect-ratio:1/1;object-fit:cover;width:100%}
.nwo-tl{list-style:none;margin:0;padding:0 0 0 26px;border-left:3px solid var(--nwo-line)}
.nwo-tl li{position:relative;margin:0 0 20px;color:var(--nwo-mute)}
.nwo-tl li::before{content:"";position:absolute;left:-35px;top:6px;width:15px;height:15px;background:var(--nwo-ink);transform:rotate(45deg)}
.nwo-tl span{display:block;font:700 1.08rem/1.3 var(--nwo-head);color:var(--nwo-ink)}

/* Respect */
.nwo-respect{background:#1F5E3A;color:#F1F6F2;padding:76px 0}
.nwo-respect .nwo-h2{color:#fff}
.nwo-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.nwo-res-grid p{margin:0;font-size:.97rem}
.nwo-res-grid strong{display:block;font:700 1.2rem/1.25 var(--nwo-head);margin-bottom:8px;color:#fff}

/* FAQ */
.nwo-faq{padding:80px 0}
.nwo-faq .nwo-wrap{max-width:860px}
.nwo-faq details{border-bottom:1px solid var(--nwo-line);padding:6px 0}
.nwo-faq summary{cursor:pointer;font:600 1.18rem/1.4 var(--nwo-head);padding:14px 0;list-style:none}
.nwo-faq summary::-webkit-details-marker{display:none}
.nwo-faq summary::after{content:"+";float:right;color:var(--nwo-link);font-weight:700}
.nwo-faq details[open] summary::after{content:"\2212"}
.nwo-faq details p{margin:0 0 16px;color:var(--nwo-mute)}

/* Close */
.nwo-close{position:relative;color:#fff}
.nwo-close img{width:100%;height:440px;object-fit:cover}
.nwo-close-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding:0 max(28px,calc((100% - 1180px)/2 + 28px));background:linear-gradient(270deg,rgba(36,33,31,.85),rgba(36,33,31,.15) 70%)}
.nwo-close-in .nwo-h2{color:#fff;max-width:520px}
.nwo-close-in p{margin:0 0 20px}

/* Pages */
.nwo-page-head{background:var(--nwo-coal);color:var(--nwo-stone-ink);padding:64px 28px 54px;border-bottom:4px solid var(--nwo-orange)}
.nwo-page-head-in{max-width:860px;margin:0 auto}
.nwo-page-head .nwo-kicker{color:var(--nwo-amber)}
.nwo-page-head h1{font-size:clamp(2.1rem,4.4vw,3.2rem);color:#fff;margin:0}
.nwo-page-body{max-width:860px;margin:0 auto;padding:54px 28px 90px}
.nwo-page-body h2{font-size:1.75rem;margin-top:1.6em}
.nwo-page-body h3{font-size:1.3rem;margin-top:1.4em}
.nwo-page-body img{border-radius:6px;margin:26px 0}
.nwo-page-body table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.96rem}
.nwo-page-body th,.nwo-page-body td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--nwo-line);vertical-align:top}
.nwo-page-body th{font:600 .8rem/1.2 var(--nwo-body);letter-spacing:.08em;text-transform:uppercase;color:var(--nwo-link)}
.nwo-page-body .nwo-tip{background:var(--nwo-mist);border-left:5px solid var(--nwo-orange);padding:16px 20px;margin:24px 0}

/* Reading field: Mile Markers and singles */
.nwo-field{background:#3F3A36;color:#F3EFEA;padding:70px 28px 100px}
.nwo-field a{color:#FFC48F}
.nwo-field .nwo-kicker{color:#FFC48F}
.nwo-field h1{color:#F3EFEA}
.nwo-markers-head,.nwo-log,.nwo-pager,.nwo-markers-none{max-width:900px;margin-left:auto;margin-right:auto}
.nwo-markers-head h1{font-size:clamp(2.6rem,6vw,4.4rem);margin:0 0 .2em}
.nwo-markers-sub{margin:0 0 34px;color:#F3EFEA}
.nwo-log{list-style:none;padding:0;border-top:3px solid #FFC48F}
.nwo-log li{border-bottom:1px solid #5C5550}
.nwo-log a{display:block;padding:15px 0 15px 34px;position:relative;text-decoration:none;color:#F3EFEA;font-size:1.04rem;line-height:1.45}
.nwo-log a::before{content:"";position:absolute;left:4px;top:21px;width:12px;height:12px;border:2px solid #FFC48F;transform:rotate(45deg)}
.nwo-log a:hover{color:#FFC48F;text-decoration:underline}
.nwo-pager{margin-top:36px;display:flex;flex-wrap:wrap;gap:8px}
.nwo-pager .page-numbers{display:inline-block;padding:8px 14px;border:1px solid #F3EFEA;border-radius:4px;color:#F3EFEA;text-decoration:none}
.nwo-pager .current{background:#FFC48F;border-color:#FFC48F;color:#24211F}
.nwo-single-wrap{max-width:780px;margin:0 auto}
.nwo-single-wrap h1{font-size:clamp(2rem,4.2vw,3rem);padding-bottom:22px;border-bottom:3px solid #FFC48F}
.nwo-single-body{font-size:1.08rem;line-height:1.8}
.nwo-single-body h2,.nwo-single-body h3,.nwo-single-body h4{color:#F3EFEA;margin-top:1.5em}
.nwo-single-body img{margin:22px 0;border-radius:4px}
.nwo-single-body table{width:100%;border-collapse:collapse}
.nwo-single-body th,.nwo-single-body td{border:1px solid #5C5550;padding:8px 10px;text-align:left}
.nwo-single-body blockquote{border-left:4px solid #FFC48F;margin:22px 0;padding:4px 0 4px 20px}
.nwo-single-body pre,.nwo-single-body code{background:#24211F;color:#F3EFEA}

/* Contact form */
.nwo-form{background:var(--nwo-mist);border-top:5px solid var(--nwo-orange);border-radius:4px;padding:28px 30px;margin-top:28px}
.nwo-form-state:empty{display:none}
.nwo-form-state{background:var(--nwo-coal);color:var(--nwo-stone-ink);padding:12px 16px;border-radius:4px}
.nwo-form-body{display:grid;gap:16px}
.nwo-input{display:grid;gap:6px;font-weight:600}
.nwo-input input,.nwo-input textarea{font:inherit;font-weight:400;padding:12px 14px;border:2px solid var(--nwo-line);border-radius:4px;background:#fff;color:var(--nwo-ink)}
.nwo-input input:focus,.nwo-input textarea:focus{border-color:var(--nwo-link);outline:none}
.nwo-input-sum input{max-width:120px}
.nwo-hint{margin:-6px 0 0;font-size:.9rem;color:var(--nwo-mute)}
.nwo-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.nwo-send{justify-self:start;font:600 .95rem/1 var(--nwo-body);background:var(--nwo-orange);color:var(--nwo-coal);border:0;border-bottom:4px solid #C66A1E;border-radius:4px;padding:15px 28px;cursor:pointer}

/* Footer */
.nwo-foot{background:var(--nwo-coal);color:#DDD6CE;padding:64px 28px 26px;border-top:6px solid var(--nwo-orange)}
.nwo-foot a{color:#F3EFEA;text-decoration:none}
.nwo-foot a:hover{text-decoration:underline;color:var(--nwo-amber)}
.nwo-foot-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px}
.nwo-foot-name{display:flex;align-items:center;gap:10px;font:700 1.5rem/1 var(--nwo-head);color:#fff;margin:0 0 14px}
.nwo-foot-about p{max-width:440px}
.nwo-foot-note{font-size:.88rem;color:#BDB5AC}
.nwo-foot-h{font:600 .78rem/1 var(--nwo-body);letter-spacing:.14em;text-transform:uppercase;color:var(--nwo-amber);margin:6px 0 16px}
.nwo-foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nwo-foot-base{max-width:1180px;margin:44px auto 0;padding-top:20px;border-top:1px solid #4E4843;display:flex;justify-content:space-between;gap:16px;font-size:.9rem}

@media (max-width:980px){
	.nwo-route-row,.nwo-res-grid{grid-template-columns:1fr 1fr}
	.nwo-num-grid{grid-template-columns:1fr 1fr;gap:26px}
	.nwo-num-grid div{border-right:0;margin-right:0}
	.nwo-sea-row{grid-template-columns:1fr 1fr;gap:26px;border-top:0}
	.nwo-sea-row li{border-top:4px solid var(--nwo-ink)}
	.nwo-kit-grid,.nwo-time-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
	.nwo-menu-btn{display:block}
	.nwo-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--nwo-coal);z-index:20;padding:10px 28px 22px;border-bottom:6px solid var(--nwo-orange)}
	.nwo-menu-open .nwo-nav{display:block}
	.nwo-nav ul{flex-direction:column;gap:4px}
	.nwo-nav a{display:block;padding:12px 0}
	.nwo-hero-panel{position:static;max-width:none;border-left:0;border-top:6px solid var(--nwo-orange);background:var(--nwo-coal)}
	.nwo-hero-img{height:300px;min-height:0}
	.nwo-foot-grid{grid-template-columns:1fr}
}
@media (max-width:600px){
	.nwo-wrap{padding:0 18px}
	.nwo-route-row,.nwo-res-grid,.nwo-num-grid,.nwo-sea-row,.nwo-kit-list{grid-template-columns:1fr}
	.nwo-brand-line{display:none}
	.nwo-field{padding:46px 16px 72px}
	.nwo-close-in{align-items:flex-start;text-align:left;background:rgba(36,33,31,.7)}
	.nwo-foot-base{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.nwo-page-body .nwo-lede{font-size:1.2rem;color:var(--nwo-ink)}
.nwo-page-body .nwo-next{margin-top:40px;font-weight:600}
.nwo-page-body figure{margin:26px 0}
.nwo-page-body figcaption{font-size:.9rem;color:var(--nwo-mute)}