:root{
--primary:#3768b2;
--gold:#faad17;
--text:#111;
--muted:#6b7280;
--bg:#fff;
--row-bg:#fff;
--open-bg:#f6f6f6;
--border:#e5e7eb;
}
html{ scroll-behavior:smooth; }
.ae-container{
max-width:1300px;
margin:0 auto;
padding:0 10px;
box-sizing:border-box;
}
/* ===== HERO ===== */
.ae-jumbotron{
background-color:var(--primary);
border-radius:8px;
color:#fff;
text-align:center;
padding:2rem 1rem;
margin:18px auto;
position:relative;
overflow:hidden;
}
.ae-jumbotron::after{
content:"";
position:absolute;
left:0; right:0; bottom:0;
height:4px;
background:linear-gradient(90deg, var(--gold), #ffd981);
}
.ae-jumbotron-logo{
max-width:100%;
height:auto;
width:200px;
}
.ae-jumbotron h1{
margin-top:20px;
font-size:2rem;
line-height:1.15;
color:#fff;
font-family:"Oswald", sans-serif;
text-transform:uppercase;
letter-spacing:.03em;
}
.ae-jumbotron p{
margin:.65rem 0 0;
font-size:16px;
line-height:1.55;
}
@media (min-width:768px){
.ae-jumbotron{ padding:3rem 1rem; }
.ae-jumbotron h1{ font-size:2.5rem; }
}
/* ===== HEADER ===== */
.header-image-container {
position: relative;
margin-bottom: 0;
padding-bottom: 0;
}
.header-image-container picture,
.header-image-container img {
display: block;
margin: 0;
padding: 0;
width: 100% !important;
height: auto;
border-radius: 12px;
margin-bottom: 20px;
}
/* ===== TOP BUTTONS ===== */
.quick-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
margin:18px 0 28px;
}
.quick-pill{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 16px;
border-radius:999px;
background:rgba(55,104,178,.08);
border:1px solid rgba(55,104,178,.22);
color:var(--primary) !important;
text-decoration:none !important;
font-weight:800;
font-size:14px;
letter-spacing:.02em;
transition:transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.quick-pill:hover{
transform:translateY(-1px);
background:#bfbfbf;
border-color:rgba(250,173,23,.55);
}
.quick-pill i{
color:var(--primary);
}
.quick-pill-tix{
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 16px;
border-radius:999px;
background: #faad17;
border:1px solid rgba(55,104,178,.22);
color:#3768b2;
text-decoration:none !important;
font-weight:800;
font-size:14px;
letter-spacing:.02em;
transition:transform .18s ease, background-color .18s ease, border-color .18s ease;
}
.quick-pill-tix:hover{
transform:translateY(-1px);
background: #bfbfbf ;
border-color:rgba(250,173,23,.55);
}
.quick-pill-tix i{
color:var(--primary);
}
/* ===== INTRO / MISSION STYLE ===== */
.ae-intro{
text-align:center;
margin:12px auto 26px;
}
.ae-intro h2{
margin-bottom:8px;
font-family:"Oswald", sans-serif;
color:var(--primary);
text-transform:uppercase;
letter-spacing:.04em;
}
.ae-intro p{
max-width:920px;
margin-inline:auto;
line-height:1.65;
}
/* ===== ROSTER MODULE ===== */
.roster-shell{
margin:32px 0;
background:#fff;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
overflow:hidden;
}
.roster-head{
padding:14px 16px 10px;
background:#3768b2;
border-bottom:1px solid rgba(0,0,0,.06);
}
.roster-head h2{
margin:0;
font:700 22px/1.2 "Oswald", sans-serif;
color:#fff;
text-transform:uppercase;
letter-spacing:.02em;
}
.roster-sub{
margin:4px 0 0;
color:#fff;
font-size:14px;
font-weight:600;
}
.roster-body{
padding:16px;
}
.roster-section{
margin-top:24px;
}
.roster-section:first-child{
margin-top:0;
}
.roster-section h3{
margin:0 0 10px;
font:700 20px/1.2 "Oswald", sans-serif;
color:var(--primary);
text-transform:uppercase;
}
.roster-table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
border:1px solid var(--border);
border-radius:10px;
}
.roster-table{
width:100%;
border-collapse:collapse;
min-width:560px;
background:#fff;
}
.roster-table thead th{
background:#f8fafc;
color:var(--primary);
font-size:12px;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
text-align:left;
padding:12px 14px;
border-bottom:1px solid var(--border);
}
.roster-table tbody td{
padding:12px 14px;
border-top:1px solid rgba(0,0,0,.06);
vertical-align:top;
color:var(--text);
font-size:14px;
line-height:1.45;
}
.roster-table tbody tr:first-child td{
border-top:0;
}
.roster-table tbody tr:hover{
background:#fcfdff;
}
.roster-no{
width:72px;
font-weight:800;
color:var(--primary);
}
.roster-pos{
width:90px;
font-weight:700;
}
.roster-note{
color:var(--muted);
font-size:13px;
margin-top:6px;
}
.roster-key{
margin-top:20px;
padding:14px 16px;
background:#f8fafc;
border:1px solid var(--border);
border-radius:10px;
}
.roster-key h4{
margin:0 0 8px;
font:700 16px/1.2 "Oswald", sans-serif;
color:var(--primary);
text-transform:uppercase;
}
.roster-key p{
margin:0;
font-size:14px;
line-height:1.6;
}
.roster-stats{
margin-top:20px;
padding:14px 16px;
background:#f8fafc;
border:1px solid var(--border);
border-radius:10px;
}
.roster-stats h4{
margin:0 0 8px;
font:700 16px/1.2 "Oswald", sans-serif;
color:var(--primary);
text-transform:uppercase;
}
.roster-stats ul{
margin:0;
padding-left:18px;
}
.roster-stats li{
margin:6px 0;
color:var(--text);
line-height:1.5;
}
/* ===== FEATURE CARDS ===== */
.card-grid{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:20px;
margin:32px 0;
box-sizing:border-box;
}
@media (max-width:1023.98px){
.card-grid{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width:599.98px){
.card-grid{
grid-template-columns:1fr !important;
}
}
.info-card{
background:#fff;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
overflow:hidden;
display:flex;
flex-direction:column;
min-width:0;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.info-card:hover,
.info-card:focus-within{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.08);
border-color:color-mix(in oklab, var(--primary) 40%, var(--border));
}
.info-card .card-media{
aspect-ratio:16 / 9;
background:#f3f4f6;
overflow:hidden;
}
.info-card .card-media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.info-card .card-body{
padding:14px 16px 16px;
}
.info-card h3{
font-family:"Oswald", sans-serif;
font-size:20px;
line-height:1.25;
margin:0 0 8px;
color:var(--primary);
}
.info-card p{
margin:0;
color:var(--text);
line-height:1.55;
}
.info-card .card-footer{
margin-top:auto;
padding:0 16px 16px;
}
/* ===== FULL-WIDTH VIDEO ===== */
.video-feature{
margin:32px 0;
background:#fff;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
overflow:hidden;
}
.video-feature-head{
padding:14px 16px 10px;
background:#3768b2;
border-bottom:1px solid rgba(0,0,0,.06);
}
.video-feature-head h2{
margin:0;
font:700 22px/1.2 "Oswald", sans-serif;
color:#fff;
text-transform:uppercase;
letter-spacing:.02em;
}
.video-feature-sub{
margin:4px 0 0;
color:#fff;
font-size:14px;
font-weight:600;
}
.video-feature-body{
padding:16px;
}
.video-feature-frame{
position:relative;
width:100%;
aspect-ratio:16 / 9;
background:#000;
border-radius:10px;
overflow:hidden;
}
.video-feature-frame iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
display:block;
}
/* ===== UCLA BUTTON ===== */
.ae-button{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 6px 12px;
background-color: var(--primary);
border: 2px solid #fff;
color: #fff !important;
border-radius: 999px;
text-decoration: none !important;
font-weight: 700;
line-height: 1.2;
text-align: center;
white-space: nowrap;
max-width: 100%; /* keeps it from overflowing parent */
width: auto; /* instead of fit-content */
transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .18s ease;
}
.ae-button:hover{
background-color: var(--gold);
color: #111 !important;
transform: translateY(-1px);
}
.ae-button:focus-visible{
outline:3px solid rgba(250,173,23,.6);
outline-offset:2px;
}
/* accordion button row */
.ac-buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:16px;
}
/* ===== SCHEDULE MODULE ===== */
.schedule-shell{
margin:32px 0;
background:#fff;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
overflow:hidden;
}
.schedule-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 16px 10px;
border-bottom:1px solid rgba(0,0,0,.06);
background-color: #3768b2;
}
.schedule-head h2{
margin:0;
font:700 22px/1.2 "Oswald", sans-serif;
color:#fff;
letter-spacing:.02em;
text-transform:uppercase;
}
.schedule-sub{
margin:4px 0 0;
color:#fff;
font-size:14px;
font-weight:600;
}
.schedule-list{
padding:8px 0;
}
.game-row{
display:grid;
grid-template-columns:160px 1fr auto;
gap:16px;
align-items:center;
padding:16px;
border-top:1px solid rgba(0,0,0,.06);
}
.game-row:first-child{ border-top:0; }
.game-date{
font-weight:800;
color:var(--primary);
text-transform:uppercase;
letter-spacing:.04em;
font-size:13px;
}
.game-matchup{
min-width:0;
}
.game-matchup strong{
display:block;
font-size:18px;
line-height:1.25;
}
.game-meta{
color:var(--muted);
font-size:14px;
line-height:1.4;
}
.game-time{
font-weight:800;
color:var(--text);
}
.game-cta{
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
margin-left:auto; /* pushes the whole block to the right */
}
.schedule-day-header{
padding:10px 16px;
background:#f8fafc;
border-top:1px solid rgba(0,0,0,.06);
border-bottom:1px solid rgba(0,0,0,.06);
}
.schedule-day-header span{
display:inline-flex;
align-items:center;
padding:5px 12px;
border-radius:999px;
border:1px solid rgba(250,173,23,.45);
color:var(--primary);
font:800 12px/1 "Open Sans", sans-serif;
letter-spacing:.1em;
text-transform:uppercase;
}
@media (max-width:900px){
.game-row{
grid-template-columns: 1fr;
gap:8px;
align-items:flex-start;
}
.game-cta{
justify-content:flex-start;
margin-top:4px;
}
}
/* ===== ACCORDIONS ===== */
.accordions{
margin:32px 0;
border-radius:12px;
overflow:hidden;
background:#fff;
border:1px solid var(--border);
box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.ac-item{
position:relative;
border-bottom:1px solid var(--border);
}
.ac-item:last-of-type{ border-bottom:0; }
.ac-item > summary{ list-style:none; }
.ac-item > summary::-webkit-details-marker{ display:none; }
.ac-item > summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
padding:18px 18px;
font:600 18px/1.3 "Oswald", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#fff;
background:#3768b2;
cursor:pointer;
position:relative;
}
.ac-item > summary::after{
content:"";
width:36px;
height:36px;
border:1px solid rgba(255,255,255,.5); /* optional tweak */
border-radius:50%;
background-color:#fff; /* ?? THIS makes the icon white */
-webkit-mask:
linear-gradient(#000 0 0) center/14px 2px no-repeat,
linear-gradient(#000 0 0) center/2px 14px no-repeat;
mask:
linear-gradient(#000 0 0) center/14px 2px no-repeat,
linear-gradient(#000 0 0) center/2px 14px no-repeat;
}
.ac-item[open] > summary::after{
-webkit-mask: linear-gradient(#000 0 0) center/14px 2px no-repeat;
mask: linear-gradient(#000 0 0) center/14px 2px no-repeat;
}
.ac-item[open]::before{
content:"";
position:absolute;
left:0; top:0;
width:4px; height:100%;
background:var(--primary);
}
.ac-body{
background:var(--open-bg);
padding:18px 26px;
color:var(--text);
animation:ac-fade .18s ease-out;
}
.ac-body p{
margin:0 0 12px;
line-height:1.6;
}
.ac-body p:last-child{ margin-bottom:0; }
.ac-body ul{
list-style:none;
margin:0;
padding:0;
}
.ac-body li{
color:#000;
margin:8px 0;
position:relative;
padding-left:18px;
}
.ac-body li::before{
content:"";
position:absolute;
left:0; top:.7em;
width:6px; height:6px;
border-radius:50%;
background:var(--primary);
}
.ac-item > summary:focus-visible{
outline:3px solid color-mix(in oklab, var(--primary) 30%, transparent);
outline-offset:3px;
}
@keyframes ac-fade{
from{ opacity:0; transform:translateY(-2px); }
to{ opacity:1; transform:translateY(0); }
}
@media (max-width:700px){
.ac-item > summary{ padding:16px 14px; }
.ac-body{ padding:16px 18px; }
}
/* ===== Tournament Pod / Competing Teams ===== */
.team-pod-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
gap:18px;
margin-top:10px;
}
@media (max-width: 1023.98px){
.team-pod-grid{
grid-template-columns:repeat(2, minmax(0,1fr));
}
}
@media (max-width: 599.98px){
.team-pod-grid{
grid-template-columns:1fr;
}
}
.team-pod-card{
background:#f5f5f5;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
padding:16px 14px 18px;
text-align:center;
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.team-pod-card:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,.08);
border-color:color-mix(in oklab, var(--primary) 40%, var(--border));
}
.team-seed{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:42px;
padding:5px 10px;
border-radius:999px;
background:rgba(55,104,178,.10);
border:1px solid rgba(55,104,178,.22);
color:var(--primary);
font-weight:900;
font-size:12px;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:14px;
}
.team-seed.host{
background:rgba(250,173,23,.16);
border-color:rgba(250,173,23,.45);
color:#9a6a00;
}
.team-logo-wrap{
height:88px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:12px;
}
.team-logo-wrap img{
max-height:88px;
max-width:100%;
object-fit:contain;
display:block;
}
.team-pod-name{
font-family:"Oswald", sans-serif;
font-size:19px;
line-height:1.2;
color:var(--primary);
margin:0 0 6px;
text-transform:uppercase;
}
.team-pod-sub{
font-size:13px;
color:var(--muted);
margin-bottom:12px;
font-weight:600;
letter-spacing:.03em;
}
.team-pod-links{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:8px;
}
.team-pod-links a{
display:inline-flex;
align-items:center;
justify-content:center;
padding:7px 12px;
border-radius:999px;
background:rgba(55,104,178,.08);
border:1px solid rgba(55,104,178,.20);
color:var(--primary);
text-decoration:none;
font-size:13px;
font-weight:800;
line-height:1;
transition:background-color .18s ease, transform .18s ease, border-color .18s ease;
}
.team-pod-links a:hover{
background:#bfbfbf;
border-color:rgba(250,173,23,.45);
transform:translateY(-1px);
}
.team-pod-note{
margin-top:14px;
font-size:13px;
color:var(--muted);
text-align:center;
}
/* ===== TABLE / MINI INFO BLOCK ===== */
.info-panel{
margin:32px 0;
background:#3768b2;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
overflow:hidden;
}
.info-panel-head{
padding:14px 16px 16px;
}
.info-panel-head h2{
margin:0;
font:700 22px/1.2 "Oswald", sans-serif;
color:#fff;
text-transform:uppercase;
}
.info-panel-body{
padding:16px;
background-color: #fff;
}
.info-panel-body table{
width:100%;
border-collapse:collapse;
}
.info-panel-body th,
.info-panel-body td{
text-align:left;
padding:12px 10px;
border-top:1px solid rgba(0,0,0,.06);
vertical-align:top;
}
.info-panel-body th{
color:var(--primary);
font-weight:800;
font-size:13px;
text-transform:uppercase;
letter-spacing:.05em;
}
.info-panel-body tr:first-child th,
.info-panel-body tr:first-child td{
border-top:0;
}
/* ===== ANCHOR OFFSET ===== */
#host-schedule,
#fan-info,
#tickets,
#parking,
#policies { scroll-margin-top: 90px; }
.bracket-cta{
text-align:center;
margin-top:18px;
}
/* ===== FOOTBALL NEWS SPLIT MODULE ===== */
.news-split{
margin:32px 0;
background:#fff;
border:1px solid var(--border);
border-radius:12px;
box-shadow:0 1px 0 rgba(0,0,0,.04);
overflow:hidden;
display:grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 900px){
.news-split{
grid-template-columns:1fr;
}
}
.news-split-content{
padding:20px 22px;
}
.news-split-content h2{
margin:0 0 8px;
font:700 24px/1.2 "Oswald", sans-serif;
color:var(--primary);
text-transform:uppercase;
letter-spacing:.03em;
}
.news-split-intro{
margin:0 0 18px;
color:var(--muted);
line-height:1.6;
}
.news-list{
display:flex;
flex-direction:column;
gap:14px;
}
.news-item{
padding-bottom:14px;
border-bottom:1px solid rgba(0,0,0,.08);
}
.news-item:last-child{
padding-bottom:0;
border-bottom:0;
}
.news-item a{
display:inline-block;
color:var(--primary);
text-decoration:none;
font-weight:800;
font-size:17px;
line-height:1.35;
}
.news-item a:hover{
text-decoration:underline;
}
.news-item p{
margin:6px 0 0;
color:var(--text);
line-height:1.55;
font-size:14px;
}
.news-split-media{
min-height:100%;
background:#f3f4f6;
}
.news-split-media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.news-actions{
margin-top:18px;
display:flex;
flex-wrap:wrap;
gap:10px;
}
Tickets
Tickets for this weekend's NCAA Super Regionals are SOLD OUT.
Parking
Lot 11 offers the closest parking to Easton Stadium. If Lot 11 is full, nearby structures (such as Lot 7 or Sunset Village) may also be used
Gameday
Please check out UCLA's Gameday Informaiton page prior to your arrival on campus in order to make your NCAA Super Regional experience the best it can be.
Super REGIONAL Schedule
All games take place at UCLA's Easton Stadium. Gates open 90 minutes prior to each game.
MEDIA INFORMATION
Media interested in covering the 2026 NCAA Softball Super Regionals at UCLA should contact UCLA Associate Director of Athletic Communications Vinny Lavalsiti at: vlavalsiti@athletics.ucla.edu
PROHIBITED ITEMS
A full list of prohibited items that are NOT allowed inside Eason Stadium can be found HERE.
CONCESSIONS
One concession stand is located on the concourse of Easton selling standard concession fare. Concessions open as gates open.