/* =====================================================
   Sparing Camp 2026 — Color Theme Override
   #252547 (dark navy)  |  #5B1436 (crimson)  |  #DF8C68 (warm orange)
   ===================================================== */

/* ---- Page background ---- */
body#dance-page {
  background-color: #252547;
}
.dance-page .page-preloader-cover,
.page-preloader-cover {
  background-color: #252547;
}

/* ---- Preloader spinner ---- */
.cssload-inner.cssload-one  { border-bottom-color: #5B1436; }
.cssload-inner.cssload-two  { border-right-color:  #DF8C68; }
.cssload-inner.cssload-three{ border-top-color:    #252547; }

/* ---- Marathon hero gradient ---- */
.marathon-slider {
  background: linear-gradient(to bottom right, #252547 0%, #5B1436 50%, #DF8C68 100%);
}

/* ---- Sticky header: collapse logo panel, anchor nav to top ---- */
.marathon-header-fixed .top-panel {
  transition: max-height 0.35s ease, padding 0.35s ease;
  max-height: 400px;
  overflow: hidden;
}
.marathon-header-fixed.header-top .top-panel {
  max-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.marathon-header-fixed.header-top,
.marathon-header-fixed.header-top.header-scroll {
  top: 0 !important;
}

/* ---- Sticky header dark bg ---- */
.marathon-header-fixed.header-top,
.header-dance {
  background-color: #252547;
}

/* ---- Nav hover / underline ---- */
.marathon-header-fixed .nav-list > li > a:after,
.header-dance .nav-list > li > a:after {
  background-color: #DF8C68;
}
.marathon-header-fixed .nav-list > li > a:hover,
.marathon-header-fixed .nav-list > li > a:hover i,
.header-dance .nav-list > li > a:hover,
.header-dance .nav-list > li > a:hover i {
  color: #DF8C68;
}
.marathon-header-fixed .top-panel .container .social-list a:hover i {
  color: #DF8C68;
}

/* ---- Strip background fill from nav items ---- */
.marathon-header-fixed .nav-list > li,
.marathon-header-fixed .nav-list > li > a,
.marathon-header-fixed .nav-list > li.active-page,
.marathon-header-fixed .nav-list > li:hover {
  background: none !important;
}

/* ---- Slider date highlight ---- */
.marathon-slide .slider-location .date {
  color: #DF8C68;
}

/* ---- Countdown timer numbers ---- */
.clock-timer.clock-timer-marathon span {
  color: #fff;
}
.clock-timer.clock-timer-marathon .smalltext {
  color: #DF8C68;
}

/* ---- Hero / choose-us section ---- */
.s-choose-us {
  background-color: #5B1436;
}

/* ---- Buttons — primary ---- */
.btn {
  border-color: #5B1436;
  box-shadow: 0 0 20px rgba(91, 20, 54, 0.25);
}
.btn:before {
  background-color: #5B1436;
}
.btn:hover {
  color: #fff;
  border-color: #DF8C68;
}
.btn:hover:before {
  background-color: #DF8C68;
  transform: translate(-50%, -50%) scale(0);
}
.btn.btn-white {
  border-color: #fff;
  color: #5B1436;
}
.btn.btn-white:before {
  background-color: #fff;
}
.btn.btn-white:hover {
  color: #fff;
  border-color: #DF8C68;
}
.btn.btn-primary {
  border-color: #5B1436;
  background-color: #5B1436;
  color: #fff;
}
.btn.btn-primary:hover {
  border-color: #DF8C68;
  background-color: #DF8C68;
  color: #fff;
}

/* ---- CTA register button ---- */
.btn.hmm {
  background-color: #5B1436;
  border-color: #5B1436;
  color: #fff;
}
.btn.hmm:hover {
  background-color: #DF8C68;
  border-color: #DF8C68;
}

/* ---- Dance-page links ---- */
.dance-page a {
  color: #DF8C68;
}
.dance-page a:hover {
  color: #fff;
}
.dance-page h1 a:hover,
.dance-page h2 a:hover,
.dance-page h3 a:hover,
.dance-page h4 a:hover,
.dance-page h5 a:hover,
.dance-page h6 a:hover {
  color: #DF8C68;
}

/* ---- Global link hover ---- */
a:hover {
  color: #DF8C68;
}

/* ---- Dance slogan bullet ---- */
.dance-slogan:before {
  background-color: #DF8C68;
}

/* ---- Mission / stats numbers ---- */
.mission-number-cover .mission-number-item .number {
  color: #DF8C68;
}

/* ---- Mission meta icons (calendar, pin) ---- */
.mission-meta li i {
  color: #DF8C68;
}

/* ---- Schedule item accent ---- */
.event-schedule-item .schedule-item-info .date {
  color: #DF8C68;
}

/* ---- To-top button ---- */
.to-top:hover {
  background-color: #5B1436;
}

/* ---- Text selection ---- */
*::-moz-selection { background: rgba(91, 20, 54, 0.7); }
*::selection       { background: rgba(91, 20, 54, 0.7); }

/* ---- Register section price ---- */
.s-marathon-register .price-value {
  color: #5B1436 !important;
}

/* ---- Register section group box border ---- */
.marathon-register .row[style*="border"] {
  border-color: #5B1436 !important;
}

/* ---- Hotel links in footer ---- */
.footer-hotels {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.footer-hotels li {
  margin: 0;
}
.footer-hotels .hotel {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 14px;
  border-left: 3px solid #DF8C68;
  background: rgba(91, 20, 54, 0.05);
  border-radius: 0 6px 6px 0;
  color: #333;
  transition: background 0.25s ease, border-color 0.25s ease;
  text-decoration: none;
}
.footer-hotels .hotel i {
  color: #DF8C68;
  margin-top: 4px;
  flex-shrink: 0;
  font-size: 14px;
  transition: color 0.25s ease;
}
.footer-hotels .hotel span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.footer-hotels .hotel strong {
  display: block;
  color: #252547;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
}
.footer-hotels .hotel small {
  display: block;
  font-size: 12px;
  color: #666;
  line-height: 1.3;
}
.footer-hotels .hotel:hover {
  background: rgba(223, 140, 104, 0.15);
  border-color: #5B1436;
}
.footer-hotels .hotel:hover strong {
  color: #5B1436;
}
.footer-hotels .hotel:hover i {
  color: #5B1436;
}
.footer-hotels .hotel:hover small {
  color: #444;
}

/* ---- Footer title underline ---- */
h2.title span:after {
  background-color: #DF8C68;
}

/* ---- Dark overlay on dance mask ---- */
.dance-mask:before {
  background: rgba(37, 37, 71, 0.85);
}

/* ---- Page preloader dance ---- */
.dance-page .page-preloader-cover {
  background-color: #252547;
}

/* ---- Page-title dance ---- */
.page-title.page-title-dance:after {
  background-color: #252547;
}

/* ---- Mobile nav menu background ---- */
@media (max-width: 767px) {
  .marathon-header-fixed .nav-menu {
    background-color: #252547;
  }
  .header-dance .nav-menu {
    background-color: #252547;
  }
}

/* ---- Inline price color override ---- */
div[style*="color: #0d5aa5"],
div[style*="color:#0d5aa5"] {
  color: #5B1436 !important;
}
