*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

/* Hide the actual time text */
.sb-cell.free {
    color: transparent !important; /* hides the text */
    position: relative;
    text-align: center;
}

/* Add "Book" label instead */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important;
    background-color: #bfa14a !important; /* Providence Hall gold */
    padding: 8px 14px;
    border-radius: 6px;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Playfair Display", serif; /* optional elegant font */
}
/* Style the available slot button */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 6px; /* optional: round corners */
}

/* Add "Book" label */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important; /* white text for contrast */
    font-size: 14px;
    padding: 8px 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Playfair Display", serif; /* elegant font */
}

/* ------------------ Hide the heading ------------------ */
#sb_time_slots h3,
.sb-timeslots h3 {
    display: none !important; /* remove "Available Start Times" */
}

/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px; /* slightly round corners */
    width: 100px; /* make buttons bigger */
    height: 50px; /* increase height for prominence */
    margin: 5px auto; /* center horizontally with spacing */
    display: inline-block; /* needed for width + margin */
    font-size: 0; /* hide any leftover text nodes */
    transition: transform 0.2s, box-shadow 0.2s; /* smooth hover effect */
}

/* ------------------ Add "Book" label ------------------ */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important; /* white text for contrast */
    font-size: 16px; /* bigger text */
    font-family: "Playfair Display", serif; /* elegant font */
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ------------------ Hover effect for interactivity ------------------ */
.sb-cell.free:hover::after {
    transform: translate(-50%, -50%) scale(1.05); /* slightly larger on hover */
    box-shadow: 0 4px 10px rgba(0,0,0,0.2); /* subtle shadow */
    cursor: pointer;
}
/* ------------------ Remove "Available Start Times" heading ------------------ */
#sb_time_slots h3,
.sb-timeslots h3,
#sb_time_slots .sb-header,
.sb-timeslots .sb-header,
#sb_time_slots .sb-title,
.sb-timeslots .sb-title {
    display: none !important;
}

/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px; /* round corners */
    width: 120px; /* bigger buttons */
    height: 60px; /* taller for prominence */
    margin: 10px auto; /* center horizontally with spacing */
    display: i
/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px;
    width: 120px;
    height: 60px;
    margin: 10px auto;
    display: inline-block;
    font-size: 0;
    transition: transform 0.2s, box-shadow 0.2s;
}

/* ------------------ Add "Book" label ------------------ */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important;
    font-size: 16px;
    font-family: "Playfair Display", serif;
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ------------------ Hover effect ------------------ */
.sb-cell.free:hover::after {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
}
/* ------------------ Hide the heading ------------------ */
.container-caption {
    display: none !important;
}

/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px;
    width: 120px;
    height: 60px;
    margin: 10px auto;
    display: inline-block;
    font-size: 0;
    transition: transform 0.2s, box-shadow 0.2s;
}

/* ------------------ Add "Book" label ------------------ */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important;
    font-size: 16px;
    font-family: "Playfair Display", serif;
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ------------------ Hover effect ------------------ */
.sb-cell.free:hover::after {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
}
/* ------------------ Hide the heading ------------------ */
.container-caption {
    display: none !important;
}

/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px;
    width: 120px;
    height: 60px;
    margin: 10px auto;
    display: inline-block;
    font-size: 0;
    transition: transform 0.2s, box-shadow 0.2s;
}

/* ------------------ Add "Book" label ------------------ */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important;
    font-size: 16px;
    font-family: "Playfair Display", serif;
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ------------------ Hover effect ------------------ */
.sb-cell.free:hover::after {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
}
<script>
document.addEventListener("DOMContentLoaded", function() {
    // Function to wait for SimplyBook slots to load
    function cleanBookingUI() {
        // Remove the "Available start times" heading
        const headings = document.querySelectorAll(".container-caption");
        headings.forEach(h => h.remove());

        // Remove the blue dot and "Available" text inside free slots
        const indicators = document.querySelectorAll(".sb-slot .sb-indicator, .sb-cell.free span");
        indicators.forEach(el => el.remove());
    }

    // Run after 500ms and again after 1 second in case slots load slowly
    setTimeout(cleanBookingUI, 500);
    setTimeout(cleanBookingUI, 1000);
});
</script>

/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px;
    width: 120px;
    height: 60px;
    margin: 10px auto;
    display: inline-block;
    font-size: 0; /* hide leftover text nodes */
    transition: transform 0.2s, box-shadow 0.2s;
}

/* ------------------ Add "Book" label ------------------ */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important;
    font-size: 16px;
    font-family: "Playfair Display", serif;
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ------------------ Hover effect ------------------ */
.sb-cell.free:hover::after {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
}

/* ------------------ Style available slots ------------------ */
.sb-cell.free {
    background-color: #bfa14a !important; /* Providence Hall gold */
    color: transparent !important; /* hide original time */
    position: relative;
    text-align: center;
    border-radius: 8px;
    width: 120px;
    height: 60px;
    margin: 10px auto;
    display: inline-block;
    font-size: 0; /* hide leftover text nodes */
    transition: transform 0.2s, box-shadow 0.2s;
}

/* ------------------ Add "Book" label ------------------ */
.sb-cell.free::after {
    content: "Book" !important;
    color: #fff !important;
    font-size: 16px;
    font-family: "Playfair Display", serif;
    padding: 10px 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* ------------------ Hover effect ------------------ */
.sb-cell.free:hover::after {
    transform: translate(-50%, -50%) scale(1.05);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    cursor: pointer;
}

/* Hide original heading visually */
.container-caption {
    visibility: hidden !important; /* still takes space but text hidden */
    height: 0 !important; /* optional: collapse space */
}

/* Add replacement text */
.container-caption::before {
    content: "Available" !important;
    visibility: visible !important;
    display: block;
    text-align: left; /* or center */
    font-size: 18px;
    font-family: "Playfair Display", serif;
    color: #000; /* choose any color */
    margin-bottom: 10px;
}