/* Explicitly hide all relevant fields initially. */
#sb_additional_fields > div:nth-child(2), /* Field 1 (P1) */
#sb_additional_fields > div:nth-child(3), /* Field 2 (P2) */
#sb_additional_fields > div:nth-child(4) /* Field 3 (P3) */
/* Include any other participant fields here (e.g., #sb_additional_fields > div:nth-child(5)) */
{
    display: none !important;
}

/* --------------------------------------------------------------------------------
   2. CONDITIONAL VISIBILITY RULES (N-1 Logic based on OPTION INDEX)
   Controlling Dropdown Data Field ID: da36e7ac045749042b7ab0fdc39431b0
   -------------------------------------------------------------------------------- */

/* NOTE on Indexing:
   - Option Index 1 (Value ""): Hides all (Default behavior)
   - Option Index 2 (Value "1"): Hides all (0 fields show)
   - Option Index 3 (Value "2"): Shows 1 field
   - Option Index 4 (Value "3"): Shows 2 fields
   - Option Index 5 (Value "4"): Shows 3 fields
*/


/* --- RULE 0: Option Index 2 (Value '1') - SHOWS 0 FIELDS ---
   This rule is necessary to explicitly suppress the fields that might pop up
   when the value '1' is selected, reinforcing the 'none' display.
   We explicitly hide the fields if this option is chosen.
*/
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(2):checked)
    > div:nth-child(2),
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(2):checked)
    > div:nth-child(3),
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(2):checked)
    > div:nth-child(4)
{
    display: none !important;
}


/* --- Rule 1: Show 1 Field (P1) when Option Index 3 (Value '2') is selected --- */
/* Target: #sb_additional_fields > div:nth-child(2) */
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(3):checked)
    > div:nth-child(2) {
    display: block !important;
}


/* --- Rule 2: Show 2 Fields (P1 & P2) when Option Index 4 (Value '3') is selected --- */
/* Targets: #sb_additional_fields > div:nth-child(2) AND #sb_additional_fields > div:nth-child(3) */
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(4):checked)
    > div:nth-child(2),
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(4):checked)
    > div:nth-child(3) {
    display: block !important;
}

/* --- Rule 3: Show 3 Fields (P1, P2, P3) when Option Index 5 (Value '4') is selected --- */
/* Targets: #sb_additional_fields > div:nth-child(2), #sb_additional_fields > div:nth-child(3), AND #sb_additional_fields > div:nth-child(4) */
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(5):checked)
    > div:nth-child(2),
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(5):checked)
    > div:nth-child(3),
#sb_additional_fields:has(.form-group[data-field="da36e7ac045749042b7ab0fdc39431b0"] select option:nth-child(5):checked)
    > div:nth-child(4) {
    display: block !important;
}

#sb_footer_menu {
display: none !important;
}



#sb_homepage_nav > div > ul {
  display: flex; 
}

#sb_homepage_nav > div > ul > li:nth-child(3) {
  order: 3;
}

#sb_homepage_nav > div > ul > li:nth-child(4) {
  order: 2;
}

#sb_homepage_nav > div > ul > li:nth-child(5) {
  order: 4;
}



#reviews-view {
  position: relative;
  top: 800px;
  z-index: 1;
}

#sb_membership_module {
  position: relative;
  top: -1000px;
  z-index: 2;
}

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