#sb-timeline #steps #steps-content #sb_booking_content .category-item .excerpt-info .read-more:before {
    display: none;
}

#sb_category_step_container > div > div > div.excerpt-info > div.tab-pd > div.content > div.txt.short > span {
    background-color: #2A2A2A !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .excerpt-info .read-more:before {
    display: none;
}

#sb_service_step_container > div > div > div.excerpt-info > div.tab-pd > div.content > div.txt.short > span {
    background-color: #2A2A2A !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .provider-item .excerpt-info .read-more:before {
    display: none;
}

#sb_provider_step_container > div > div > div.excerpt-info > span {
    background-color: #2A2A2A !important;
}

#sb_provider_step_container > div > div > div.excerpt-info {
    background-color: #2A2A2A ;
    color: #f5f5f5 ;
}

div > div > div.tab-pd {
    background-color: #2a2a2a !important;
    color: #f5f5f5 ;
}

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
#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 */
	border-radius: 25% 10%;
}

#events input.select_another_btn {
	/* add your css rule here */
	border-radius: 25% 10%;
}

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

#eventForm #save_button {
	/* add your css rule here */
	border-radius: 25% 10%;
}

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 */
}

/* --- Remove top header and nav bar --- */
#header.web {
    display: none !important;
}

/* --- Remove duplicate company name block --- */
.company-name.company-logo-and-name {
    display: none !important;
}

/* --- Hide the "Show on Map" and "Book Now" buttons --- */
.bar {
    display: none !important;
}

/* --- Remove the footer link text --- */
.text-center a {
    display: none !important;
}

/* --- Add custom footer content --- */
.text-center::before {
    content: "© FOMO Lounge 2025 | All Rights Reserved | Private Entertainment Suites | Your Vibe, Your Room";
    display: block;
    text-align: center;
    font-size: 14px;
    color: #333;
    background-color: #f5f5f5;
    padding: 15px 10px;
    line-height: 1.5;
}


/* --- Hide the content inside #sb_booking_company_time, but not the block itself --- */
#sb_booking_company_time > div {
    display: none !important;
}

/* --- Add custom message above the time widget --- */
#sb_booking_company_time {
    text-align: center;
    background-color: #f5f5f5;
    padding: 15px 10px;
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    display: flex;
    flex-direction: row; /* Ensure text and number are inline on desktop */
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

/* --- Add the text manually before the time widget --- */
#sb_booking_company_time::before {
    content: "Got a question? Call or WhatsApp us at 0161 676 6956";
    display: inline-block;
    font-size: 16px;
    color: #333;
}

/* --- Mobile-specific styles --- */
@media (max-width: 767px) {
    /* Hide the whole section on mobile */
    #sb_booking_company_time {
        display: none;
    }
}

/* Make the custom checkbox box visible */
.custom-label {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #f5f5f5; /* Light background */
    border: 2px solid #333333; /* Darker border */
    border-radius: 4px;
    position: relative;
}

/* When checkbox is checked, show a tick */
input[type="checkbox"]:checked + .custom-label::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 12px;
    border: solid #333333; /* Tick colour */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Make sure the custom-label sits nicely */
.custom-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Optional: Change colour on hover */
.custom-label:hover {
    background-color: #e0e0e0;
}

#sb_user_terms_link {
    background-color: #2A2A2A;
    color: #F5F5F5;
    text-decoration: none;
    padding: 6px 10px; /* Add padding for spacing */
    border-radius: 4px; /* Optional rounded corners */
    display: inline-block; /* Keeps it inline */
    vertical-align: middle; /* Align it with the checkbox */
}

#sb_user_terms_link {
    background-color: #2A2A2A;
    color: #F5F5F5;
    text-decoration: none;
    padding: 6px 10px; /* Add padding for spacing */
    border-radius: 4px; /* Optional rounded corners */
    display: inline-block; /* Keeps it inline */
    vertical-align: middle; /* Align it with the checkbox */
}

.form-group--terms label {
    display: flex;
    align-items: center; /* Vertically center checkbox and link */
    gap: 10px; /* Adjust the gap between the checkbox and the link */
}




.read-more {
    background-color: #2A2A2A !important; /* Force dark grey background */
    color: #FFFFFF !important; /* Force white text */
    padding: 8px 12px;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s;
}

/* Optional: Hover effect */
.read-more:hover {
    background-color: #444444 !important; /* Slightly lighter on hover */
    text-decoration: underline;
}

#sb_privacy_policy_link {
    color: #000000 !important;
}