: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(4, 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
All-session tickets have SOLD OUT. Please stay tuned for single-session ticket availability.
Parking
Fans interested in attending NCAA Regional action at Jackie Robinson Stadium must park at Lot 32 in Westwood and take a free shuttle to the venue. Full details at the link below.
Gameday
Please check out UCLA's Gameday Information page prior to your arrival at Jackie Robinson Stadium in order to make your NCAA Regional experience the best it can be.
REGIONAL Schedule
All games take place at UCLA's Jackie Robinson Stadium. Gates open 90 minutes prior to the first game each day and approximately 30 minutes prior to the second game.
Friday
Saturday
Sunday
(1) UCLA
Bruins
Cal Poly
Mustangs
Virginia Tech
Hokies
Saint Mary's
Gaels
MEDIA INFORMATION
Media interested in covering the 2026 NCAA Baseball Regionals should contact UCLA Assistant Director of Athletic Communications Jeff Rebello at: jrebello@athletics.ucla.edu
PROHIBITED ITEMS
A full list of prohibited items that are NOT allowed inside of Jackie Robinson Stadium can be found HERE.
CONCESSIONS
A concession stand is located on the concourse selling standard concession fare. Concessions open as gates open.