/*
Theme Name: Bill Decker Guitar
Theme URI: https://billdecker.net/
Author: Bill Decker
Description: A fast, modern, SEO-ready theme for Bill Decker Guitar Lessons in Santa Rosa, CA. Includes LocalBusiness schema, a click-to-call hero, automatic light and dark modes, and Customizer fields for phone, rate, hours and address.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: billdecker
*/
:root{
  --bg:#1f1410;--surface:#2c1d17;--ink:#f4ead6;--muted:#c3b39a;--accent:#e9b95f;--on-accent:#1f1410;--line:#4a352b;
  --head:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--body:"Newsreader",Georgia,serif;
}
@media (prefers-color-scheme:light){:root{--bg:#f6eedd;--surface:#ebdfc6;--ink:#2a1a13;--muted:#6a5646;--accent:#7a2e1a;--on-accent:#fff7e8;--line:#cdbb98}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.6 var(--body)}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:var(--on-accent);padding:12px 18px;z-index:100;font-family:var(--head)}
.skip-link:focus{left:12px;top:12px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;flex-wrap:wrap}
.brand{font:800 1.15rem var(--head);text-decoration:none}
.main-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap;font:500 1rem var(--head)}
.main-nav a{text-decoration:none;color:var(--muted)}
.main-nav a:hover,.main-nav .current-menu-item a{color:var(--ink)}
.hero{position:relative;padding:56px 0 72px;overflow:hidden}
.fret{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.5;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}
.hero-photo img{display:block;border-radius:20px;width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--line)}
h1{font:800 clamp(2.6rem,7.5vw,5.6rem)/.98 var(--head);letter-spacing:-.03em;margin:0 0 24px}
.hero-grid h1{font-size:clamp(2.4rem,6vw,4.6rem)}
.lede{max-width:34em;font-size:1.3rem;color:var(--muted);margin:0 0 32px}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;font:700 1.1rem var(--head);padding:16px 28px;border-radius:999px;text-decoration:none;background:var(--accent);color:var(--on-accent)}
.btn.alt{background:transparent;color:var(--ink);border:2px solid var(--line)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facts div{padding:22px 24px 22px 0}
.facts b{display:block;font:700 1.4rem var(--head)}
.facts span{color:var(--muted);font-size:1rem}
.section{padding:72px 0}
h2{font:800 clamp(1.8rem,4vw,2.6rem)/1.1 var(--head);letter-spacing:-.02em;margin:0 0 20px}
h3{font:700 1.3rem var(--head);margin:0 0 8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.styles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));border-top:1px solid var(--line)}
.styles article{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.styles p{margin:0;color:var(--muted)}
.panel{background:var(--surface);border-radius:20px;padding:40px}
.panel p{max-width:36em}
.shred-list{color:var(--muted);font-size:1rem}
.site-footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:1rem}
.site-footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.endorse a{margin-right:4px}
/* Inner pages and posts */
.entry{max-width:720px;margin:0 auto;padding:40px 24px 80px}
.entry h1{font-size:clamp(2rem,5vw,3.2rem);margin-bottom:28px}
.entry h2{margin-top:2em;font-size:1.8rem}
.entry a{color:var(--accent)}
.entry iframe,.entry video{max-width:100%}
.entry .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto}
.post-list article{border-bottom:1px solid var(--line);padding:24px 0}
.post-list h2{font-size:1.5rem;margin:0 0 8px}
.contact-form input,.contact-form textarea,.entry input[type=text],.entry input[type=email],.entry textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.entry input[type=submit],.entry button[type=submit]{font:700 1.1rem var(--head);padding:14px 26px;border-radius:999px;border:0;background:var(--accent);color:var(--on-accent);cursor:pointer}
@media (max-width:760px){.two,.hero-grid{grid-template-columns:1fr;gap:32px}body{font-size:18px}.panel{padding:28px}.hero-photo{order:-1;max-width:320px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}