/* MDIX Event Utama — per-template audit fixes */

/* Hero: grey silhouette placeholder of a person (img/man_header.png). */
.slider-shape.ss-eight {
  display: none !important;
}

/* .about-title h2 only shrinks below 768px (theme gap); at 768-1200px it stays 60px, which
   breaks "Bergabunglah" mid-word in the narrower two-column layout once translated to
   Indonesian (longer words than the original English). */
@media (max-width: 1200px) {
  .about-title h2 {
    font-size: 40px;
  }
}

/* Mobile menu toggle (div.responsive, 25x37.5px) clears the 24px mandatory minimum but
   misses the 44px goal for a primary control; pad the hit area without changing the icon. */
.responsive {
  padding: 10px 8px;
  margin-top: -48px;
}

/* Footer nav links ("Tentang | Jadwal | Blog | ...") are plain inline text at ~19px tall,
   under the mandatory 24px touch-target floor for footer links (D-11). */
.footer-link li a {
  display: inline-block;
  padding: 6px 2px;
}

/* Sponsor logos are grey placeholder boxes: hide the heading + logo grid, keep the video block. */
.sponsors .container > div:nth-child(-n+3) {
  display: none !important;
}

/* Rupiah prices are longer than the original "$200": keep them on one line inside the card. */
.pricing-box .price-count h2 {
  font-size: 40px;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .pricing-box .price-count h2 {
    font-size: 32px;
  }
}

/* Missing theme asset (css/style.css references ../images/quote_bg.png, which never existed
   in this package) causes a 404 on blog.html; drop the background instead of inventing a file. */
.quote-post {
  background: none !important;
}

/* Brand accents fail WCAG AA text contrast on white (#ff007a ~3.8:1, #00a8ff ~2.6:1,
   #00b4ff ~2.3:1, #3297fe ~3.0:1); darkened shades used for TEXT and BUTTON fills only —
   decorative hover glows/shadows are left alone since those aren't text.
   Note: .about-title is always combined with .second-atitle in this template (never used
   alone), so only the .second-atitle text-color rule is needed — giving .about-title > span
   its own background here would paint the darkened text on a same-colour box. */
.btn,
.second-header-btn .btn,
.second-header-btn .btn:hover,
.pricing-btn .btn:hover,
.pricing-box.active .pricing-btn .btn,
.about-area .btn,
.event .btn,
.bsingle__content .blog__btn .btn {
  background: #c3005c;
}
/* .event .btn (above) is a plain descendant selector that also reaches the outlined
   "Selengkapnya"/"Beli Tiket" buttons inside .event-list-content, which intentionally keep
   .event-list-content .btn's own transparent background + #47759d text — restore it so the
   two rules don't mix into a near-invisible magenta-on-magenta button. */
.event-list-content .btn {
  background: none;
}
.second-header-btn .btn,
.pricing-btn .btn:hover,
.pricing-box.active .pricing-btn .btn,
.bsingle__content .blog__btn .btn {
  border-color: #c3005c;
}
.second-atitle > span,
.section-title span,
.team-area p,
.team-area strong,
.team-area-content span,
.slider-btn .btn,
.bar-no,
.event-list-content ul li,
.widget__banner-overly .btn,
.s-cta-btn .btn,
.single-cta p a {
  color: #c3005c;
}
.about-title h5 {
  color: #0077b6;
}
.single-team .tag {
  background: #0077a6;
}
.pricing-body strong {
  color: #2162a5;
}
.pro-cat a {
  color: #c3005c;
}
.price span {
  color: #665f84;
}
.price span.old-price {
  color: #646075;
}
.cat__list li a,
.comment-text .avatar-name .comment-reply,
.post__tag ul li a,
.meta__info ul li a {
  color: #5a6478;
}
.comment-text .avatar-name span {
  color: #c3005c;
}
.widget__tag ul li a {
  color: #646181;
}
.product-cat a,
.bakix-details-tab .nav-link,
.about-content a.mt-20 {
  color: #1070ad;
}

/* "Mengapa Ikut" counter section sits on a busy rainbow glass-facade photo; white counter
   text loses contrast over the brighter panels. Darken the photo instead of changing every
   text colour in the section. */
.counter-area {
  position: relative;
}
.counter-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(8, 12, 28, 0.78);
}
.counter-area > .container {
  position: relative;
  z-index: 1;
}