/*
Theme Name: Old Appleton
Description: A responsive heritage theme for Old Appleton, with native WordPress page content.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: oldappleton
*/
:root{--green:#193e34;--cream:#f7f4ec;--gold:#b88244;--ink:#233a33}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:18px/1.7 system-ui,sans-serif}a{color:var(--green);text-underline-offset:4px}a:hover{color:#815422}a:focus-visible,button:focus-visible{outline:3px solid #bc7835;outline-offset:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(2.7rem,6vw,5.4rem);letter-spacing:-.04em;margin:.3em 0}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.65rem}p{max-width:72ch}.wrap{max-width:1200px;margin:auto;padding:0 32px}.site-header{background:var(--cream);border-bottom:1px solid #d9ded3}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px}.brand{text-decoration:none;font:32px Georgia,serif;line-height:1.1;color:var(--green)}.brand small{display:block;font:10px/2 system-ui;letter-spacing:.3em;text-transform:uppercase}nav ul{display:flex;gap:25px;list-style:none;padding:0;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:650}.skip{position:absolute;left:-10000px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:5}.eyebrow{font:700 12px system-ui;letter-spacing:.22em;text-transform:uppercase;color:#70502a}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:590px}.hero-copy{padding:68px 6vw 64px max(32px,calc((100vw - 1136px)/2));align-self:center}.hero-copy p{font-size:19px}.hero-photo{width:100%;height:100%;object-fit:cover;min-height:500px}.button{display:inline-block;background:var(--green);color:white;text-decoration:none;padding:13px 24px;border-radius:2px;font-size:14px;font-weight:650;margin:14px 12px 0 0}.button:hover{background:#2c5748;color:white}.button.secondary{background:transparent;color:var(--green);border:1px solid #a3b2a5}.ribbon{background:var(--green);color:#f7f4ec;display:flex;justify-content:space-around;gap:20px;padding:22px 32px;font:12px system-ui;letter-spacing:.15em;text-transform:uppercase}.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{margin:10px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border-top:1px solid #b1bbae;padding-top:22px}.card h3{margin:15px 0}.card a{font-size:14px;font-weight:700}.history{background:#e9ede3}.history-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.timeline{border-left:1px solid #98aa9a;padding-left:30px}.timeline p{padding:0 0 22px;margin:0}.timeline strong{display:block;font:28px Georgia;color:var(--green)}.archive-note{border-left:3px solid var(--gold);padding:18px 24px;background:#eeeadd;font-size:15px}.page-content{padding:55px 32px 85px;max-width:1200px;margin:auto;min-height:60vh}.page-content h1{font-size:clamp(2.7rem,5vw,4.3rem)}.wp-block-image img{max-width:100%;height:auto}.oa-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.oa-gallery figure{margin:0}.oa-gallery img{display:block;width:100%;height:240px;object-fit:cover}.oa-gallery figcaption{font-size:13px;margin-top:6px}.oa-gallery a:hover img{filter:brightness(.9)}.featured-image{width:100%;max-height:600px;object-fit:cover}.site-footer{background:var(--green);color:#e9ede3;padding:42px 0}.footer-inner{display:flex;justify-content:space-between;gap:28px}.site-footer a{color:white}.site-footer p{font-size:13px}.site-footer .brand{color:white}.entry-content>*{max-width:100%}@media(max-width:800px){.header-inner{display:block;padding-top:22px;padding-bottom:12px}nav ul{gap:10px 20px}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 24px}.hero-photo{min-height:0;height:330px}.ribbon{font-size:10px;flex-wrap:wrap;letter-spacing:.08em}.cards,.history-grid{grid-template-columns:1fr;gap:28px}.oa-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.oa-gallery img{height:180px}.wrap{padding:0 24px}.section{padding:45px 0}.footer-inner{display:block}.page-content{padding:35px 24px}.section-head{display:block}}@media(max-width:420px){.oa-gallery{grid-template-columns:1fr}.oa-gallery img{height:auto}}