/* Site footer -- from the Riata Design Concept, ported onto the real address/phone/email
   content (the concept's own copy had a stale Stallions & Nominations phone number and no real
   routes for its "Riata" link column). Scoped to .ft so nothing here depends on or overwrites
   the rest of the site's styles. Colors are inlined rather than declared as CSS custom
   properties, so nothing here can collide with another component's same-named variable. */
.ft { background:#111111; color:#d6d6d6; border-top:3px solid #c2272c; padding-block:clamp(3rem, 7vw, 4.5rem) 2rem; }
.ft-in { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; gap:3rem; }
.ft img.logo { height:84px; width:auto; margin-bottom:1.2rem; }
.ft-h { text-transform:uppercase; letter-spacing:.2em; font-weight:700; font-size:.68rem; color:#c2272c; margin:0 0 .9rem; }
.ft p, .ft address { margin:0; font-style:normal; font-size:.88rem; line-height:1.9; }
/* Overrides a sitewide `footer a { font-size:1.1em; font-weight:bold; }` (_mainnew.css) that
   would otherwise make every link here bold and oversized. */
.ft a { color:#fff; text-decoration:none; font-size:.88rem; font-weight:400; }
.ft a:hover { color:#c2272c; text-decoration:underline; }
.ft ul { list-style:none; margin:0; padding:0; font-size:.88rem; line-height:2; }
.ft-soc { display:flex; gap:.8rem; margin-top:1rem; }
.ft-soc a { display:inline-flex; width:38px; height:38px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.25); }
.ft-soc a:hover { border-color:#c2272c; }
.ft-soc svg { width:16px; height:16px; fill:#fff; }
.ft-b { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,.12); margin-top:3rem; padding-top:1.4rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.14em; }

@media (max-width:1080px) {
    .ft-in { grid-template-columns:1fr 1fr; gap:2.5rem; }
}
@media (max-width:640px) {
    .ft-in { grid-template-columns:1fr; }
}