/*
Theme Name: Shaw Respect
Theme URI: https://www.shawrespect.org/
Author: Shaw Respect Association
Description: A lightweight, accessible WordPress theme for Shaw Respect Association.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: shaw-respect
*/
:root{--forest:#244b45;--ink:#253b38;--cream:#f8f7f2;--sand:#e7e8de;--gold:#b88d4c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.7;background:#fff}a{color:var(--forest)}a:hover{text-decoration-thickness:2px}.wrap{max-width:1080px;margin:auto;padding:0 24px}.site-header{background:#fff;border-bottom:1px solid #e7e7e0;position:sticky;top:0;z-index:5}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:78px}.brand{font-family:Georgia,serif;font-size:1.45rem;font-weight:bold;text-decoration:none;color:var(--forest);line-height:1.15}.brand small{display:block;font:600 .67rem system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#687c76;margin-top:6px}.nav{display:flex;flex-wrap:wrap;gap:20px}.nav a{text-decoration:none;font-size:.9rem;font-weight:600}.hero{background:linear-gradient(120deg,#204740,#42766a);color:#fff;padding:110px 0 115px}.eyebrow{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#e2d1a9}.hero h1{font:normal clamp(2.7rem,6vw,5rem)/1.12 Georgia,serif;max-width:830px;margin:16px 0 24px}.hero p{font-size:1.2rem;max-width:700px;color:#f0f4f0}.button{display:inline-block;padding:12px 23px;background:#fff;color:var(--forest);text-decoration:none;font-weight:700;border-radius:4px;margin-top:12px}.button.dark{background:var(--forest);color:#fff}.section{padding:76px 0}.section.alt{background:var(--cream)}.section h2{font:normal clamp(2rem,4vw,3rem)/1.2 Georgia,serif;color:var(--forest);margin:0 0 24px}.section p{max-width:780px}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.section-label{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#8b6c3f;font-weight:700;margin-bottom:12px}.highlight{border-left:4px solid var(--gold);padding:4px 0 4px 22px;font-size:1.13rem}.contact{background:var(--forest);color:#fff}.contact h2,.contact a{color:#fff}.footer{background:#17352f;color:#d9e5df;padding:25px 0;font-size:.85rem}.footer a{color:#fff}.content-page{min-height:50vh;padding:70px 0}.content-page h1{font:normal 3rem Georgia,serif}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:10}img{max-width:100%;height:auto}@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.nav{gap:13px}.hero{padding:75px 0}.section{padding:52px 0}.section-grid{grid-template-columns:1fr;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Gutenberg content uses the original theme layout without hardcoded template text. */
.homepage-content .wp-block-group.hero,.homepage-content .wp-block-group.section{margin:0;max-width:none}
.homepage-content .wp-block-group.wrap{max-width:1080px;margin:0 auto}
.homepage-content .wp-block-columns.wrap{max-width:1080px;margin:0 auto;padding-left:24px;padding-right:24px}
.homepage-content .wp-block-columns.section-grid{gap:65px;align-items:flex-start}
.homepage-content .wp-block-columns.section-grid>.wp-block-column{flex-basis:0;flex-grow:1;min-width:0}
.homepage-content .hero .wp-block-heading{font:normal clamp(2.7rem,6vw,5rem)/1.12 Georgia,serif;max-width:830px;margin:16px 0 24px;color:#fff}
.homepage-content .hero p:not(.eyebrow){font-size:1.2rem;max-width:700px;color:#f0f4f0}
.homepage-content .section h2.wp-block-heading{font:normal clamp(2rem,4vw,3rem)/1.2 Georgia,serif;color:var(--forest);margin:0 0 24px}
.homepage-content .contact h2.wp-block-heading{color:#fff}
.homepage-content .wp-block-button.button-link .wp-block-button__link{display:inline-block;padding:12px 23px;background:#fff;color:var(--forest);text-decoration:none;font-weight:700;border-radius:4px}
.homepage-content .wp-block-button.button-link.dark .wp-block-button__link{background:var(--forest);color:#fff}
.homepage-content .contact .section-label{color:#e2d1a9}
.homepage-content .section .wp-block-columns{margin-bottom:0}
@media(max-width:760px){.homepage-content .wp-block-columns.section-grid{gap:12px;flex-wrap:wrap}.homepage-content .wp-block-columns.section-grid>.wp-block-column{flex-basis:100%!important}}
