.rotary-event { background:#fff; display: flex; border-bottom: 1px solid #eee; margin-bottom: 30px; padding: 30px; }
.rotary-event-date { font-weight:bold; width:60px; text-align:center; margin-right:20px;  border: 1px solid #eee; padding: 10px; }
.rotary-event-date .weekday { text-transform:uppercase; font-size:12px; display:block; }
.rotary-event-date .day { font-size:32px; }
.rotary-event-date .year { text-transform:uppercase; font-size:12px; display:block; }
.rotary-event-main { display: flex; flex: 1; }
.rotary-event-content { flex: 2; }
.rotary-event-img { flex: 1; margin-left:20px; }
.rotary-event-title { margin-top: 0; }
.rotary-event-meta { font-size: 14px; color: #555; margin-bottom: 8px; }
.rotary-event-location { font-size: 15px; margin-bottom: 8px; display:grid; align-items: self-start;
    grid-template-columns: 20px 1fr;  gap: 6px;  }
.rotary-event-description { font-size: 15px; }
.rotary-event-map-container { width: 100%; height: 200px; margin-top: 20px; }
.rotary-event-map { background:#fff;  padding:30px;width: 100%; height: 100%; border: 1px solid #eee; }
.even-venue{ font-size:16px; font-weight:bold; margin-bottom: 10px; }
.event-map-link{ font-size:14px; margin-top:15px; }
.rotary-event-title { color: var(--e-global-color-secondary)}

.rotary-calendar-share { font-size:14px; margin-top:16px; position:relative; display:inline-block; margin-bottom:20px; }
.add-to-calendar-btn { width: 180px; background:#f7f7f7; border:1px solid #ccc; cursor:pointer; }
.add-to-calendar-dropdown { position:absolute; left:0; top:100%; background:#fff; border:1px solid #ccc; border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding:0; margin: -1px 0; list-style:none; min-width:180px; z-index:1000; }
.add-to-calendar-dropdown li { font-size:14px; border-bottom:1px solid #eee; }
.add-to-calendar-dropdown li:last-child { border-bottom:none; }
.add-to-calendar-dropdown a { display:block; padding:10px 16px; color:#222; text-decoration:none; }
.add-to-calendar-dropdown a:hover { background:#f2f2f2; }
.back-to-events{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
}
.back-to-events svg path {
    fill: var(--e-global-color-secondary);
}

/*Fix responsive*/
@media (max-width: 768px) {
    .rotary-event-date{
        display:none;
    }
    .rotary-event { flex-direction: column; }
    .rotary-event-main { flex-direction: column; }
    .rotary-event-img { margin-left: 0; margin-top: 20px; }
    .rotary-event-content { flex: 1; }
}