.league-banner {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.league-banner img {
    height: 80px;
    width: auto;
}

.league-banner.aaf {background-color: #123468;}
.league-banner.nfle { background-color: #0c2340; }
.league-banner.ufl { background-color: #0082BA; }
.league-banner.usfl83 { background: #0616b6; }
.league-banner.usfl { background: #002D72; }
.league-banner.wlaf { background-color: #044E7C; }
.league-banner.xfl { background: #000000; }
.league-banner.xfl2020 { background-color: #001b4e; }

h3.nfle {
background: #0c2340!important;
color: white;
padding: 10px;
}

h3.ufl {
background: #0082BA!important;
color: white;
padding: 10px;
}

h3.usfl83 {
background: #0616b6!important;
color: white;
padding: 10px;
}

h3.usfl {
background: #002D72!important;
color: white;
padding: 10px;
}

h3.wlaf {
background: #044E7C!important;
color: white;
padding: 10px;
}

h3.xfl {
background: #000000!important;
color: white;
padding: 10px;
}

/* LEAGUE BLOCKS */

.league-block {
    background: #f4f4f4;
    padding: 20px;
    margin-bottom: 35px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.league-block h2 {
    font-size: 28px;
    margin-bottom: 10px;
    color: #000;
    text-transform: uppercase;
}

.league-block h3 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #333;
}

.logo-set {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.logo-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 120px; /* consistent width for all logos */
}

.logo-item img {
    width:100px;
    height: 100px;
    display: block;
}

.helmet-set {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.helmet-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 120px; /* consistent width for all logos */
}

.helmet-item img {
    width:150px;
    height: auto;
    display: block;
}

.helmet-item .year {
    margin-top: 6px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}

.logo-item .year {
    margin-top: 6px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}

/* Table layout */
.leaguehub {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-family: Arial, sans-serif;
font-size:18px;
}

/* Header row */
.leaguehub th {
width:20px;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

/* Body rows */
.leaguehub td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

/* Logo sizing */
.leagueicon {
  width: 65px;
  height: auto;
}