: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: #bfbfbf;
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:#faad17;
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;
}
/* ===== FEATURE CARDS ===== */
.card-grid{
display:grid !important;
grid-template-columns:repeat(4, 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;
}
/* ===== UCLA BUTTON ===== */
.ae-button{
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 6px 12px;
background-color: var(--primary);
border: 1px #faad17;
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 */
}
@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 var(--border);
border-radius:50%;
background-color:var(--primary);
-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; }
}
/* ===== VIDEO STRIP ===== */
.video-strip{
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-strip-head{
padding:14px 16px 10px;
background:#3768b2;
border-bottom:1px solid rgba(0,0,0,.06);
}
.video-strip-head h2{
margin:0;
font:700 22px/1.2 "Oswald", sans-serif;
color:#fff;
text-transform:uppercase;
letter-spacing:.02em;
}
.video-strip-sub{
margin:4px 0 0;
color:#fff;
font-size:14px;
font-weight:600;
}
.video-strip-body{
padding:16px;
}
.video-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
@media (max-width:1023.98px){
.video-grid{
grid-template-columns:repeat(2, minmax(0,1fr));
}
}
@media (max-width:599.98px){
.video-grid{
grid-template-columns:1fr;
}
}
.video-card{
background:#fff;
border:1px solid var(--border);
border-radius:12px;
overflow:hidden;
box-shadow:0 1px 0 rgba(0,0,0,.04);
transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.video-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));
}
.video-embed{
position:relative;
aspect-ratio:16 / 9;
background:#000;
}
.video-embed iframe{
position:absolute;
inset:0;
width:100%;
height:100%;
border:0;
}
.video-body{
padding:14px 16px 16px;
}
.video-body h3{
margin:0 0 6px;
font:700 18px/1.25 "Oswald", sans-serif;
color:var(--primary);
text-transform:uppercase;
}
.video-body p{
margin:0;
color:var(--text);
line-height:1.55;
font-size:14px;
}
/* ===== 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;
}
Pauley Watch Party - April 5
Let's pack Pauley! Come watch the Bruins' title game showdown with South Carolina in the team's home arena. Claim your free ticket at the link below. Gates open at Noon.
Championship Game Tickets
UCLA has advanced to its first NCAA Championship game in school history. Support the Bruins in person as they take on the South Carolina Gamecocks in Phoenix this Sunday!
NCAA Bracket
Keep up to date on all the scores around the country with the NCAA's real-time, interactive bracket.
Bruin Bash
Gather with other Bruins in Phoenix ahead of the national championship game. Click the link below for full details!
Final Four Teams
marching on!
UCLA advances to first-ever NCAA Championship Game.
Sat., March 21
def. (16) California Baptist. 96-43
NCAA First Round • Los Angeles
Mon., March 23
def. (8) Oklahoma State 87-68
NCAA Second Round • Los Angeles
FRI., March 27
def. (4) Minnesota, 80-56
NCAA Sweet 16 • Sacramento, Calif.
Sun., March 29
def. (3) Duke, 70-58
NCAA Elite Eight • Sacramento, Calif.
Fri., April 3
def. (1) Texas, 51-44
NCAA Final Four • Phoenix (Mortgage Matchup Center)
LATEST VideoS
Watch UCLA Women’s Basketball content from the NCAA Tournament run.
CHAMPIONSHIP POSTGAME PRESSER
Head coach Cori Close and players meet with the media following the team's 79-51 victory over South Carolina.
UCLA vs. SOUTH CAROLINA HIGHLIGHTS
Check out the top plays and celebration following the team's title game victory over South Carolina.
Pre-Championship Presser - Cori Close
Bruins' head coach meets with the media ahead of the national championship.
Pre-Championship Presser - Lauren Betts
UCLA star center meets with the media ahead of the South Carolina game.
UCLA vs. TEXAS HIGHLIGHTS
Check out the top plays in UCLA's 51-44 victory over Texas in the Final Four.
Final Four Pre-Game Presser
Gabriela Jaquez, Lauren Betts and head coach Cori Close meet with the media.
Media Availability - Coach Close (3/31)
Head coach Cori Close meets with the media following Tuesday's practice.
Media Availability - Players (3/31)
Players Charlisse Leger-Walker and Gabriela Jaquez meet with the media after practice.
Bruin Insider Show - Kiki Rice
Bruin guard joins the show ahead of UCLA's departure to Phoenix for the Final Four.