/*
Theme Name: The Appleton’s
Theme URI: https://appletons.w3connect.com/
Author: W3CONNECT / Does This Help®
Author URI: https://w3connect.com/
Description: A warm family-story, household directory, and shared-memory WordPress theme for The Appleton’s within the Does This Help® network @w3connect.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: the-appletons
Tags: custom-logo, custom-menu, featured-images, accessibility-ready, responsive-layout, blog, family, news
*/

:root {
  --ap-ink: #2f291f;
  --ap-paper: #fffdf7;
  --ap-apple: #a93b32;
  --ap-leaf: #4f7049;
  --ap-honey: #d8a64a;
  --ap-cream: #f3ead4;
  --ap-sky: #dce9eb;
  --ap-line: rgba(47,41,31,.15);
  --ap-shadow: 0 18px 55px rgba(61,45,28,.12);
  --ap-radius: 24px;
  --ap-max: 1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;color:var(--ap-ink);background:linear-gradient(rgba(255,253,247,.93),rgba(255,253,247,.93)),repeating-linear-gradient(90deg,transparent 0,transparent 31px,rgba(79,112,73,.045) 32px);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
img{max-width:100%;height:auto} a{color:var(--ap-apple);text-decoration-thickness:.08em;text-underline-offset:.16em} a:hover,a:focus{color:var(--ap-leaf)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed!important;width:auto;height:auto;clip:auto;top:1rem;left:1rem;z-index:99999;padding:.75rem 1rem;background:#fff;color:#000;border-radius:8px}
.ap-wrap{width:min(calc(100% - 2rem),var(--ap-max));margin-inline:auto}.site-header{padding:1rem 0;position:relative;z-index:20}.ap-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid var(--ap-line);background:rgba(255,253,247,.94);backdrop-filter:blur(12px);border-radius:18px;box-shadow:var(--ap-shadow)}
.site-branding{display:flex;align-items:center;gap:.85rem;min-width:0}.custom-logo{width:56px;height:56px;object-fit:cover;border-radius:18px}.ap-mark{width:54px;aspect-ratio:1;display:grid;place-items:center;border-radius:18px 18px 24px 24px;color:#fff;font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.04em;background:linear-gradient(145deg,var(--ap-apple),#7d2722);box-shadow:inset 0 0 0 3px rgba(255,255,255,.22)}
.site-title{margin:0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.1}.site-title a{color:inherit;text-decoration:none}.site-description{margin:.15rem 0 0;font-family:Arial,sans-serif;font-size:.76rem;opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-menu-toggle{display:none;border:0;background:var(--ap-leaf);color:#fff;padding:.7rem 1rem;border-radius:999px;font:700 .9rem Arial,sans-serif}.primary-menu{list-style:none;display:flex;gap:.25rem;margin:0;padding:0}.primary-menu a{display:block;padding:.72rem .9rem;border-radius:999px;color:inherit;text-decoration:none;font:700 .88rem Arial,sans-serif}.primary-menu a:hover,.primary-menu a:focus,.primary-menu .current-menu-item>a{background:var(--ap-cream);color:var(--ap-ink)}
.ap-hero{padding:clamp(3rem,9vw,7rem) 0 4rem;text-align:center;position:relative}.ap-hero:before{content:"";position:absolute;left:50%;top:2rem;transform:translateX(-50%);width:min(760px,88vw);height:min(380px,54vw);border-radius:50% 50% 42% 42%;background:radial-gradient(circle at 50% 20%,rgba(220,233,235,.9),transparent 68%);z-index:-1}.ap-kicker{display:inline-flex;gap:.45rem;align-items:center;padding:.48rem .85rem;border:1px solid var(--ap-line);border-radius:999px;background:#fff;font:800 .78rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.ap-hero h1{max-width:950px;margin:1.25rem auto .8rem;font-size:clamp(3.2rem,9vw,7.3rem);line-height:.9;letter-spacing:-.065em}.ap-hero h1 span{color:var(--ap-apple)}.ap-hero p{max-width:760px;margin:1rem auto;font-size:clamp(1.08rem,2vw,1.38rem)}.ap-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.6rem}.ap-button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.25rem;border-radius:999px;background:var(--ap-apple);color:#fff;text-decoration:none;font:800 .9rem Arial,sans-serif;border:2px solid var(--ap-apple)}.ap-button:hover,.ap-button:focus{background:var(--ap-leaf);border-color:var(--ap-leaf);color:#fff}.ap-button--ghost{background:transparent;color:var(--ap-ink);border-color:var(--ap-ink)}
.ap-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:2rem 0 5rem}.ap-family-card{min-height:260px;padding:1.45rem;border:1px solid var(--ap-line);border-radius:var(--ap-radius);background:rgba(255,255,255,.86);box-shadow:var(--ap-shadow);position:relative;overflow:hidden}.ap-family-card:before{content:"";position:absolute;width:110px;height:110px;border-radius:52% 48% 55% 45%;right:-30px;top:-30px;background:var(--ap-cream);transform:rotate(18deg)}.ap-family-card:nth-child(2):before{background:rgba(169,59,50,.16)}.ap-family-card:nth-child(3):before{background:rgba(79,112,73,.18)}.ap-family-card:nth-child(4):before{background:rgba(220,233,235,.85)}.ap-family-card h2{position:relative;margin:3rem 0 .5rem;font-size:1.45rem}.ap-family-card p{position:relative;margin:0}.ap-family-card a{position:relative;display:inline-block;margin-top:.8rem;font:800 .88rem Arial,sans-serif}
.ap-section{padding:4rem 0}.ap-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.ap-section-heading h2{margin:0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.045em;line-height:1}.ap-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ap-card{background:#fff;border:1px solid var(--ap-line);border-radius:var(--ap-radius);overflow:hidden;box-shadow:var(--ap-shadow)}.ap-card-media{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--ap-cream),var(--ap-sky))}.ap-card-media img{width:100%;height:100%;object-fit:cover}.ap-card-body{padding:1.25rem}.ap-card-title{margin:0 0 .4rem;font-size:1.4rem;line-height:1.2}.ap-card-title a{color:inherit;text-decoration:none}.ap-meta{font:800 .76rem Arial,sans-serif;opacity:.68;text-transform:uppercase;letter-spacing:.07em}
.site-main{min-height:55vh}.ap-content{max-width:840px;margin:2rem auto 5rem;padding:clamp(1.2rem,4vw,3rem);background:#fff;border:1px solid var(--ap-line);border-radius:var(--ap-radius);box-shadow:var(--ap-shadow)}.entry-title{font-size:clamp(2.4rem,6vw,5rem);line-height:.95;letter-spacing:-.055em}.entry-content>*{max-width:100%}.entry-content blockquote{border-left:5px solid var(--ap-apple);margin-left:0;padding-left:1rem;font-size:1.25rem}
.site-footer{padding:3rem 0;border-top:1px solid var(--ap-line);background:rgba(243,234,212,.48)}.ap-footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:end}.ap-network{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;letter-spacing:-.035em}.ap-small{font:400 .85rem Arial,sans-serif;opacity:.76}
@media(max-width:900px){.ap-family-grid,.ap-post-grid{grid-template-columns:repeat(2,1fr)}.ap-menu-toggle{display:inline-flex}.main-navigation{position:relative}.primary-menu{display:none;position:absolute;right:0;top:calc(100% + .7rem);min-width:230px;padding:.7rem;background:#fff;border:1px solid var(--ap-line);border-radius:18px;box-shadow:var(--ap-shadow);flex-direction:column}.primary-menu.is-open{display:flex}}
@media(max-width:620px){.ap-header-inner{border-radius:20px}.site-description{display:none}.ap-family-grid,.ap-post-grid,.ap-footer-grid{grid-template-columns:1fr}.ap-section-heading{align-items:start;flex-direction:column}}