/* ====== HALL OF FAME, honor roll ====== */
#hall{display:none;background:var(--olive);padding:64px 0 72px;position:relative;overflow:hidden}
#hall.hall-open{display:block}
#hall::before{content:'';position:absolute;top:-120px;right:-120px;width:420px;height:420px;border:1px solid rgba(210,205,191,.08);border-radius:50%;pointer-events:none}
#hall::after{content:'';position:absolute;bottom:-160px;left:-160px;width:520px;height:520px;border:1px solid rgba(210,205,191,.06);border-radius:50%;pointer-events:none}
#hall .container{position:relative;z-index:1;max-width:920px}
.hall-sub{font-family:var(--font);font-size:12px;font-weight:300;color:var(--dune);opacity:.7;letter-spacing:.5px;line-height:1.8;max-width:560px;margin:0 0 26px}
.hall-ed-tabs{display:flex;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.hall-ed-tab{font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:var(--khaki);background:transparent;border:1px solid rgba(210,205,191,.25);padding:8px 18px;cursor:pointer;transition:all .3s}
.hall-ed-tab:hover{color:var(--dune);border-color:rgba(210,205,191,.5)}
.hall-ed-tab.active{background:#C9A96E;color:var(--olive);border-color:#C9A96E}

.hall-group{font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:#C9A96E;margin:26px 0 2px;display:flex;align-items:center;gap:14px}
.hall-group::after{content:'';flex:1;height:1px;background:rgba(201,169,110,.25)}

.hall-row{display:grid;grid-template-columns:200px 1fr auto;gap:20px;align-items:baseline;padding:12px 2px;border-bottom:1px solid rgba(210,205,191,.1)}
.hall-row:last-child{border-bottom:none}
.hall-row-cat{font-family:var(--font);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--khaki)}
.hall-row-champ{font-family:var(--tt);font-size:21px;font-weight:400;color:#EFEBE1;letter-spacing:.03em}
.hall-row-champ::before{content:'\25C6\00a0\00a0';color:#C9A96E;font-size:10px;vertical-align:2px}
.hall-row-champ.hall-tbc{font-family:var(--font);font-size:12px;font-style:italic;font-weight:300;color:var(--khaki);letter-spacing:1px}
.hall-row-champ.hall-tbc::before{content:'\25C7\00a0\00a0';color:rgba(201,169,110,.5)}
.hall-row-side{text-align:right;font-family:var(--font);font-size:10px;font-weight:300;letter-spacing:1.2px;color:var(--khaki);line-height:1.8;text-transform:uppercase}

.hall-close{position:absolute;top:20px;right:20px;z-index:2;font-family:var(--font);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--khaki);background:transparent;border:1px solid rgba(210,205,191,.25);padding:7px 12px;cursor:pointer;transition:all .3s}
.hall-close:hover{color:var(--dune);border-color:rgba(210,205,191,.5)}

@media(max-width:680px){
  #hall{padding:48px 0 56px}
  .hall-row{grid-template-columns:1fr;gap:2px;padding:12px 0}
  .hall-row-side{text-align:left;margin-top:2px}
  .hall-row-champ{font-size:18px}
}
/* (the Hall of Fame nav link used to be hidden on mobile; the header
   now shrinks and wraps instead, see the mobile header rules in styles.css) */