/* =========================================================
   ACAO FESTIVAL — Color override only
   Loaded AFTER main.css. Does not touch main.css, does not
   change any font-family. Only rewrites the theme's color
   variables (--main-h/s/l etc.) to the ACAO red/gold palette.
   Applies identically across all pages of the site.
========================================================= */

:root {
  /* ACAO Red (replaces the original magenta #ff0fd3) */
  --main-h: 353;
  --main-s: 74%;
  --main-l: 45%;

  /* Warm gold accent (replaces the original orange) */
  --main-two-h: 42;
  --main-two-s: 93%;
  --main-two-l: 52%;

  /* Deep coral, 2nd accent (replaces the original coral) */
  --main-three-h: 8;
  --main-three-s: 78%;
  --main-three-l: 52%;
}

.home-two-bg,
.home-one-bg {
  background-color: #0b0709 !important;
}

/* Auto-fit any uploaded photo without distortion or manual cropping */
.seat-booking-banner img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  object-position: center;
}
/* Fix: .event-two-tab has a -100px top margin in its original theme
   context (Festival Program section). Reused here for the contact
   form tabs, where that negative margin hides the heading above it.
   Neutralize it in this specific context only. */
.contact-ip-area .event-two-tab {
  margin-top: 0 !important;
}
@media screen and (max-width: 991px) {
  .contact-ip-area .event-two-tab {
    margin-top: 24px !important;
  }
}

/* Add clear visual spacing between the contact form and its banner image */
.contact-ip-banner {
  margin-left: 30px;
}
@media screen and (max-width: 991px) {
  .contact-ip-banner {
    margin-left: 0;
    margin-top: 30px;
  }
}