.webinars-grid{display:grid;grid-gap:2rem;margin-top:1.5rem}.webinars-grid>div{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;position:relative}.webinars-grid>div>img{aspect-ratio:2/1;border-width:0;display:block;object-fit:cover;object-position:center}.webinars-grid>div>div:first-of-type{color:var(--color-background-standard);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);letter-spacing:calc(2*var(--tracking-basis));margin-bottom:.5rem;text-transform:uppercase;padding:.5rem 1rem}.webinars-grid .live-webinar>div:first-of-type{background-color:var(--color-accent)}.webinars-grid .recorded-webinar>div:first-of-type{background-color:var(--color-foreground)}.webinars-grid>div>div:first-of-type img,.webinars-grid>div>div:first-of-type span{display:inline-block;vertical-align:middle}.webinars-grid>div>div:first-of-type img{border-width:0;height:1.25rem;margin-right:.5rem;object-fit:contain;object-position:center}.webinars-grid>div>h3{margin:.5rem 0 0;padding:0 1rem;text-align:left}.webinars-grid>div .date-time{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);letter-spacing:calc(2*var(--tracking-basis));margin:0;padding:.5rem 1rem;text-transform:uppercase}.webinars-grid>div .webinar-summary{padding:.5rem 1rem 4rem}.webinars-grid>div>a{border-top:1px solid var(--color-border);bottom:0;left:0;padding:.5rem 1rem;position:absolute;width:100%}.webinars-grid>div>a>span{color:var(--color-foreground);display:inline-block;font-size:var(--font-size-smaller);font-weight:var(--font-weight-semibold);letter-spacing:calc(2*var(--tracking-basis));padding-left:.25rem;text-transform:uppercase}@media (min-width:40rem){.webinars-grid-2,.webinars-grid-3,.webinars-grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:61.875rem){.webinars-grid-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:75rem){.webinars-grid-4{grid-template-columns:repeat(4,1fr)}}