/* Global page-specific styles so they work with AJAX navigation */

/* Page hero overlay color override (scoped to page headings only) */
.about-hero .overlay,
.tickets-hero .overlay,
.contact-hero .overlay {
  background: #fee300 !important;
  opacity: 1 !important; /* solid yellow */
}

/* About page */
.about-hero {
  position: relative;
  padding: 140px 30px 100px;
  text-align: left;
}
.about-hero .section-title {
  margin-bottom: 16px;
}
.about-hero h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #313131;
}
.about-hero p.lead {
  font-family: "Mukta Vaani", sans-serif;
  color: #000000;
  font-size: 16px;
  max-width: 900px;
  text-align: left;
}
.about-wrap {
  padding: 80px 30px 120px;
  max-width: 1100px;
  margin: 0 auto;
}
.about-card {
  background: #fee300;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px;
  border-radius: 10px;
  margin-bottom: 32px;
}
.about-card h3 {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 12px;
}
.about-card p {
  font-family: "Mukta Vaani", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.9;
  text-align: left;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.about-cta {
  margin-top: 24px;
}
.about-cta .btn {
  display: inline-block;
  padding: 12px 28px 12px 22px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.about-hero .overlay {
  position: absolute;
  inset: 0;
  background: #fee300;
  z-index: 1;
}
.about-hero .container {
  position: relative;
  z-index: 3;
}
.about-hero .hero-section-dec {
  display: none !important;
}
/* Hero lead badge */
.about-hero p.lead {
  background: transparent;
  color: #000;
  display: block;
  padding: 0;
  border-radius: 0;
}
@media (max-width: 768px) {
  .about-hero {
    padding: 110px 20px 70px;
  }
  .about-hero h1 {
    font-size: 34px;
  }
  .about-wrap {
    padding: 50px 20px 80px;
  }
  .about-card {
    padding: 26px;
    border-radius: 8px;
    margin-bottom: 22px;
  }
}

/* Tickets page */
.tickets-hero {
  position: relative;
  padding: 140px 30px 100px;
  text-align: left;
}
.tickets-hero .section-title {
  margin-bottom: 16px;
}
.tickets-hero h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #313131;
}
.tickets-hero p.lead {
  font-family: "Mukta Vaani", sans-serif;
  color: #000000;
  font-size: 16px;
  max-width: 900px;
  text-align: left;
}
.tickets-wrap {
  padding: 80px 30px 120px;
  max-width: 1100px;
  margin: 0 auto;
}
.tickets-card {
  background: #fee300;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px;
  border-radius: 10px;
  margin-bottom: 32px;
}
.tickets-card h3 {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 12px;
}
.tickets-card p {
  font-family: "Mukta Vaani", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.9;
  text-align: left;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.tickets-hero .overlay {
  position: absolute;
  inset: 0;
  background: #fee300;
  z-index: 1;
}
.tickets-hero .container {
  position: relative;
  z-index: 3;
}
.tickets-hero .hero-section-dec {
  display: none !important;
}
/* Hero lead badge */
.tickets-hero p.lead {
  background: transparent;
  color: #000;
  display: block;
  padding: 0;
  border-radius: 0;
}
/* Tickets CTA buttons */
.tickets-cta {
  margin-top: 16px;
}
.tickets-cta.bottom {
  padding: 30px;
  text-align: center;
}
.signup-btn {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.signup-btn span {
  color: #fff !important;
}
@media (max-width: 768px) {
  .tickets-hero {
    padding: 110px 20px 70px;
  }
  .tickets-hero h1 {
    font-size: 34px;
  }
  .tickets-wrap {
    padding: 50px 20px 80px;
  }
  .tickets-card {
    padding: 26px;
    border-radius: 8px;
    margin-bottom: 22px;
  }
}

/* Contact page */
.contact-hero {
  position: relative;
  padding: 140px 30px 100px;
  text-align: left;
}
.contact-hero .section-title {
  margin-bottom: 16px;
}
.contact-hero h1 {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.2;
  color: #313131;
}
.contact-hero p.lead {
  font-family: "Mukta Vaani", sans-serif;
  color: #000000;
  font-size: 16px;
  max-width: 900px;
  text-align: left;
}
.contact-wrap {
  padding: 80px 30px 120px;
  max-width: 1100px;
  margin: 0 auto;
}
.contact-card {
  background: #fee300;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 40px;
  border-radius: 10px;
  margin-bottom: 32px;
}
.contact-card h3 {
  font-family: "Oswald", sans-serif;
  letter-spacing: 1px;
  color: #000;
  margin-bottom: 12px;
}
.contact-card p {
  font-family: "Mukta Vaani", sans-serif;
  color: #000;
  font-size: 15px;
  line-height: 1.9;
  text-align: left;
  padding: 0;
  background: transparent;
  border-radius: 0;
}
.contact-card a {
  color: #000;
  text-decoration: underline;
}
.contact-hero .overlay {
  position: absolute;
  inset: 0;
  background: #fee300;
  z-index: 1;
}
.contact-hero .container {
  position: relative;
  z-index: 3;
}
.contact-hero .hero-section-dec {
  display: none !important;
}
/* Hero lead badge */
.contact-hero p.lead {
  background: transparent;
  color: #000;
  display: block;
  padding: 0;
  border-radius: 0;
}
@media (max-width: 768px) {
  .contact-hero {
    padding: 110px 20px 70px;
  }
  .contact-hero h1 {
    font-size: 34px;
  }
  .contact-wrap {
    padding: 50px 20px 80px;
  }
  .contact-card {
    padding: 26px;
    border-radius: 8px;
    margin-bottom: 22px;
  }
}

/* Main social panel styles */
.main_social {
  display: block !important;
}

/* Share button and wrapper styles */
.share-btn,
.share-wrapper {
  display: block !important;
  /* color: black !important; */
}