/*
Theme Name: Avada Child
Description: Child theme for Avada theme (Teamix customizations)
Author: ThemeFusion / Teamix
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

/* ===========================
   0) Design tokens
   =========================== */
:root{
  --tmx-navy:#0B2545;
  --tmx-gold:#F2C230;
  --tmx-offwhite:#f2f2f2;
  --tmx-shadow:0 3px 12px rgba(0,0,0,.25);
}

/* ===========================
   1) Hero Banner Titles & Text
   =========================== */

/* Main title (H1 or custom title class) */
.hero-banner h1,
.hero-banner .hero-title{
  font-weight:700;
  line-height:1.1;
  letter-spacing:0.2px;
  text-shadow:var(--tmx-shadow);
}

/* Eyebrow / small line (optional) */
.hero-banner .hero-eyebrow{
  color:var(--tmx-offwhite);
  letter-spacing:.5px;
  line-height:.9;
  font-weight:500;
}

/* Subheading or supporting text (tagline) */
.hero-banner h2,
.hero-banner h3,
.hero-banner p,
.hero-banner .hero-subtitle{
  font-weight:600;
  line-height:1.4;
  letter-spacing:0.2px;
  color:#f5f5f5;
  margin-top:12px;
}

/* Optional background box wrapper */
.hero-banner .hero-box{
  padding:40px 32px;
  border-radius:16px;
}

/* Utility classes (optional, assign in Avada Extras > CSS Class) */
.tmx-hero{ padding:40px 32px; border-radius:16px; }
.tmx-headline{ text-shadow:var(--tmx-shadow); line-height:1.1; }
.tmx-eyebrow{ color:var(--tmx-offwhite); letter-spacing:.5px; line-height:.9; }
.tmx-tagline{ color:#f5f5f5; margin-top:12px; }

/* ===========================
   2) Text Boxes (general content)
   =========================== */
.text-box h1,.text-box h2,.text-box h3,
.text-box h4,.text-box h5,.text-box h6{
  font-weight:700;
  line-height:1.3;
}
.text-box p{
  font-weight:400;
  line-height:1.6;
}

/* ===========================
   3) Responsive adjustments
   =========================== */

/* Tablet & below */
@media (max-width:1024px){
  .hero-banner .hero-box,
  .tmx-hero{ padding:28px 24px; }
}

/* Phones */
@media (max-width:767px){
  /* Headline: allow wrap (Team / Player) with strong presence */
  .hero-banner h1,
  .hero-banner .hero-title,
  .tmx-headline{
    font-size:clamp(30px, 9vw, 40px);
    line-height:1.05;
    letter-spacing:0.1px;
    white-space:normal; /* allow wrapping */
  }

  .hero-banner .hero-eyebrow,
  .tmx-eyebrow{
    font-size:clamp(15px, 3vw, 18px);
    line-height:1.0;
    letter-spacing:.5px;
  }

  .hero-banner .hero-subtitle,
  .tmx-tagline{
    font-size:clamp(13px, 3.2vw, 16px);
    margin-top:12px;
  }

  .hero-banner .hero-box,
  .tmx-hero{
    padding:22px 18px; /* more side padding for breathing room */
  }
}
/* ===== End of file ===== */