/* Single event tweaks: ensure image and details align nicely */
.simple-event-single .entry-content img { max-width:100%; height:auto; }
.simple-event-single .event-right img { box-shadow: 0 6px 18px rgba(0,0,0,0.12); }
/* Events list - styled like the screenshot */
.simple-events-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.simple-events-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid #e6e6e6;
}

.event-date-box {
  width: 72px;
  min-width: 72px;
  height: 72px;
  border: 3px solid #420c31; /* dark purple border */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Roboto Slab", Sans-serif;
  color: #836088;
  background: #fff;
}

.event-date-box .month {
  font-size: 12px;
  letter-spacing: 1px;
  color: #420c31;
  text-transform: uppercase;
}

.event-date-box .day {
  font-size: 26px;
  font-weight: 700;
  color: #836088;
  line-height: 1;
}

.event-right {
  flex: 1;
  min-width: 0;
}

.event-title {
  font-size: 20px;
  font-weight: 700;
  color: #836088;
  margin-bottom: 6px;
  line-height: 1.15;
}

.event-title a {
  color: inherit;
  text-decoration: none;
}

.event-time {
  font-size: 14px;
  color: #555;
  margin-bottom: 6px;
}

/* Venue displayed under timing and wrapped in parentheses (brackets) */
.event-venue {
  font-size: 14px;
  color: #420c31;
}

/* Optional: container heading style similar to screenshot */
.simple-events-heading {
  font-family: "Roboto Slab", Sans-serif;
  font-size: 36px;
  color: #836088;
  margin-bottom: 18px;
}
/* ===== Shortcode Event List Layout ===== */
.es-layout{display:flex;gap:30px}
.es-event-card{display:flex;justify-content:space-between;border:1px solid #ddd;padding:20px;margin-bottom:25px;background:#fff}
.es-event-title a{color:#9e1b1b;text-decoration:underline;font-weight:600}
.es-event-meta{margin-top:10px;line-height:1.7}
.es-event-date{border:1px solid #ddd;padding:8px 12px;text-align:center;min-width:70px}
.es-day{font-size:18px;font-weight:bold}
.es-month{text-transform:uppercase;font-size:13px}
.es-sidebar{background:#ddd4cc;padding:20px;min-width:280px}
.es-sidebar h3{color:#9e1b1b;margin-bottom:10px}
.es-input{width:100%;padding:8px;margin-bottom:12px}
.es-btn-search,.es-btn-go{background:#9e1b1b;color:#fff;border:0;padding:10px 14px;cursor:pointer}

/* ===== 70 / 30 Layout Fix ===== */
.es-layout{
    display:flex;
    gap:30px;
    align-items:flex-start;
}
.es-events{
    width:70%;
}
.es-sidebar{
    width:30%;
    box-sizing:border-box;
}
@media (max-width: 1024px){
    .es-layout{
        flex-direction:column;
    }
    .es-events,
    .es-sidebar{
        width:100%;
    }
}

/* Apply 70/30 layout everywhere */
.es-layout{display:flex;gap:30px}
.es-events{width:70%}
.es-sidebar{width:30%}
@media(max-width:1024px){
    .es-layout{flex-direction:column}
    .es-events,.es-sidebar{width:100%}
}

/* Single Event – screenshot-safe */
.single-event .es-single-title{margin-bottom:15px}
.single-event .es-single-image{margin:15px 0}
.single-event .es-single-image img{width:100%;height:auto;display:block}

/* Excerpt + Meta Styling for events_list_with_excerpt */
.es-excerpt{
    font-size:16px;
    font-weight:500;
    margin-top:8px;
}
.es-event-meta-after{
    font-size:15px;
    font-weight:600;
    margin-top:6px;
}

.simple-events-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.es-list-row {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ddd;
  padding: 18px 20px;
  margin-bottom: 18px;
  background: #fff;
}

.es-list-title {
  margin: 0 0 6px;
  font-size: 20px;
}

.es-list-title a {
  color: #9b1c1f;
  text-decoration: underline;
}

.es-list-location,
.es-list-date,
.es-list-time {
  font-size: 15px;
  margin-bottom: 4px;
  color: #000;
}

.es-list-datebox {
  border: 1px solid #ccc;
  padding: 10px 14px;
  text-align: center;
  min-width: 72px;
}

.es-list-datebox .es-day {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

.es-list-datebox .es-month {
  font-size: 14px;
  text-transform: uppercase;
}
/* ===== Single Event Boxed Layout ===== */
.single-event .es-layout{
    max-width:1200px;
    margin:40px auto;
    background:#fff;
    padding:30px;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    border-radius:6px;
}