:root {
  --color-1: #ac92e9;
  --color-2: #55c2e6;
  --color-3: #a1d56e;
  --color-4: #fecd5e;
  --color-5: #eb5266;
}

.multi-color-text {
  width: min-content;
  font-family: "Exo", sans-serif;
  background: linear-gradient(219deg, 
    var(--color-1) 19%, 
    transparent 19%,transparent 20%, 
    var(--color-2) 20%, var(--color-2)  39%,
    transparent 39%,transparent 40%, 
    var(--color-3) 40%,var(--color-3) 59% ,
    transparent 59%,transparent 60%, 
    var(--color-4) 60%, var(--color-4) 79%,
    transparent 79%, transparent 80%, 
    var(--color-5) 80%);
  -webkit-background-clip: text;
  color: transparent !important;
}

@media screen and (min-width: 768px) {
  .multi-color-text {
    font-size: 6.5rem;
  }
}
:root {
  --color-1: #ac92e9;
  --color-2: #55c2e6;
  --color-3: #a1d56e;
  --color-4: #fecd5e;
  --color-5: #eb5266;
}

.multi-color-text {
  width: min-content;
  font-family: "Exo", sans-serif;
  background: linear-gradient(
    219deg,
    var(--color-1) 19%,
    transparent 19%, transparent 20%,
    var(--color-2) 20%, var(--color-2) 39%,
    transparent 39%, transparent 40%,
    var(--color-3) 40%, var(--color-3) 59%,
    transparent 59%, transparent 60%,
    var(--color-4) 60%, var(--color-4) 79%,
    transparent 79%, transparent 80%,
    var(--color-5) 80%
  );
  -webkit-background-clip: text;
  color: transparent !important;
}

@media (min-width:768px){
    .multi-color-text{
        font-size:6.5rem;
    }
}
/* Force month calendar event text to white */
.tribe-events-calendar-month__calendar-event,
.tribe-events-calendar-month__calendar-event *,
.tribe-events-calendar-month__calendar-event a,
.tribe-events-calendar-month__calendar-event time,
.tribe-events-calendar-month__calendar-event span {
    color: #ffffff !important;
}
/* ==========================================
   Month heading (July 2026)
========================================== */

.tribe-events-c-top-bar__datepicker-button,
.tribe-events-c-top-bar__datepicker-button *,
.tribe-events-c-top-bar__datepicker-time,
.tribe-events-c-top-bar__datepicker-title {
    color: #ffffff !important;
}

/* ==========================================
   Previous & Next arrows
========================================== */

.tribe-events-c-top-bar__nav-link,
.tribe-events-c-top-bar__nav-link svg,
.tribe-events-c-top-bar__nav-link path {
    color: #E1397E !important;
    fill: #E1397E !important;
    stroke: #E1397E !important;
}

.tribe-events-c-top-bar__nav-link:hover,
.tribe-events-c-top-bar__nav-link:hover svg,
.tribe-events-c-top-bar__nav-link:hover path {
    color: #72B14A !important;
    fill: #72B14A !important;
    stroke: #72B14A !important;
}
/* ==========================================
   Single Event - Date & Time
========================================== */

.single-tribe_events .tribe-events-schedule,
.single-tribe_events .tribe-events-schedule *,
.single-tribe_events .tribe-events-schedule time,
.single-tribe_events .tribe-events-schedule span,
.single-tribe_events .tribe-events-schedule a {
    color: #ffffff !important;
    opacity: 1 !important;
}
/* Blog images with captions over the photo */
.blog-image-caption {
    position: relative;
}

.blog-image-caption figcaption {
    position: absolute;
    bottom: 8px;
    right: 10px;
    margin: 0;
    padding: 3px 6px;

    font-size: 10px;
    line-height: 1.3;
    color: #fff;
    text-align: right;

    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);

    z-index: 2;
}

/* League night section: navy so teal stays the button colour */
.tb-league {
    background-color: #2e3a41 !important;
}


/* League section: teal accent bar + mobile cleanup */

/* Decorative bar above heading: white to teal */
.tb-league__title::before {
	  background: #4FC3DC !important;
}

/* Mobile: hide the photo  frees up space on small screens */
@media (max-width: 860px) {
	.tb-league__photo {
		    display: none !important;
	}
}

/* Mobile: show only the primary CTA, hide secondary buttons */
@media (max-width: 520px) {
	.tb-league .tb-league__btns a:not(:first-child) {
		    display: none !important;
	}
}

/* ============================================
   HOMEPAGE IMPROVEMENTS (2026-10)
   ============================================ */

/* 1. Smooth scroll for anchor links */
html {
  scroll-behavior: smooth;
}

/* 2. Colour consistency: What's On matches the other dark sections */
.tb-wo {
  background-color: #2e3a41 !important;
}

/* 3. Subtle visual break between Reviews and FAQ (same cream, need separation) */
.tb-faq {
  border-top: 1.5px solid rgba(46, 58, 65, 0.10);
}

/* 4. Section entrance animations — extends the is-js/is-in system
      Uses the real inner wrapper class (__wrap) found in each section */
.tb-xh.is-js .tb-xh__wrap,
.tb-intro.is-js .tb-intro__wrap,
.tb-wo.is-js .tb-wo__wrap,
.tb-rv.is-js .tb-rv__wrap,
.tb-faq.is-js .tb-faq__wrap {
  opacity: 0;
  transform: translateY(48px);
}

.tb-xh.is-js.is-in .tb-xh__wrap,
.tb-intro.is-js.is-in .tb-intro__wrap,
.tb-wo.is-js.is-in .tb-wo__wrap,
.tb-rv.is-js.is-in .tb-rv__wrap,
.tb-faq.is-js.is-in .tb-faq__wrap {
  opacity: 1;
  transform: none;
  transition: opacity 0.75s ease-out, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 5. Pick Your Good Times cards — playful pop-up with scale + stagger */
.tb-uor.is-js .tb-uor__item {
  opacity: 0;
  transform: translateY(50px) scale(0.94);
}

.tb-uor.is-js.is-in .tb-uor__item {
  opacity: 1;
  transform: none;
  transition: opacity 0.6s ease-out, transform 0.75s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.tb-uor.is-js.is-in .tb-uor__item:nth-child(2) { transition-delay: 0.1s; }
.tb-uor.is-js.is-in .tb-uor__item:nth-child(3) { transition-delay: 0.2s; }
.tb-uor.is-js.is-in .tb-uor__item:nth-child(4) { transition-delay: 0.3s; }
.tb-uor.is-js.is-in .tb-uor__item:nth-child(5) { transition-delay: 0.4s; }
.tb-uor.is-js.is-in .tb-uor__item:nth-child(6) { transition-delay: 0.5s; }

/* 6. Outdoor/Terrace stat (250 guests) — Terrace brand greens */
.tb-dp li:nth-child(3) .tb-dp__figure {
  color: #72b14a !important;
}
.tb-dp li:nth-child(3) .tb-dp__label {
  color: #487b31 !important;
}

/* 7. Reserve D2N hero height to prevent layout shift on page load */
.tb-d2n {
  min-height: calc(56vw + 40px);
  max-height: 700px;
}
@media (max-width: 768px) {
  .tb-d2n { min-height: calc(56vw + 80px); }
}

/* 8. Parking & accessibility cards — staggered slide-up animation */
.tb-acc.is-js .tb-acc__t {
  opacity: 0;
  transform: translateY(36px);
}

.tb-acc.is-js.is-in .tb-acc__t {
  opacity: 1;
  transform: none;
  transition: opacity 0.55s ease-out, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.tb-acc.is-js.is-in .tb-acc__t:nth-child(2) { transition-delay: 0.12s; }
.tb-acc.is-js.is-in .tb-acc__t:nth-child(3) { transition-delay: 0.24s; }
.tb-acc.is-js.is-in .tb-acc__t:nth-child(4) { transition-delay: 0.36s; }