/*
Theme Name: Scouts 13
Theme URI: https://scouts13.org
Author: Scouts BSA Troops 13
Description: Custom recruiting theme for Scouts 13 - Lucky 13, Trinity UMC Memphis. Navy/red/khaki with per-unit colors (Pack blue, 13B green, 13G purple, Crew gold), Scorekard display type.
Version: 1.7
License: GNU General Public License v2 or later
Text Domain: scouts13
*/
@font-face{font-family:'Scorekard';src:url('assets/fonts/Scorekard-Regular.woff2') format('woff2'),url('assets/fonts/Scorekard-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Scorekard';src:url('assets/fonts/Scorekard-Semibold.woff2') format('woff2'),url('assets/fonts/Scorekard-Semibold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Scorekard';src:url('assets/fonts/Scorekard-Bold.woff2') format('woff2'),url('assets/fonts/Scorekard-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
html{scroll-behavior:smooth}
body{margin:0;background:#F2EDE0;font-family:'Work Sans',system-ui,sans-serif}
a{color:#29497C;text-decoration:none}
a:hover{color:#C8102E}
.hvnav:hover{color:#fff !important}
/* Appearance → Menus items */
.s13-nav li{display:contents;list-style:none}
.s13-nav li a{color:rgba(255,255,255,.85)}
.s13-nav li a:hover{color:#fff}
.s13-nav li.current-menu-item > a,.s13-nav li.current_page_item > a{color:#fff;border-bottom:2px solid #C8102E;padding-bottom:3px}
.hvbtn:hover{background:#A50D24 !important}
/* unit about text written in the WP editor */
.s13-unit-about h2,.s13-unit-about h3{font-family:'Scorekard','Archivo Narrow',sans-serif;font-weight:700;color:#16243D;text-transform:uppercase;line-height:1.1;margin:0 0 14px}
.s13-unit-about h2{font-size:28px}
.s13-unit-about h3{font-size:21px;margin-top:1.2em}
.s13-unit-about p{font-size:15.5px;line-height:1.65;color:#4A4A40;margin:0 0 12px}
.s13-unit-about a{color:var(--u);font-weight:600}
.s13-unit-about ul,.s13-unit-about ol{font-size:15.5px;line-height:1.65;color:#4A4A40;margin:0 0 12px;padding-left:22px}
.s13-unit-about img{max-width:100%;height:auto;border-radius:8px}
/* unit sub-nav (Appearance → Menus) */
.s13-subnav li{display:contents;list-style:none}
.s13-subnav li a{color:#5C6472;padding:14px 0;border-bottom:3px solid transparent;font-weight:600;display:inline-block}
.s13-subnav li a:hover{color:var(--u)}
.s13-subnav li.current-menu-item > a,.s13-subnav li.current_page_item > a{color:var(--u);border-bottom-color:var(--u)}
/* photo placeholders — replace with real <img> tags (see README) */
.photo-slot{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#EAE3D2,#EAE3D2 12px,#E2DAC6 12px,#E2DAC6 24px);border:2px dashed #C9BFA4;box-sizing:border-box}
.photo-slot span{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#8A8163;background:rgba(255,253,248,.85);padding:4px 10px;border-radius:5px}
.photo-slot-bg{border:none;opacity:.35}
/* generic content pages (existing posts + pages) */
.s13-entry{max-width:860px;margin:0 auto;padding:44px 32px 64px;font-size:15.5px;line-height:1.7;color:#4A4A40}
.s13-entry h1,.s13-entry h2,.s13-entry h3{font-family:'Scorekard','Archivo Narrow',sans-serif;color:#16243D;text-transform:uppercase;line-height:1.1}
.s13-entry h2{font-size:28px;margin:1.6em 0 .5em}
.s13-entry h3{font-size:21px;margin:1.4em 0 .4em}
.s13-entry a{color:#C8102E;font-weight:600}
.s13-entry img{max-width:100%;height:auto;border-radius:8px}
.s13-entry blockquote{border-left:4px solid #EFB320;margin:1.2em 0;padding:.3em 0 .3em 18px;color:#5C6472}
.s13-entry table{border-collapse:collapse;width:100%}
.s13-entry td,.s13-entry th{border:1px solid #E4DCC8;padding:8px 12px;text-align:left}
/* hover states generated from the design */
.hv1:hover{background:#A50D24 !important;color:#fff !important}
.hv2:hover{background:rgba(255,255,255,.15) !important;color:#fff !important}
.hv3:hover{background:rgba(255,255,255,.05) !important;color:#fff !important}
.hv4:hover{background:#25599A !important;color:#fff !important}
.hv5:hover{background:#224D32 !important;color:#fff !important}
.hv6:hover{background:#4A3070 !important;color:#fff !important}
.hv7:hover{background:#96690A !important;color:#fff !important}
.hv8:hover{color:#fff !important}
.hv9:hover{border-color:#C8102E !important;color:#16243D !important}
.hv10:hover{background:#EFB320 !important;color:#16243D !important}
.hv11:hover{color:#275C3D !important}
.hv12:hover{background:#16243D !important;color:#fff !important}
.hv13:hover{border-color:#275C3D !important;color:#16243D !important}
.hv14:hover{color:#275C3D !important;border-color:#275C3D !important}
.hv15:hover{color:#5B3E85 !important}
.hv16:hover{background:#275C3D !important;color:#fff !important}
.hv17:hover{background:rgba(22,36,61,.08) !important;color:#16243D !important}
.hv18:hover{color:#8F6400 !important}
.hv19:hover{border-color:#2C6140 !important;color:#16243D !important}
.hv20:hover{background:#fff !important;color:#16243D !important}
.hv21:hover{border-color:#5B3E85 !important;color:#16243D !important}
.hv22:hover{border-color:#C88A00 !important;color:#16243D !important}

/* merit badge cards */
.s13-card{transition:border-color .15s}
.s13-card:hover{border-color:#C8102E !important}

/* ===== Mobile (inline-styled layout adapted via attribute selectors) ===== */
@media (max-width:760px){
  div[style*="position:sticky"] > div{padding:10px 16px !important}
  div[style*="position:sticky"] nav{gap:14px !important;font-size:12.5px !important}
  [style*="max-width:1160px"]{padding-left:18px !important;padding-right:18px !important}
  [style*="font-size:76px"]{font-size:42px !important}
  [style*="font-size:62px"]{font-size:36px !important}
  [style*="font-size:48px"]{font-size:31px !important}
  [style*="font-size:44px"]{font-size:29px !important}
  [style*="font-size:34px"]{font-size:26px !important}
  [style*="font-size:30px"]{font-size:24px !important}
  [style*="font-size:250px"]{display:none !important}
  [style*="font-size:80px"]{display:none !important}
  [style*="height:560px"]{height:430px !important}
  [style*="display:flex;gap:12px"]{flex-wrap:wrap !important}
  [style*="max-width:5ch"],[style*="max-width:6ch"]{max-width:none !important}
  [style*="grid-template-columns:1.15fr .85fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1fr .9fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1fr 1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important}
  [style*="grid-template-columns:auto 1fr 1fr 1fr"]{grid-template-columns:1fr !important;gap:20px !important}
  [style*="grid-template-columns:1.3fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr !important}
  [style*="grid-template-columns:1fr 220px"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:190px 110px 1fr auto"]{grid-template-columns:56px 1fr auto !important;gap:14px !important;padding:18px !important}
  [style*="grid-template-columns:190px 110px 1fr auto"] img{width:56px !important}
  div[style*="display:flex;gap:32px;align-items:center"]{flex-direction:column !important;align-items:flex-start !important;gap:18px !important}
  div[style*="display:flex;gap:32px;align-items:center"] > img{height:80px !important}
  [style*="grid-template-columns:110px 40px 1fr"]{grid-template-columns:58px 28px 1fr !important}
  [style*="grid-template-columns:110px 40px 1fr"] > div:first-child{font-size:17px !important}
  .s13-subnav{gap:18px !important}
}
@media (max-width:480px){
  [style*="grid-template-columns:1fr 1fr 1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns:1.3fr 1fr 1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="font-size:76px"]{font-size:34px !important}
}