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


/* --- Book More Sessions Button --- */
#sb_multiple_booking_btn span::before {
  content: "Book More Sessions";
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}

#sb_multiple_booking_btn span {
  font-size: 0;
}

#sb_multiple_booking_btn::before {
  content: "Need to add more sessions?";
  display: block;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}


/* Fix size of Confirm Booking button */
#sb_book_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70px; /* Adjust as needed to fit the label */
}

/* Hide original Confirm booking text */
#sb_book_btn span {
  font-size: 0;
  position: relative;
  display: inline-block;
}

/* Add new visible label */
#sb_book_btn span::after {
  content: "Confirm Booking";
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* Add description above Confirm Booking button */
#sb_book_btn::before {
  content: "All done?";
  display: block;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}


/* Add description above Confirm Booking */
#sb_book_btn::before {
  content: "All done?";
  display: block;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}

/* Ensure button is tall enough */
#sb_book_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70px;
}

/* Hide original Confirm booking text */
#sb_book_btn span {
  font-size: 0;
  position: relative;
  display: inline-block;
}

/* Add your custom label */
#sb_book_btn span::after {
  content: "Confirm Booking";
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  position: relative;
}

/* Add description above Confirm Booking button */
#sb_book_btn::before {
  content: "All done?";
  display: block;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 8px;
  text-align: center;
}

* Hide any span that contains "Renewal $" in price formatter blocks */
.wrapper.price-formatter span:before {
  content: '';
}

.wrapper.price-formatter span {
  font-size: 0 !important;
}

/* Reduce top margin above the Subscribe button to eliminate renewal gap */
.wrapper.price-formatter:not(.tctr) {
  margin-top: -20px !important;
}

/* LIFT ONLY buttons that come after a renewal section */
.info-container.v2 + .active-container.v3 {
  margin-top: -20px !important;
}

div.active-container.v2 > .wrapper.btn.price-formatter {
  margin-top: -8px !important;
}


#about-us .section-pd .title-main::after {
  content: "";
  display: block;
  background-image: url('https://i.imgur.com/ZJELhvY.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 230px; /* Adjust height to fit your layout */
  margin-top: -10px;
}



/* Only targets thecircleperformance inside #about-us */
#about-us .section-pd .title-main {
  font-size: 0;
  position: relative;
}

#about-us .section-pd .title-main::before {
  content: "Choose a Plan. Book a Class.";
  font-size: 22px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  color: #000000;
  display: block;
}

#about-us .font_8.wixui-rich-text__text::before {
  content: "\AThe Circle Performance";
  display: block;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  color: #232323;
  margin-top: 18px;
  margin-bottom: -1px;
  text-align: left;         /* <- changed from center to left */
  padding-left: -28px;        /* <- optional: slight visual nudge */
}