/* Webinar page additions on top of styles.css. The dinner page is untouched. */
.hero-when{align-items:center}
.hero-when-alt{font-size:15px;color:var(--muted);flex-basis:100%}
.webinar-details{grid-template-columns:1.1fr 1fr 1.2fr}
.webinar-details .detail-sub{display:block;margin-top:2px}
.detail-note{display:block;font-size:14px;line-height:1.5;color:#c8d5e7;margin-top:4px}
/* The hero shows the ad flyer itself (same artwork the visitor clicked), uncropped on the brand navy. */
.webinar-photo{background:#17283f;border-radius:4px 4px 64px 4px}
.webinar-photo>img{object-fit:contain;object-position:50% 50%;padding:18px}
.webinar-photo:after{display:none}
.webinar-photo figcaption{display:none}
@media(max-width:720px){.webinar-photo{height:auto;aspect-ratio:1122/1402;max-width:420px;margin-inline:auto}.webinar-photo>img{padding:10px}}
.webinar-questions{padding:30px 0 0}
.webinar-questions h2{font-size:24px;margin:0 0 10px}
.session-single .session{cursor:default}
.session-single legend{font-size:14px;color:var(--muted);font-weight:600}
.webinar-page .reserve-float{font-size:15px;white-space:nowrap;gap:16px}
.join-link{margin-block:20px}
.join-link .button{width:100%;justify-content:space-between}
.join-link p{margin-top:12px}
#confirmation-alt:empty{display:none}
@media(max-width:720px){.webinar-details{grid-template-columns:1fr}.webinar-details>div+div{border-left:0;border-top:1px solid #526073;padding:16px 0 0}.webinar-details>div:last-child{grid-column:auto}.hero-when-alt{font-size:14px}}