@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
/* =============================================================
 * css/nav.css — East Idaho Events shared chrome
 * Mega-menu header (.mm-*), footer (.mm-footer), and the
 * "East Idaho Sponsors" band (.sb-*). Loaded on every page.
 * Palette: deep navy, white, butter gold. Display font: Jost.
 * ============================================================= */

.mm-header{position:sticky;top:0;z-index:80;background:#0C1B2A;border-bottom:1px solid #1E3A52}
.mm-wrap{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:26px;height:68px}
.mm-brand{font-family:'Righteous','Jost',sans-serif;font-weight:400;font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;color:#FFFFFF;white-space:nowrap;line-height:1}
.mm-brand span{color:#FFD447}
.mm-brand:hover span{color:#FFFFFF;transition:color .18s}

.mm-nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.mm-link{display:block;padding:24px 12px;font-family:'Inter',sans-serif;font-weight:600;font-size:.9rem;color:#9FB0C3;border-bottom:2px solid transparent}
.mm-item:hover > .mm-link, .mm-item:focus-within > .mm-link, .mm-link:hover{color:#FFFFFF;border-color:#FFD447}

.mm-item{position:static}
.mm-panel{position:fixed;left:0;right:0;top:68px;background:#FFFFFF;border-top:3px solid #FFD447;border-bottom:1px solid #DFE2E8;box-shadow:0 34px 54px -26px rgba(6,15,25,.5);opacity:0;visibility:hidden;transition:opacity .15s;z-index:70}
.mm-item:hover > .mm-panel, .mm-item:focus-within > .mm-panel{opacity:1;visibility:visible}
.mm-panel-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 264px;gap:34px;padding:30px 24px 34px}
.mm-panel-head{font-family:'Space Mono',monospace;font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#5A6675;grid-column:1/-1;margin-bottom:-8px}
.mm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-content:start}
.mm-card{display:block;line-height:1.4}
.mm-thumb{display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#14293C;margin-bottom:10px}
.mm-thumb img,.mm-thumb svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.mm-card:hover .mm-thumb img,.mm-card:hover .mm-thumb svg{transform:scale(1.04)}
.mm-card b{display:block;font-family:'Jost',sans-serif;font-weight:600;font-size:1.06rem;color:#0C1B2A;letter-spacing:.02em}
.mm-card:hover b{color:#1E5A8A}
.mm-card > span{display:block;font-size:.84rem;color:#5A6675;margin-top:2px}
/* sponsor tier cards (no thumbnails) */
.mm-tier{border:1.5px solid #DFE2E8;border-radius:6px;padding:16px 18px;transition:border-color .15s,transform .15s}
.mm-tier:hover{border-color:#0C1B2A;transform:translateY(-2px)}
.mm-tier b{font-size:1.02rem}
/* tier layout: Presenting + Premier on row 1, three tiers on row 2 */
.mm-tiers{grid-template-columns:repeat(6,1fr)}
.mm-tiers .mm-tier{grid-column:span 2}
.mm-tiers .mm-tier-top{grid-column:span 3}
/* per-tier accents, matching the sponsors page: thin colored border + clean pill */
.mm-tier{position:relative}
.mm-tier-presenting{border-color:#1E5A8A}
.mm-tier-presenting:hover{border-color:#0C1B2A}
.mm-tier-premier{border-color:#D9A00B}
.mm-tier-premier:hover{border-color:#8A6A00}
/* quick links rail */
.mm-aside{background:#F2F5F9;border-radius:6px;padding:18px 20px;align-self:start}
.mm-quick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-weight:600;font-size:.9rem;color:#1E5A8A;border-bottom:1px solid #E2E7EE}
.mm-quick:last-child{border-bottom:none}
.mm-quick::after{content:"\203A";font-size:1.1rem;line-height:1;color:#8A6A00}
.mm-quick:hover{color:#0C1B2A}
/* right rail stacks multiple boxes */
.mm-rail{display:grid;gap:14px;align-self:start}
/* alt partner box: navy on white panel, high contrast */
.mm-aside.mm-aside-alt{background:#0C1B2A}
.mm-aside-alt .mm-aside-head{font-family:'Space Mono',monospace;font-size:.6rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#FFFFFF;padding-bottom:9px;border-bottom:1px solid #2A4A63;margin-bottom:4px}
.mm-aside.mm-aside-alt .mm-quick{color:#DCE6F0;border-color:#2A4A63}
.mm-aside.mm-aside-alt .mm-quick::after{color:#FFD447}
.mm-aside.mm-aside-alt .mm-quick:hover{color:#FFD447}
.mm-actions{display:flex;align-items:center;gap:10px;margin-left:14px}
.mm-btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:10px 16px;border:none;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.mm-btn-gold{background:#FFD447;color:#0C1B2A}
.mm-btn-gold:hover{background:#EFC02C}
.mm-btn-outline{background:transparent;color:#F4F6F8;box-shadow:inset 0 0 0 2px #F4F6F8}
.mm-btn-outline:hover{background:#F4F6F8;color:#0C1B2A}

.mm-burger{display:none;margin-left:auto;background:none;border:none;padding:10px;cursor:pointer}
.mm-burger span{display:block;width:24px;height:2.5px;background:#F4F6F8;margin:5px 0;border-radius:2px;transition:transform .2s,opacity .2s}

@media (max-width:960px){
  .mm-burger{display:block}
  .mm-nav{position:fixed;inset:68px 0 0 0;background:#0C1B2A;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:12px 0 24px;overflow-y:auto;display:none;z-index:85}
  .mm-header.mm-open .mm-nav{display:flex}
  .mm-header.mm-open .mm-burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .mm-header.mm-open .mm-burger span:nth-child(2){opacity:0}
  .mm-header.mm-open .mm-burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .mm-link{padding:14px 24px;border-bottom:none;font-size:1rem}
  .mm-panel{position:static;opacity:1;visibility:visible;background:#0A1826;border:none;box-shadow:none}
  .mm-panel-inner{display:block;padding:0 0 10px}
  .mm-panel-head{color:#5C7186;padding:6px 24px 8px;margin:0}
  .mm-cards{display:block}
  .mm-card{padding:9px 24px 9px 34px}
  .mm-card:hover{background:#14293C}
  .mm-thumb{display:none}
  .mm-card b{color:#F4F6F8;font-size:.98rem}
  .mm-card > span{color:#9FB0C3}
  .mm-tier{border:none;padding:9px 24px 9px 34px;transform:none}
  .mm-rail{gap:0}
  .mm-aside{background:transparent;border-radius:0;padding:4px 24px 0 34px}
  .mm-aside-alt{background:transparent}
  .mm-tiers{display:block}
  .mm-tiers .mm-tier{background:transparent;border:none}
  .mm-aside.mm-aside-alt{background:transparent}
  .mm-aside-alt .mm-aside-head{color:#5C7186;border-color:#14293C}
  .mm-quick{color:#9FB0C3;border-color:#14293C}
  .mm-quick:hover{color:#F4F6F8}
  .mm-actions{flex-direction:column;align-items:stretch;margin:14px 24px 0;gap:10px}
  .mm-btn{padding:13px}
}

/* ---------------- footer ---------------- */
.mm-footer{background:#081420;color:#9FB0C3;padding:54px 0 28px;font-family:'Inter',system-ui,sans-serif}
.mm-fwrap{max-width:1180px;margin:0 auto;padding:0 24px}
.mm-fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;margin-bottom:38px}
@media (max-width:720px){.mm-fgrid{grid-template-columns:1fr}}
.mm-fabout{max-width:300px;font-size:.93rem;margin-top:12px;line-height:1.6}
.mm-social{display:flex;gap:10px;margin-top:16px}
.mm-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1.5px solid #1E3A52;border-radius:8px;color:#9FB0C3;transition:color .15s,border-color .15s}
.mm-social a:hover{color:#FFD447;border-color:#FFD447}
.mm-social svg{width:19px;height:19px}
.mm-fcol h4{font-family:'Space Mono',monospace;font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;color:#FFD447;margin-bottom:13px;font-weight:700}
.mm-fcol a{display:block;padding:5px 0;font-size:.93rem;color:#9FB0C3;text-decoration:none}
.mm-fcol a:hover{color:#F4F6F8}
.mm-fbottom{border-top:1px solid #1B3040;padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.78rem}
.mm-fbottom a{color:inherit;text-decoration:none}
.mm-fbottom a:hover{color:#F4F6F8}

/* ---------------- East Idaho Sponsors band ---------------- */
.sb-band{background:#FFFFFF;border-top:1px solid #DFE2E8;padding:52px 0 58px;text-align:center;font-family:'Inter',system-ui,sans-serif}
.sb-wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.sb-title{font-family:'Jost',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.35rem;color:#0C1B2A}
.sb-sub{color:#5A6675;font-size:.92rem;margin:8px auto 24px;max-width:52ch}
.sb-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 34px;margin-bottom:22px}
.sb-item{display:inline-flex;align-items:center;font-weight:600;font-size:.95rem;color:#5A6675;text-decoration:none;transition:color .15s}
.sb-item img{max-height:36px;width:auto;filter:grayscale(1);opacity:.75;transition:filter .15s,opacity .15s}
a.sb-item:hover{color:#0C1B2A}
a.sb-item:hover img{filter:grayscale(0);opacity:1}
.sb-join{display:inline-block;font-weight:700;font-size:.86rem;color:#8A6A00;border-bottom:2px solid #FFD447;padding-bottom:1px;text-decoration:none}
.sb-join:hover{color:#0C1B2A}