/* 1. Style the image container for ALL memberships so it doesn't stretch behind the text */
[id^="membership"] > div > div > div.preloader.full > div > img {
    position: relative !important;
    max-height: 250px !important; /* Limits the image height cleanly */
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* 2. Adjust the description container for ALL memberships so it sits cleanly below the image */
[id^="membership"] > div > div > div.tab-pd {
    position: relative !important;
    padding: 24px 20px !important;
    background-color: #ffffff !important; /* Gives the text area a solid, clean white background */
    color: #5C4432 !important; /* Brand dark brown color for high readability */
}

/* 3. Adjust the title text style for ALL memberships */
[id^="membership"] > div > div > div.preloader.full h4,
[id^="membership"] > div > div > div.preloader.full .membership-title {
    color: #5C4432 !important;
    padding-top: 15px !important;
    display: block !important;
}


@media (min-width: 769px) {
  #contacts > div {
    display: flex !important;
    justify-content: center !important;
    gap: 60px !important; /* Adjust gap distance between the two studios here */
  }
}


#contacts > div > div.info > ul > li:nth-child(3) {
display: none !important;
}

#sb_package_client_instance_list_container > div > div > div > div.excerpt-info > div.tab-pd > div.content > div.date-bar > div {
display: none !important;
}


#package839 > div > div > div.tab-pd > div.date-bar > div {
display: none !important;
}







#sb_location_step_container > div:nth-child(1) > div > div.excerpt-info > div.tab-pd > div.content > div.bar.with-mh > div > a {
    pointer-events: none;
    cursor: default;
    color: inherit; /* Optional: stops it from looking like a link */
    text-decoration: none; /* Optional: removes underline */
}

#sb_location_step_container > div:nth-child(2) > div > div.excerpt-info > div.tab-pd > div.content > div.bar.with-mh > div > a {
    pointer-events: none;
    cursor: default;
    color: inherit; /* Optional: stops it from looking like a link */
    text-decoration: none; /* Optional: removes underline */
}


#package14 > div > div > div.tab-pd > div.date-bar > div {
display: none !important;
}





#main-buttons > div > div > div > div > a {
    margin-top: 90px !important; /* Adjust the '20' to move it more or less */
    display: inline-block; /* Ensures the margin applies correctly to a link */
}


#sb_service_step_container > div:nth-child(2) > div > div.excerpt-info > div.tab-pd > div.btn-bar > div.sb_group_booking_count > div {
display: none !important;
}

#package335 > div > div > div.tab-pd > div.selected-package-list > div.package-list-item.package-service {
display: none !important;
}


#sb_package_client_instance_list_container > div > div > div > div.excerpt-info > div.tab-pd > div.content > div.selected-package-list.short > div.package-list-item.package-service {
display: none !important;
}


#sb_service_step_container > div:nth-child(1) > div > div.excerpt-info > div.tab-pd > div.btn-bar > div.sb_group_booking_count > div {
display: none !important;
}

#undefined_visible {
  pointer-events: none;   /* Prevents clicking, hovering, and dragging */
  cursor: default;         /* Changes the cursor back to a standard arrow */
  text-decoration: none;   /* Optional: removes underline if it's a link */
  opacity: 0.6;            /* Optional: gives it a "disabled" look */
}

#content-view .description_contacts {
			margin-bottom: 25px;
			flex-direction: column;
			align-items: center;
			justify-content: center;
		}




@media (max-width: 768px) {

  /* Remove bottom space from banner */
  #main-buttons {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Remove top space from homepage content */
  #content-view {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}


#sb_package_list_container > div > div:nth-child(n) > div > div.excerpt-info > div.tab-pd > div.content > div.selected-package-list.short {
display: none !important;
}




#sb_content > div > div > form > div.title {
    color: #8B684D;      /* brown color */
    font-weight: 600;    /* match other titles */
    font-size: 24px;     /* adjust if needed to match other headings */
    margin-bottom: 24px; /* spacing below title */
    text-align: center;  /* optional: center the title */
  }


#sb_content > div > div > form > div.row > div > div > a {
display: none !important;
}

@media (max-width: 768px) { /* adjust breakpoint if needed */
  #main-buttons > div > div > div > div > a {
    margin-top: 250px !important; /* increase this value to move it further down */

  }
}

@media (max-width: 768px) { /* mobile view */
  #header > div > div > div > button {
    margin-top: -55px !important; /* adjust value to move it higher */
  }
}

#about-us > div {
display: flex;
justify-content: center;
}
#about-us > div > div.txt {
 max-width: 600px;
}
#about-us-customized {
}
/*
	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 */
}


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