/*
Theme Name: 15317 Info Theme
Theme URI: https://15317.info
Author: 15317.info
Description: Brand-matched Canonsburg local hub theme for 15317.info with merchants, jobs, events, alerts, weather, roads, and park information.
Version: 0.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: info15317theme
*/
:root{--navy:#02091d;--navy2:#061535;--blue:#0b59f0;--blue2:#0f6bff;--gold:#e4aa05;--gold2:#ffc928;--ink:#071126;--muted:#667085;--line:#e6eaf2;--card:#fff;--soft:#f7f9fd;--radius:18px;--shadow:0 20px 55px rgba(5,13,36,.12);--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:#fff;color:var(--ink)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:15px 24px}.brand{display:flex;align-items:center;gap:13px;color:var(--navy);font-weight:950;letter-spacing:-.055em}.brand-lockup{line-height:.82}.brand-number{font-size:2.05rem;font-weight:1000}.brand-dotinfo{display:block;color:var(--gold);font-size:.82rem;letter-spacing:.28em;margin-left:.17em}.brand-tag{display:block;color:var(--blue);font-size:.46rem;letter-spacing:.32em;margin-top:8px;text-transform:uppercase}.brand-pin{width:32px;height:32px;border-radius:50% 50% 50% 0;background:linear-gradient(150deg,var(--gold2),var(--gold));transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 20px rgba(228,170,5,.28);margin-right:-3px}.brand-pin:after{content:"";width:12px;height:12px;border-radius:999px;background:var(--navy);display:block}.brand-pin span{display:none}.main-menu{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.main-menu a{color:var(--navy);font-weight:900;font-size:.88rem;text-transform:uppercase;letter-spacing:.02em;padding:10px 12px;border-radius:999px}.main-menu a:hover{background:#eef4ff;color:var(--blue)}.header-actions{display:flex;gap:10px;align-items:center}.button,.wp-block-button__link,.info15317-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:0;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#111!important;font-weight:950;text-transform:uppercase;letter-spacing:.02em;padding:13px 18px;box-shadow:0 12px 26px rgba(228,170,5,.25);cursor:pointer}.button.blue{background:linear-gradient(180deg,#146aff,#034ee7);color:#fff!important;box-shadow:0 12px 26px rgba(11,89,240,.24)}.button.dark{background:linear-gradient(180deg,#0a1837,#02091d);color:#fff!important;box-shadow:0 12px 26px rgba(2,9,29,.24)}.button.outline{background:#fff;color:var(--blue)!important;border:1px solid var(--blue);box-shadow:none}.wrap{max-width:1280px;margin:0 auto;padding:32px 24px}.site-shell{background:linear-gradient(180deg,#fff 0,#f8faff 100%)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(11,89,240,.22),transparent 28%),radial-gradient(circle at 88% 12%,rgba(228,170,5,.2),transparent 23%),linear-gradient(135deg,#02091d 0%,#061535 48%,#02091d 100%);color:#fff;border-radius:0 0 34px 34px;margin:-32px -24px 0;padding:66px 24px 42px;border-bottom:4px solid var(--blue)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,29,.92),rgba(2,9,29,.68)),url('data:image/svg+xml,%3Csvg width="240" height="160" viewBox="0 0 240 160" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" stroke="%23ffffff" stroke-opacity=".08"%3E%3Cpath d="M0 120 C40 80 70 150 112 95 S190 42 240 84"/%3E%3Cpath d="M20 30 H220 M20 60 H190 M20 90 H205"/%3E%3C/g%3E%3C/svg%3E');background-size:cover}.hero-inner{position:relative;max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.hero h1{font-size:clamp(3.5rem,9vw,8.4rem);letter-spacing:-.08em;line-height:.8;margin:0}.hero .info-line{font-size:clamp(1.2rem,2.2vw,2rem);letter-spacing:.32em;color:var(--gold);font-weight:950;margin:8px 0 18px;text-transform:uppercase}.hero p{max-width:720px;color:rgba(255,255,255,.88);font-size:1.13rem;font-weight:650}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.26)}.search-bar{display:grid;grid-template-columns:1fr auto;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 34px rgba(5,13,36,.12)}.search-bar input{border:0;padding:17px 18px;font:inherit;min-width:0}.search-bar button{border:0;background:var(--blue);color:#fff;font-weight:950;padding:0 22px;font-size:1.1rem}.icon-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:28px 0}.icon-tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px 12px;text-align:center;color:var(--navy);box-shadow:0 14px 38px rgba(5,13,36,.06);font-weight:950;text-transform:uppercase;font-size:.86rem}.icon-tile .icon{width:54px;height:54px;margin:0 auto 10px;border-radius:999px;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);font-size:1.7rem;background:#fff}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:42px 0 16px}.section-title h2{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.05em;line-height:1;margin:0;color:var(--navy);text-transform:uppercase}.section-title p{margin:4px 0 0;color:var(--muted);font-weight:700}.card-grid,.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.trend-card,.quick-card,.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.trend-card{min-height:238px;position:relative;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(180deg,rgba(2,9,29,.05),rgba(2,9,29,.9)),linear-gradient(135deg,#0b59f0,#02091d)}.trend-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(228,170,5,.48),transparent 24%);opacity:.85}.trend-card-body{position:relative;padding:18px}.date-badge{position:absolute;top:14px;left:14px;background:var(--blue);color:#fff;border-radius:8px;padding:8px 9px;text-align:center;font-weight:950;line-height:.9;box-shadow:0 8px 18px rgba(0,0,0,.28)}.date-badge span{display:block;font-size:.72rem}.date-badge strong{display:block;font-size:1.65rem}.trend-card h3{margin:0;font-size:1.35rem;letter-spacing:-.03em;line-height:1.05}.quick-card{padding:22px;color:var(--ink);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.quick-card .icon{width:54px;height:54px;border-radius:999px;background:#f2f6ff;color:var(--blue);display:grid;place-items:center;font-size:1.45rem}.quick-card strong{display:block;color:var(--navy);font-size:1.05rem}.quick-card span{display:block;color:var(--muted);font-weight:700;font-size:.92rem;margin-top:3px}.content-card{padding:28px}.post-title{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.9;letter-spacing:-.075em;color:var(--navy);margin:0 0 20px}.meta-strip{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.meta-pill{display:inline-flex;background:#eef4ff;color:#0b49c5;border-radius:999px;padding:8px 12px;font-weight:950}.application-form{display:grid;gap:14px;margin-top:24px}.application-form label{font-weight:900}.application-form input,.application-form textarea{width:100%;border:1px solid #d7deea;border-radius:12px;padding:13px;font:inherit;margin-top:6px}.brand-divider{display:flex;align-items:center;gap:16px;justify-content:center;margin:36px 0}.brand-divider:before,.brand-divider:after{content:"";width:110px;height:2px;background:var(--blue)}.brand-divider span{width:31px;height:31px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg);display:block}.site-footer{background:linear-gradient(135deg,#02091d,#061535);color:#cfd7ea;margin-top:56px;border-top:4px solid var(--blue)}.site-footer .wrap{padding-top:38px;padding-bottom:38px}.footer-brand{font-weight:1000;font-size:2rem;letter-spacing:-.06em;color:#fff}.site-footer a{color:#fff}@media(max-width:1000px){.header-inner{grid-template-columns:1fr;gap:12px}.main-menu{justify-content:flex-start}.header-actions{justify-content:flex-start}.hero-inner{grid-template-columns:1fr}.icon-nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.wrap{padding:24px 16px}.hero{margin:-24px -16px 0;padding:46px 16px 32px;border-radius:0 0 24px 24px}.hero h1{font-size:4.2rem}.icon-nav{grid-template-columns:repeat(2,1fr)}.header-actions{display:none}.brand-tag{display:none}.main-menu a{font-size:.78rem;padding:8px}.section-title{display:block}.quick-card{grid-template-columns:1fr}.button{width:100%}}
