/* Add this to your existing styles.css */

.timetable.table > thead > tr > th {
    /* Retain existing styles */
    line-height: 1.2; /* Adjust line height for two lines of text */
}

.header-date {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    text-transform: none; /* Keep the date format natural */
}

/* Ensure the timetable-class colors and mobile styles are defined as previously provided */

/* Example of adding dynamic color based on class name (Vinyasa Flow) */
.timetable-vinyasa-flow {
    background-color: #007bff;
    border-left: 5px solid #0056b3 !important;
}

/* Example of adding dynamic color based on class name (Hatha Basics) */
.timetable-hatha-basics {
    background-color: #28a745;
    border-left: 5px solid #1e7e34 !important;
}