/* 
/live page styles
- nav from styles.css 
*/

.live-hero{
  position:relative;
  overflow:hidden;
  background:var(--dusk-grad);
  color:var(--cream);
  text-align:center;
  padding: 36px; /* override section padding of 64px */
}
.live-hero-media{
  position:absolute; 
  inset:0; 
  z-index:0;
  background-image:url("../images/acsdac-hero.JPEG");
  background-size:cover; 
  background-position:center 25%; 
  background-repeat:no-repeat;
}
.live-hero-overlay{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(27,39,64,0.80) 0%, rgba(27,39,64,0.72) 40%, rgba(74,63,92,0.70) 72%, rgba(168,122,79,0.64) 100%);
}
.live-hero-inner{
  position:relative; z-index:2;
  max-width:560px;
  margin:0 auto;
  display:flex; flex-direction:column; align-items:center;
}

.live-heading{
  font-family: Georgia, "Times New Roman", serif;
  font-weight:700;
  font-size:36px;
  line-height:1.25;
  color:var(--cream);
  max-width:420px;
  margin:0 0 6px;
}
html[data-lang="zh"] .live-heading{font-family: "Songti SC", "STSong", "SimSun", Georgia, serif;}
html[data-lang="zt"] .live-heading{font-family: "Songti TC", "PMingLiU", Georgia, serif;}

.live-time{
  font-size:16px;
  font-weight:600;
  letter-spacing:0.02em;
  color:var(--gold-light);
  margin:0;
}

.live-body{
  max-width:1080px;
  margin:0 auto;
  padding:22px 22px 40px;
  text-align:center;
}

.lede{
  font-size:14px; 
  color:#565B6B;
  max-width:640px; 
  margin:0 auto 14px;
}

.livestream-embed{
  width:100%;
  aspect-ratio:16/9;
  border-radius:6px;
  overflow:hidden;
  background:#0c0f1a; 
  margin-bottom:26px;
  max-width:1080px;
}
.livestream-embed iframe{width:100%; height:100%; border:0; display:block;}

@media (max-width:420px){
  .live-heading{font-size:24px;}
  .live-time{font-size:16px;}
  .lede{font-size:12px;}

}