@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

/* Gateway's base font is small, so we set comfortable sizes in PIXELS
   (rem would inherit the theme's tiny root size). !important ensures
   these win over the theme's own small sizing. */
body,
body p,
body li,
.entry-content,
.entry-content p,
.entry-content li,
.grid_3, .grid_3 li, .grid_3 a,
.grid_4, .grid_4 p,
.grid_6, .grid_6 p,
.grid_12, .grid_12 p,
.grid_6 .p14, .last2, .p14 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 17px !important;
  line-height: 1.7 !important;
  color: #2b3440;
}

/* Slightly larger lead paragraphs / list links so the page has hierarchy */
.grid_3 li a { font-size: 16px !important; font-weight: 500; }
.hero-content p, .hero-content a { font-size: 18px !important; }

h1, h2, h3,
.site-title,
.hero-title,
.widget-title,
.entry-title {
  font-family: 'Fraunces', Georgia, 'Times New Roman', serif;
  font-weight: 600;
  color: #16324f;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

/* Explicit heading sizes (pixels) so they're clearly larger than body */
.entry-content h1, .grid_6 h1, .grid_12 h1 { font-size: 30px !important; }
.entry-content h2, .grid_6 h2, .grid_12 h2 { font-size: 25px !important; }
.entry-content h3, .grid_3 h3, .grid_6 h3, .grid_12 h3 { font-size: 21px !important; }
.widget-title { font-size: 18px !important; }

/* ---- 2. Brand palette (refined from the existing blue) ---- */
:root {
  --dmk-blue:      #1f6feb;
  --dmk-blue-deep: #16324f;
  --dmk-sky:       #eaf2fc;
}

a { color: #1f6feb; }
a:hover { color: #16324f; }

/* ---- 3. Header & site title ---- */
.site-title a {
  color: #16324f !important;
  letter-spacing: -0.01em;
}

/* ---- 4. Hero section (homepage banner) ---- */
.hero-section {
  padding-top: 70px;
  padding-bottom: 70px;
}
.hero-title {
  font-size: clamp(1.9rem, 4vw, 3rem);
}
.hero-content p { margin-top: 18px; }

/* ---- 5. Navigation: cleaner spacing & hover ---- */
.main-navigation #primary-menu > li > a {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: color .15s ease;
}
.main-navigation #primary-menu > li > a:hover {
  color: #1f6feb;
}

/* ---- 6. Buttons / CTAs (Gateway uses .button) ---- */
.button,
input[type="submit"] {
  background: #1f6feb !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px 30px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 14px rgba(31,111,235,0.28);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  display: inline-block;
}
.button:hover,
input[type="submit"]:hover {
  background: #16324f !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(22,50,79,0.32);
  text-decoration: none;
}

/* ---- 7. More breathing room between content blocks ---- */
.wrapper { margin-bottom: 18px; }
.grid_6 p, .grid_12 p { margin-bottom: 1.3em; }
.entry-content > p { margin-bottom: 1.3em; }
h3 { margin-top: 1.4em; }

/* ---- 8. Soften images ---- */
.entry-content img,
.grid_6 img,
.grid_12 img,
.grid_4 img {
  border-radius: 12px;
}

/* ---- 9. Affiliation cards on the homepage ---- */
.page1-box2 {
  border-radius: 14px;
  padding: 18px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.page1-box2:hover {
  box-shadow: 0 8px 24px rgba(22,50,79,0.12);
  transform: translateY(-3px);
}

/* ---- 10. Footer polish ---- */
.site-footer {
  background: #16324f;
}
.site-footer,
.site-footer a,
.site-footer .widget-title,
.site-footer p,
.site-footer li {
  color: #e9eef5 !important;
}
.site-footer a:hover { color: #9ec5ff !important; }
.site-footer .widget-title {
  font-size: 1.05rem;
  margin-bottom: 12px;
}

/* ---- 11. Mobile polish ---- */
@media (max-width: 600px) {
  body { font-size: 1rem; }
  .hero-section { padding-top: 48px; padding-bottom: 48px; }
}
 /* DMK: red "Request a Free Consultation" button site-wide */
  a.button[href*="contact"] {
    background: #c0392b !important;
    border-color: #c0392b !important;
    color: #fff !important;
  }
  a.button[href*="contact"]:hover,
  a.button[href*="contact"]:focus {
    background: #a93226 !important;
    border-color: #a93226 !important;
  }
/* Site Title — DMK Fitness */
  .site-title,
  .site-title a {
    font-family: 'Arial Rounded MT Bold', 'Arial Rounded', 'Helvetica Rounded', Arial, sans-serif !important;
    color: #c0392b !important;          /* brick red */
  }
  .site-title a:hover {
    color: #a93226 !important;
  }

  /* Tagline — Dynamic Multiplanar Kinetics */
  .site-description {
    font-family: 'Arial Rounded MT Bold', 'Arial Rounded', 'Helvetica Rounded', Arial, sans-serif !important;
    color: #ffffff !important;          /* white */
    font-size: 18px !important;         /* bumped up so it's not too small */
  }