/*
Theme Name: Second NJ District Traditional
Theme URI: https://www.2ndnjdistrictkofc.org/
Author: District Website Starter
Description: Traditional patriotic Fourth Degree district website starter. Includes initial pages and menus on activation.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: second-nj-district
*/
:root{--navy:#102747;--red:#941f2b;--gold:#c5a052;--ivory:#f7f3e9;--ink:#1d2939}
*{box-sizing:border-box}body{margin:0;font:17px/1.65 Georgia,serif;color:var(--ink);background:#fff}
a{color:#8b2430}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.wrap{width:min(1160px,calc(100% - 36px));margin:auto}
.topline{background:#081a31;color:#e6d4a9;text-align:center;padding:8px 16px;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.15em}
.banner{background:linear-gradient(90deg,rgba(8,24,48,.85),rgba(8,24,48,.38)),url('assets/flag.svg') center/cover;min-height:285px;display:flex;align-items:center;text-align:center;color:#fff}
.banner h1{color:#fff!important;font-size:clamp(32px,5vw,62px);line-height:1.15;margin:0 0 12px;text-shadow:0 2px 5px #0008}
.banner p{font:700 14px Arial,sans-serif;letter-spacing:.2em;color:#f1dba9;margin:0}
.goldline{height:5px;background:var(--gold)}
.nav{background:var(--red)}.nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:0;padding:0}
.nav a{display:block;padding:16px 17px;color:#fff;text-decoration:none;font:700 13px Arial,sans-serif;letter-spacing:.04em}.nav a:hover,.nav .current-menu-item>a{background:#6f1420}
main{min-height:50vh}.hero{background:var(--ivory);text-align:center;padding:65px 0 60px}.eyebrow{font:700 12px Arial,sans-serif;letter-spacing:.19em;color:var(--red)}
h1,h2,h3{font-weight:700;color:var(--navy);line-height:1.2}h2{font-size:clamp(27px,3vw,37px);margin:12px 0 22px}.hero h2{font-size:clamp(32px,4vw,50px);max-width:830px;margin:12px auto 22px}
.lead{font-size:20px;max-width:780px;margin:0 auto 25px}.btn{display:inline-block;background:var(--navy);color:white;text-decoration:none;font:700 13px Arial,sans-serif;letter-spacing:.05em;padding:14px 23px;border:1px solid var(--gold)}
.btn:hover{background:var(--red);color:white}.section{padding:58px 0}.section.alt{background:#f8f7f4}.center{text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid #ddd5c7;background:#fff;padding:25px;box-shadow:0 3px 12px #00000009}.card h3{font-size:22px;margin:0 0 10px}.card p{margin:0 0 14px}.card a{font:700 13px Arial,sans-serif}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.rule{height:2px;background:var(--gold);width:85px;margin:20px auto}
.page-content{padding:55px 0;max-width:900px}.page-content h1{font-size:42px}.notice{border-left:4px solid var(--gold);background:#f7f3e9;padding:18px 22px}
footer{background:var(--navy);color:#eee;padding:40px 0;text-align:center}footer strong{font-size:22px;color:white}footer a{color:#e6d4a9}footer p{font:14px/1.7 Arial,sans-serif}
.wp-block-image img{height:auto}
@media(max-width:750px){.banner{min-height:220px}.nav a{padding:12px 10px;font-size:11px}.cards,.two{grid-template-columns:1fr}.section{padding:40px 0}.hero{padding:45px 0}}
/* Improve homepage banner text readability */
.hero,
.hero h1,
.hero h2,
.hero p,
.hero .subtitle {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.85);
}