/* IAAF 2026 on the home page. Everything here is prefixed iaaf26- so it cannot touch the rest of the site. */

/* ---------- menu bar ---------- */
/* the bar was 30% black, so the white links were hard to read over the hero and the cream section below it */
#site-header { background-color:rgba(40,16,22,.96) !important; }

/* ---------- hero (inside the home slider) ---------- */
#home-slider.fullscreen .iaaf26-cap > .caption-middle { display:block; height:100%; padding:0; }
.iaaf26-cap .caption-inner { display:block; height:100%; }
#home-slider .flex-control-nav { display:none; }

.iaaf26-hero { position:absolute; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:96px 24px 40px; box-sizing:border-box; text-align:center; overflow:hidden; }
.iaaf26-hero:before { content:""; position:absolute; left:50%; top:54%; width:min(78vh, 82vw); height:min(78vh, 82vw); transform:translate(-50%, -50%); background:url(../img/iaaf26/emblem.webp) center/contain no-repeat; opacity:.06; pointer-events:none; }
.iaaf26-text { position:relative; max-width:960px; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.35); }
.iaaf26-eyebrow { font-size:14px; letter-spacing:4px; text-transform:uppercase; color:#f0cf75; margin:0 0 20px; }
.iaaf26-title { font-family:Georgia, "Times New Roman", serif; font-weight:400; font-size:clamp(34px, 6.4vw, 92px); line-height:1.04; letter-spacing:-.5px; color:#fff; margin:0; text-transform:none; text-wrap:balance; }
.iaaf26-title sup { font-size:.5em; top:-.55em; color:#f0cf75; }
.iaaf26-title em { font-style:normal; color:#f0cf75; }
.iaaf26-orn { display:block; width:150px; height:14px; margin:26px auto 24px; position:relative;
  background:linear-gradient(#f0cf75, #f0cf75) left center/60px 1px no-repeat, linear-gradient(#f0cf75, #f0cf75) right center/60px 1px no-repeat; }
.iaaf26-orn:after { content:""; position:absolute; left:50%; top:50%; width:9px; height:9px; margin:-4.5px 0 0 -4.5px; background:#f0cf75; transform:rotate(45deg); }
.iaaf26-when { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 0; font-size:clamp(15px, 1.5vw, 21px); letter-spacing:.5px; color:#fff; margin:0 0 12px; }
.iaaf26-when span { white-space:nowrap; }
.iaaf26-when span + span:before { content:"|"; margin:0 16px; color:#f0cf75; }
.iaaf26-tag { font-family:Georgia, serif; font-style:italic; font-size:clamp(16px, 1.7vw, 24px); color:#f6ead0; margin:0 0 34px; }
.iaaf26-cta { margin:0; }
.iaaf26-btn { display:inline-block; padding:16px 36px; font-size:15px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; text-decoration:none; text-shadow:none; border-radius:3px; border:2px solid; transition:background .2s, color .2s, transform .2s; cursor:pointer; }
.iaaf26-btn .fa { margin-left:8px; }
.iaaf26-btn-main { background:#bc0603; border-color:#bc0603; color:#fff; box-shadow:0 8px 24px rgba(0,0,0,.35); }
.iaaf26-btn-main:hover, .iaaf26-btn-main:focus { background:#d90a05; border-color:#d90a05; color:#fff; transform:translateY(-1px); text-decoration:none; }

@media (max-width: 575px) {
  .iaaf26-hero { padding:80px 18px 28px; }
  .iaaf26-eyebrow { font-size:11px; letter-spacing:3px; margin-bottom:14px; }
  .iaaf26-orn { width:110px; margin:18px auto; }
  .iaaf26-when { flex-direction:column; align-items:center; font-size:15px; margin-bottom:10px; }
  .iaaf26-when span + span:before { content:none; }
  .iaaf26-tag { margin-bottom:26px; }
  .iaaf26-btn { padding:15px 28px; font-size:14px; }
}
@media (max-height: 560px) {
  .iaaf26-hero { padding:66px 24px 14px; }
  .iaaf26-eyebrow { margin-bottom:8px; }
  .iaaf26-title { font-size:clamp(26px, 5vw, 40px); }
  .iaaf26-orn { margin:12px auto; }
  .iaaf26-when { flex-direction:row; font-size:14px; margin-bottom:6px; }
  .iaaf26-when span + span:before { content:"|"; }
  .iaaf26-tag { display:none; }
  .iaaf26-btn { padding:10px 24px; }
}

/* ---------- section under the hero ---------- */
.iaaf26-band { --olive:#3d4a1f; --maroon:#7a1c2c; --gold:#b98a2e; --ink:#2b2a1d; --muted:#625f4d;
  background:#faf4e6; color:var(--ink); padding:76px 0; line-height:1.65; text-align:left; }
.iaaf26-band h2, .iaaf26-band h3 { text-transform:none; letter-spacing:normal; }
.iaaf26-band-in { display:grid; grid-template-columns:minmax(260px, 420px) 1fr; gap:64px; align-items:center; max-width:1040px; margin:0 auto; }
.iaaf26-band-in > img { display:block; width:100%; height:auto; border-radius:4px; box-shadow:0 16px 44px rgba(60,40,20,.28); }
.iaaf26-kicker { display:inline-block; font-size:13px; letter-spacing:3px; text-transform:uppercase; font-weight:700; color:var(--maroon); margin-bottom:12px; }
.iaaf26-band h2.iaaf26-h2 { font-family:Georgia, "Times New Roman", serif; font-weight:400; font-size:clamp(28px, 3.2vw, 42px); line-height:1.18; margin:0 0 14px; color:var(--olive); }
.iaaf26-lead { font-size:17px; color:var(--muted); margin:0 0 28px; }

.iaaf26-rows { border-top:1px solid #e3d8b8; }
.iaaf26-row { display:grid; grid-template-columns:64px 1fr; gap:20px; align-items:start; padding:18px 0; border-bottom:1px solid #e3d8b8; }
.iaaf26-row p { margin:0; }
.iaaf26-date { text-align:center; font-size:12px; letter-spacing:2px; text-transform:uppercase; font-weight:700; color:var(--maroon); line-height:1.1; }
.iaaf26-date b { display:block; font-family:Georgia, serif; font-weight:400; font-size:36px; letter-spacing:0; line-height:1.05; }
.iaaf26-row h3 { font-family:Georgia, serif; font-weight:400; font-size:22px; line-height:1.25; margin:2px 0 4px; color:var(--olive); }
.iaaf26-row div p { font-size:15.5px; line-height:1.5; color:var(--muted); }
.iaaf26-row-award .iaaf26-date { font-size:26px; color:var(--gold); padding-top:6px; }
.iaaf26-row-award div p { color:var(--maroon); font-weight:700; }

.iaaf26-band-cta { margin:30px 0 0; }
.iaaf26-btn-line { background:transparent; border-color:var(--maroon); color:var(--maroon); padding:15px 32px; }
.iaaf26-btn-line:hover, .iaaf26-btn-line:focus { background:var(--maroon); color:#fff; text-decoration:none; }

@media (max-width: 991px) {
  .iaaf26-band { padding:56px 0; }
  .iaaf26-band-in { grid-template-columns:1fr; gap:36px; }
  .iaaf26-band-in > img { max-width:380px; margin:0 auto; }
}
@media (max-width: 575px) {
  .iaaf26-band { padding:44px 0; }
  .iaaf26-row { grid-template-columns:52px 1fr; gap:14px; }
  .iaaf26-date b { font-size:30px; }
  .iaaf26-row h3 { font-size:20px; }
  .iaaf26-lead { font-size:16px; margin-bottom:22px; }
  .iaaf26-band-cta { text-align:center; }
}