/*
	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 */
}

/* Air theme: move the banner button row lower */
#main-buttons .wrapper .inner .bar {
  margin-top: 150px !important; /* increase = lower */
}

/* AIR theme: optimise cropping for mobile */
@media (max-width: 767px) {
  section#main-buttons {
    background-position: center center !important;
  }
}

/* Full-width artwork above footer, keeps perfect proportions (no squeezing) */
#main-content{
  position: relative;
  padding-bottom: 0; /* handled by the strip itself */
}

#main-content::after{
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 2048 / 443; /* matches your image proportions */
  margin-top: 0;

  background-image: url("https://static.wixstatic.com/media/8edc1c_3c65e48b9064486c9ae4405e0311348c~mv2.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain; /* preserves proportions, no crop */
  pointer-events: none;
}



/* Grass strip overlapping the bottom of the top banner */
#main-content {
  position: relative;
}

/* Grass artwork */
#main-content::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 2048 / 150; /* preserves proportions */

  background-image: url("https://static.wixstatic.com/media/8edc1c_cade64e391f544d08d8263e8470ffaf8~mv2.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;

  /* This creates the overlap */
  margin-top: -60px;   /* increase/decrease to fine-tune overlap */
  margin-bottom: 0;

  pointer-events: none;
}

/* Mobile fix: ensure content starts below the grass */
@media (max-width: 767px) {
  #main-content {
    padding-top: 40px; /* creates space below grass */
  }
}

/* Homepage content table: force white background (Air theme) */
#main-content .section-pd .table.table-bordered,
#main-content .section-pd .table.table-bordered tbody,
#main-content .section-pd .table.table-bordered tr,
#main-content .section-pd .table.table-bordered td {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

#main-content .section-pd .table.table-bordered td {
  border: none;
}

/* Remove the table outline + all grid lines */
#main-content .section-pd .table.table-bordered,
#main-content .section-pd .table.table-bordered td,
#main-content .section-pd .table.table-bordered th {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Disable automatic hyphenation across the site */
#sb_main_container,
#sb_main_container p,
#sb_main_container h1,
#sb_main_container h2,
#sb_main_container h3,
#sb_main_container h4,
#sb_main_container h5,
#sb_main_container h6,
#sb_main_container li,
#sb_main_container td {
  hyphens: none !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Stop word hyphenation / splitting inside homepage content */
#content-view,
#content-view * {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  -ms-hyphens: none !important;

  /* Prevent breaks inside words (fixes Re- active / Main- tained) */
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}
