/* Change the color and size of event titles in listings */
.eb-container .eb-event-title,
.eb-container .eb-event-title a {
    color: #E05A31; /* Replace with your desired color */
    font-size: 22px; /* Replace with your desired size */
}

/* Change the color and size of the title on the individual event detail page */
.eb-container h1.eb-event-title {
    color: #E05A31; /* Replace with your desired color */
    font-size: 32px; /* Replace with your desired size */
}

/* Target the date box and override the Bootstrap primary background */
.eb-event-date.bg-primary {
    background-color: #F8F8F8 !important; /* Change this hex code to your preferred color */
    border-color: #ff5733 !important;     /* Optional: matches the border if there is one */
}

/* Optional: Change the color of the connecting line in timeline */
.eb-timeline:before {
    background-color: #FF5733 !important;
}

/* Styling the Date Info Row (Date/Time) */
.eb-event-date-info {
    font-size: 14px !important;  /* Adjust size as needed */
    color: #555555 !important;   /* Adjust hex color */
    margin-bottom: 5px;          /* Optional: spacing between rows */
}

/* Styling the Location Info Row */
.eb-event-location-info {
    font-size: 14px !important;  /* Keep same as date for consistency */
    color: #555555 !important;   /* Adjust hex color */
}

/* Optional: Specifically target the icons (calendar/map marker) if they don't change color */
.eb-event-date-info i, 
.eb-event-location-info i {
    color: #007bff !important;   /* Make icons a standout color */
    font-size: 16px !important;  /* Make icons slightly larger than text */
    margin-right: 8px;           /* Space between icon and text */
}
/* Change color and size for the Day (e.g., 09) */
.eb-event-date .eb-event-date-day {
    color: #5D5D5D !important;    /* Change to your hex color */
    font-size: 18px !important;   /* Adjust size as needed */
    font-weight: bold;
    line-height: 1.1;
}

/* Change color and size for the Month (e.g., Apr) */
.eb-event-date .eb-event-date-month {
    color: #5D5D5D !important;    /* Change to your hex color */
    font-size: 12px !important;   /* Adjust size as needed */
    text-transform: uppercase;
}

/* Change color and size for the Year (e.g., 2026) */
.eb-event-date .eb-event-date-year {
    color: #5D5D5D !important;    /* Change to your hex color */
    font-size: 10px !important;   /* Adjust size as needed */
}
/* --- VISHVAS MEDITATION: MODERN SIDEBAR EVENTS --- */