/* Information sessions and webinars (ppcadi-events.php), as in site/design/info-sessions.html and webinars.html. */
.pp-events-info { display: flex; flex-direction: column; gap: 14px; }
.pp-event-row { border: 1px solid #EFE4E2; border-radius: 16px; padding: 18px 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.pp-event-when { display: flex; flex-direction: column; }
.pp-event-when span { font-size: 15px; color: #5E5654; }
.pp-events a.pp-event-button { background: #B84A40; color: #FFFFFF; font-weight: 800; text-decoration: none; padding: 11px 20px; border-radius: 999px; }
.pp-events a.pp-event-button:hover, .pp-events a.pp-event-button:focus-visible { background: #8F3830; color: #FFFFFF; }
.pp-event-soon { font-size: 15px; font-weight: 700; color: #5E5654; }
.pp-events-webinar { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }
.pp-webinar { border: 1px solid #EFE4E2; border-radius: 16px; padding: 24px; display: flex; gap: 20px; align-items: flex-start; }
.pp-webinar-date { flex: none; width: 64px; border-radius: 16px; text-align: center; padding: 8px 0; line-height: 1.1; }
.pp-webinar-date span { display: block; font-size: 26px; font-weight: 700; color: #1F1F1F; }
.pp-webinar-date span:first-child { font-size: 13px; font-weight: 800; }
.pp-webinar-date-rose { background: #FBE3E0; }
.pp-webinar-date-rose span:first-child { color: #8F3830; }
.pp-webinar-date-aqua { background: #D7F3F1; }
.pp-webinar-date-aqua span:first-child { color: #1F5F5A; }
.pp-webinar-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.pp-webinar-body strong { font-size: 21px; }
.pp-webinar-time { font-size: 15px; color: #5E5654; }
.pp-webinar-text { font-size: 16px; color: #3D3735; }
.pp-webinar .pp-event-button, .pp-webinar .pp-event-soon { align-self: flex-start; margin-top: 6px; }
.pp-events-none { border: 1px dashed #CDBFBC; border-radius: 16px; padding: 18px 20px; color: #3D3735; }
.pp-events-none p { margin: 0; }
@media (max-width: 640px) { .pp-events-webinar { grid-template-columns: 1fr; } }