.kg-events{
display:grid;
gap: 20px;
} .kg-events__empty{
text-align:center;
padding:2rem;
} .kg-event{
display:grid;
grid-template-columns: 220px 1fr auto;
border:1px solid #e5e7eb;
border-radius:16px;
overflow:hidden; background:#fff;
} .kg-event__thumbwrap{
position:relative;
background:#e5e7eb;
min-height:140px;
} .kg-event__thumblink{
display:block;
} .kg-event__thumb{
display:block;
width:100%;
height:auto; object-fit:cover; } .kg-event__thumb--placeholder{
width:100%;
min-height:140px;
background:#d1d5db;
} .kg-event__body{
background:#0E2340; color:#fff;
padding:12px 22px;
display:flex;
flex-direction:column;
justify-content:center; gap:0; min-width:0;
} .kg-event__title{
margin:0 0 12px 0;
font-size:24px;
line-height:1.15;
font-weight:800;
}
.kg-event__titlelink{
color:#fff;
text-decoration:none;
}
.kg-event__titlelink:hover{
color:#fff; } .kg-event__meta{
margin:0;
font-size:18px;
line-height:1.35;
opacity:.95; padding-left:0;
}
.kg-event__meta:not(:last-of-type){
margin-bottom:4px; }
.kg-event__meta strong{
font-weight:800; display:inline-block;
min-width:64px;
margin-right:8px;
} .kg-event__actions{
padding:12px 20px 12px 2px; display:flex;
align-items:center;
justify-content:flex-start; background:transparent;
min-width:220px; text-align:left;
}
.kg-event__book{
margin-top:12px;
margin-bottom:0 !important;
display:inline-block;
padding:10px 22px;
border:2px solid #F13B2E;
border-radius:30px !important;
text-decoration:none;
font-weight:700;
font-size:20px;
white-space:nowrap;
color:#fff;
background:#F13B2E;
transition: background 0.2s ease, color 0.2s ease;
}
.kg-event__book:hover{
background:#fff;
color:#F13B2E;
text-decoration:none;
} .kg-event a:focus-visible{
outline:3px solid #fff;
outline-offset:3px;
border-radius:12px;
} @media (max-width: 780px){
.kg-event{
grid-template-columns: 1fr;
}
.kg-event__thumbwrap{
min-height:200px;
}
.kg-event__body{
padding:18px 20px;
text-align:center; align-items:center; }
.kg-event__meta strong{
min-width:0; margin-right:6px;
}
.kg-event__actions{
padding:18px 20px;
justify-content:center; min-width:0;
}
.kg-event__title{
font-size:22px;
}
.kg-event__book{
font-size:18px;
}
}