html,body{max-width:100%;overflow-x:hidden}
.eventCard,.eventCard>*{min-width:0}
.eventCard{overflow-wrap:anywhere}
.eventCard img,.eventCard iframe{max-width:100%}
.eventAttendees{margin-top:14px;padding:12px;border-radius:10px;background:#f5f7f8}
.eventAttendees ul{margin:7px 0 0;padding-left:20px}
.eventAttendees li{margin:3px 0}
@media(max-width:600px){
  .eventCard .actions{max-width:100%}
  .eventCard button,.eventCard .button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .eventSummary h2{width:100%;max-width:none;padding:0;overflow-wrap:normal;word-break:normal;hyphens:none}
  .eventSummaryStatus{position:static;align-self:flex-end;margin-bottom:7px}
  .peopleFields>div{grid-template-columns:1fr}
}
.eventRegistrationList{display:grid;gap:6px}
.eventRegistrationRow{display:grid;grid-template-columns:auto minmax(110px,1fr) repeat(4,auto) auto auto auto auto;gap:8px;align-items:center;font-size:12px;padding:7px 0;border-bottom:1px solid #dfe5e8;min-width:0}
.eventRegistrationRow>*{min-width:0}.eventRegistrationRow .regPerson{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eventRegistrationRow button{font-size:12px;padding:6px 8px;min-height:32px}.regStatus{font-weight:700}
@media(max-width:800px){.eventRegistrationRow{display:flex;flex-wrap:wrap;gap:5px 8px;font-size:11px;line-height:1.2}.eventRegistrationRow .regPerson{flex:1 1 auto}.eventRegistrationRow .regOwn{display:none}.eventRegistrationRow .regTotal{margin-right:auto}.eventRegistrationRow button{padding:3px 6px;min-height:28px}.eventRegistrationRow>*{white-space:nowrap}}
@media(max-width:600px){
  .eventRegistrationRow{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(4,auto);gap:7px 5px}
  .eventRegistrationRow .regStatus{grid-row:1;grid-column:1}
  .eventRegistrationRow .regPerson{grid-row:1;grid-column:2/6}
  .eventRegistrationRow .regTotal{grid-row:1;grid-column:6;margin:0}
  .eventRegistrationRow .regAdults{grid-row:2;grid-column:1/3}
  .eventRegistrationRow .regChildren{grid-row:2;grid-column:3}
  .eventRegistrationRow .regMail{grid-row:2;grid-column:4}
  .eventRegistrationRow .regMobile{grid-row:2;grid-column:5}
  .eventRegistrationRow button{grid-row:2;grid-column:6}
  .eventRegistrationRow time{display:none}
}