/* Hours of Operation Block Styles */

/* Container */
.hours-of-operation {
    /* Add your styles for the overall container here */
}

/* Heading */
.hours-of-operation h2 {
    /* Style the heading of the hours of operation block */
    font-family: 'Alegreya Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFFFFF !important;
    letter-spacing: 1px;
    line-height: 1.4em;
}

/* List Items */
.hours-of-operation ul {
    list-style-type: none; /* Remove default bullet points */
    padding: 0;
    margin: 0;
}

.hours-of-operation li {
    /* Style individual list items */
    padding: 5px 0; /* Example: Add some space between items */
    line-height: 1.6em;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.6em;
    color: white;
    font-size: 14px;
}

/* Day Names */
.hours-of-operation li strong {
    /* Style the day names */
}

/* Closed Days */
.hours-of-operation li:contains('Closed') {
    /* Style for closed days, adjust this as needed */
    color: red; /* Example: Make text red for closed days */
    line-height: 1.6em;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.6em;
    color: white;
    font-size: 14px;
}

/* Open Days with Times */
.hours-of-operation li:not(:contains('Closed')) {
    /* Style for open days with times */
    color: green; /* Example: Make text green for open days */
    line-height: 1.6em;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.6em;
    color: white;
    font-size: 14px;
}

/* Time Slots */
.hours-of-operation li br + span {
    /* Style the time slots, if using spans around time */
    line-height: 1.6em;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    line-height: 1.6em;
    color: white;
    font-size: 14px;
}