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


/* Show grass only on the homepage (page--index). Hide it on checkout/other pages */
#sb_main:not(.page--index) #main-content::before {
  content: none !important;
  display: none !important;
}

/* Show grass only on the homepage (page--index). Hide it on checkout/other pages */
#sb_main:not(.page--index) #main-content::before {
  content: none !important;
  display: none !important;
}

/* Grass: OFF by default */
#main-content::before{
  content: none !important;
  display: none !important;
}

/* Grass: ON when the banner section exists anywhere before main-content */
section#main-buttons ~ section#main-content::before,
section#main-buttons ~ #main-content::before{
  content: "" !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 2048 / 150 !important;

  background-image: url("https://static.wixstatic.com/media/8edc1c_cade64e391f544d08d8263e8470ffaf8~mv2.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: contain !important;

  margin-top: -60px !important; /* overlap into the banner */
  margin-bottom: 0 !important;
  pointer-events: none !important;
}

/* Mobile spacing: only when grass is present */
@media (max-width: 767px){
  section#main-buttons ~ section#main-content,
  section#main-buttons ~ #main-content{
    padding-top: 40px !important;
  }
}

/* GRASS STRIP VISIBILITY CONTROL */

/* Hide grass everywhere by default */
#main-content::before {
  content: none !important;
  display: none !important;
  margin: 0 !important;
}

/* Show grass on HOMEPAGE */
#sb_main.page--index #main-content::before,
/* Show grass on BOOKING page */
#sb_main.page--booking #main-content::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 2048 / 150 !important;

  background-image: url("https://static.wixstatic.com/media/8edc1c_cade64e391f544d08d8263e8470ffaf8~mv2.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: contain !important;

  margin-top: -60px !important;
  margin-bottom: 0 !important;
  pointer-events: none !important;
}

/* Mobile spacing only when grass is present */
@media (max-width: 767px) {
  #sb_main.page--index #main-content,
  #sb_main.page--booking #main-content {
    padding-top: 40px !important;
  }
}

/* Hide Google + Facebook login buttons in popup */
#sb_login_form .not-logged .row .col-sm-12 a[href*="google"],
#sb_login_form .not-logged .row .col-sm-12 a[href*="facebook"],
#sb_login_form .not-logged .row .col-sm-12 a[href*="fb"] {
  display: none !important;
}

.social.clearfix {
   display: none;
}

.social {
   display: none !important;
}

/* Style What3Words line to match contact rows */
#contacts::after {
  content: "What3Words: ///retain.reclusive.king";
  display: block;
  margin-top: 12px;
  margin-left: 34px; /* aligns with text column */
  font-size: 14px;   /* match other contact text */
  line-height: 1.6;
  color: inherit;
}