/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.19.12
*/

:root {
  --hit-bg: #0a0603;
  --hit-gold: #f0c14b;
  --hit-gold-2: #ffe08a;
  --hit-text: #f7f1e8;
  --hit-muted: #b5a48c;
  --hit-line: rgba(240, 193, 75, 0.2);
  --hit-radius: 6px;
}

/* Header CTAs */
.header-button-1 a,
.header-button-2 a,
.header .header-button a,
.header-button .button {
  animation: none !important;
  box-shadow: none !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 700;
  border-radius: var(--hit-radius) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.header-button-1 a,
.header-button-1 .button {
  background: var(--hit-gold) !important;
  border: 1px solid var(--hit-gold) !important;
  color: #1a1008 !important;
}

.header-button-1 a:hover,
.header-button-1 .button:hover {
  background: var(--hit-gold-2) !important;
  border-color: var(--hit-gold-2) !important;
  transform: translateY(-1px);
}

.header-button-2 a,
.header-button-2 .button {
  background: transparent !important;
  border: 1px solid var(--hit-gold) !important;
  color: var(--hit-gold) !important;
}

.header-button-2 a:hover,
.header-button-2 .button:hover {
  background: rgba(240, 193, 75, 0.12) !important;
  color: #fff6d6 !important;
}

.header-nav > li > a {
  position: relative;
  transition: color 0.2s ease;
}

.header-nav > li > a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.3em;
  width: 0;
  height: 1px;
  background: var(--hit-gold);
  transition: width 0.22s ease, left 0.22s ease;
}

.header-nav > li > a:hover::after,
.header-nav > li.active > a::after {
  width: 55%;
  left: 22.5%;
}

/* Hero banner */
.hit-sec-hero {
  isolation: isolate;
}

.hit-sec-hero .hit-hero__brand p,
.hit-sec-hero .hit-hero__brand {
  margin: 0;
  font-size: clamp(2.4rem, 7.5vw, 4.4rem) !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em;
  line-height: 0.95;
  color: var(--hit-gold) !important;
  text-transform: uppercase;
  text-shadow: 0 4px 28px rgba(0, 0, 0, 0.4);
}

.hit-sec-hero .hit-hero__title,
.hit-sec-hero .hit-hero__title span {
  letter-spacing: -0.015em;
  line-height: 1.25 !important;
  max-width: 18ch;
  margin-left: auto;
  margin-right: auto;
}

.hit-sec-hero .hit-hero__lead p {
  margin: 0.35rem 0 0.75rem;
  font-size: 1.05rem;
  line-height: 1.55;
}

.hit-sec-hero .button.hit-btn,
.hit-sec-promo .button.hit-btn {
  min-height: 50px;
  min-width: 150px;
  margin: 0.25rem 0.35rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: var(--hit-radius) !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.hit-sec-hero .button.hit-btn--primary,
.hit-sec-promo .button.hit-btn--primary,
.button.warning.hit-btn--primary {
  background-color: var(--hit-gold) !important;
  border-color: var(--hit-gold) !important;
  color: #1a1008 !important;
}

.hit-sec-hero .button.hit-btn--primary:hover,
.hit-sec-promo .button.hit-btn--primary:hover {
  background-color: var(--hit-gold-2) !important;
  border-color: var(--hit-gold-2) !important;
  color: #120a04 !important;
  transform: translateY(-2px);
}

.hit-sec-hero .button.hit-btn--ghost {
  background: rgba(10, 6, 3, 0.28) !important;
  border: 1px solid rgba(240, 193, 75, 0.75) !important;
  color: var(--hit-gold) !important;
}

.hit-sec-hero .button.hit-btn--ghost:hover {
  background: rgba(240, 193, 75, 0.14) !important;
  color: #fff6d6 !important;
  transform: translateY(-2px);
}

/* Trust */
.hit-sec-trust {
  border-bottom: 1px solid var(--hit-line);
}

.hit-sec-trust .hit-trust__item {
  padding: 0.35rem 0.5rem;
}

.hit-sec-trust .hit-trust__item strong {
  display: block;
  color: var(--hit-gold);
  font-size: 1.05rem;
  margin-bottom: 0.15rem;
}

.hit-sec-trust .hit-trust__item p {
  margin: 0;
  color: var(--hit-muted);
  font-size: 0.9rem;
  line-height: 1.45;
}

/* Lobby */
.hit-sec-lobby .hit-game-col .img-inner,
.hit-sec-lobby .hit-game-img {
  border-radius: var(--hit-radius);
  overflow: hidden;
}

.hit-sec-lobby .hit-game-col h3 {
  margin-top: 0.65rem !important;
}

.hit-sec-lobby .hit-game-col:hover .img-inner img {
  transform: scale(1.04);
}

/* Promo */
.hit-sec-promo {
  border-top: 1px solid var(--hit-line);
  border-bottom: 1px solid var(--hit-line);
}

.hit-sec-promo .hit-promo__kicker p {
  margin: 0 0 0.35rem;
  font-size: 0.75rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--hit-gold);
  font-weight: 700;
}

/* Title readability (Flatsome [title] size is %) */
.hit-sec-lobby .section-title-main,
.hit-sec-promo .section-title-main,
.hit-sec-about .section-title-main,
.hit-sec-faq .section-title-main,
.hit-sec-hero .section-title-main {
  line-height: 1.3;
}

.hit-sec-about .hit-about__item .section-title-main {
  font-size: 1.25rem !important;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}

.hit-sec-about .hit-about__item {
  border-top: 2px solid var(--hit-gold);
  padding-top: 0.5rem;
}

.hit-sec-lobby .hit-game-col .section-title-main {
  font-size: 1.1rem !important;
  text-transform: none;
  letter-spacing: 0;
}

.hit-sec-about > .section > .section-content .row:first-child .section-title-main,
.hit-sec-lobby > .section > .section-content .row:first-child .section-title-main,
.hit-sec-promo .section-title-main,
.hit-sec-faq .section-title-main {
  font-size: clamp(1.45rem, 2.6vw, 1.85rem) !important;
}

.hit-sec-hero .hit-hero__title .section-title-main {
  font-size: clamp(1.35rem, 3vw, 1.95rem) !important;
}

.hit-sec-about .hit-about__item p,
.hit-sec-about .hit-about__copy p,
.hit-sec-trust .hit-trust__item p {
  font-size: 1rem;
}

.hit-sec-about .hit-about__copy a {
  color: var(--hit-gold);
}

/* FAQ accordion */
.hit-sec-faq .accordion {
  text-align: left;
  max-width: 760px;
  margin: 0.75rem auto 0;
}

.hit-sec-faq .accordion-title {
  color: var(--hit-text) !important;
  border-color: var(--hit-line) !important;
  font-weight: 700;
}

.hit-sec-faq .accordion-inner {
  color: var(--hit-muted);
  line-height: 1.65;
}

.hit-sec-faq .accordion-item {
  border-color: var(--hit-line) !important;
}

/* Footer */
.footer-wrapper,
#footer,
.absolute-footer {
  background: #070503;
  color: var(--hit-muted);
}

.footer-wrapper a {
  color: var(--hit-muted);
  transition: color 0.2s ease;
}

.footer-wrapper a:hover {
  color: var(--hit-gold);
}

.footer-wrapper .ux-menu-link,
.footer-wrapper .widget-title,
.footer-wrapper h4 {
  color: var(--hit-gold) !important;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 0.82rem !important;
}

.footer-wrapper img {
  max-width: 140px;
  height: auto;
  margin-bottom: 0.75rem;
}

.footer-wrapper p,
.footer-wrapper li {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--hit-muted);
}

.footer-wrapper ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.hit-footer-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1.35rem;
  margin-top: 1.4rem;
  padding-top: 1.15rem;
  border-top: 1px solid var(--hit-line);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.hit-footer-legal a {
  color: var(--hit-muted);
  text-decoration: none;
}

.hit-footer-legal a:hover {
  color: var(--hit-gold);
}

.hit-footer__info a {
  color: var(--hit-gold);
}

@media only screen and (max-width: 48em) {
  .hit-sec-hero .button.hit-btn {
    display: block;
    width: 100%;
    margin: 0.4rem 0;
  }

  .hit-sec-trust .hit-trust__item {
    margin-bottom: 0.5rem;
  }
}