/* ==========================================================
   FaTBH MASTER CSS — CLEAN FOUNDATION (Astra Free + Elementor Free)
   Goals:
   - Inline content links inherit surrounding typography
   - Normal link color: #0643F3
   - No hover bounce / no layout shift
   - Keep TOC + Community + County + Carousel + Anchor offset stable
   ========================================================== */


/* ================================
   GLOBAL ANCHOR OFFSET (Sticky header)
   ================================ */

html { scroll-behavior: smooth; }

[id] { scroll-margin-top: 120px; }

@media (max-width: 767px) {
  [id] { scroll-margin-top: 140px; }
}


/* ================================
   INLINE CONTENT LINKS (NO BUTTONS / NO MENUS)
   Normal: #0643F3 | Hover: #0643F3 | No motion
   ================================ */

body .entry-content a:not(.elementor-button):not(.wp-block-button__link),
body .elementor-widget-text-editor a:not(.elementor-button),
body .elementor-widget-theme-post-content a:not(.elementor-button) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;

  color: #0643F3 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;

  transform: none !important;
  animation: none !important;
  transition: color 0.15s ease !important;
}

body .entry-content a:not(.elementor-button):not(.wp-block-button__link):hover,
body .elementor-widget-text-editor a:not(.elementor-button):hover,
body .elementor-widget-theme-post-content a:not(.elementor-button):hover,
body .entry-content a:not(.elementor-button):not(.wp-block-button__link):focus,
body .elementor-widget-text-editor a:not(.elementor-button):focus,
body .elementor-widget-theme-post-content a:not(.elementor-button):focus {
  color: #0643F3 !important;
  transform: none !important;
}


/* ================================
   ASTRA HEADER — MOBILE CENTER (Option 1)
   Title 40px | Tagline 16px
   ================================ */

@media (max-width: 767px) {
  .ast-header-break-point .ast-site-identity {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .ast-header-break-point .site-title,
  .ast-header-break-point .site-title a {
    font-size: 40px !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  .ast-header-break-point .site-description {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
    text-align: center !important;
  }
}


/* ================================
   GLOBAL TOC CARD (fatbh-toc) — Standard
   ================================ */

.fatbh-toc {
  max-width: 900px;
  margin: 0 auto 2.5rem;
  padding: 28px 34px;
  background-color: #FFFFFF;
  border-radius: 24px;
  border: 1px solid #e6d7ea;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.fatbh-toc-title {
  font-family: "DM Serif Text", serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
  color: #023D06;
  margin-bottom: 20px;
}

.fatbh-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fatbh-toc-list li {
  margin-bottom: 10px;
}

.fatbh-toc-list li:last-child {
  margin-bottom: 0;
}

.fatbh-toc-list li a {
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  color: #076616;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.25s ease, transform 0.2s ease, text-decoration-thickness 0.2s ease;
}

.fatbh-toc-list li a:hover {
  color: #0643F3;
  transform: translateX(4px);
  text-decoration-thickness: 2px;
}


/* ================================
   COMMUNITY LIST (Centered)
   ================================ */

.community-list-title {
  text-align: center;
  color: #023D06;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 24px;
}

.fatbh-community-list.centered {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.community-name {
  color: #023D06;
  font-size: 20px;
  font-weight: 700;
  display: block;
  margin-bottom: 4px;
  transition: all 0.2s ease-in-out;
}

.fatbh-community-list .community-item a {
  text-decoration: none;
  color: #023D06;
  transition: all 0.2s ease-in-out;
}

.fatbh-community-list .community-item a:hover .community-name {
  color: #0643F3;
  transform: translateX(4px);
}

.community-desc {
  font-size: 15px;
  color: #2d2d2d;
  line-height: 1.5;
  margin: 0;
  padding: 0 16px;
}


/* ================================
   COUNTY RESOURCES BLOCK
   ================================ */

.county-resources,
.county-resources li,
.county-resources p,
.county-resources ul {
  color: #023D06;
}

.county-resources a {
  color: #076616 !important;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}

.county-resources a:hover {
  color: #0643F3 !important;
  text-decoration: underline;
}


/* ================================
   CAROUSEL IMAGES – GLOBAL
   ================================ */

.elementor-image-carousel img {
  height: 350px !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 20px !important;
}

.elementor-image-carousel-caption {
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  max-width: 90%;
  margin: 10px auto 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* ============================================
   FIX 1: ASTRA HEADER — RESTORE TITLE/TAGLINE + KILL HOVER JUMP
   (Desktop + Mobile)
   ============================================ */

/* Desktop header title + tagline sizing */
.ast-site-identity .site-title a,
.site-title a {
  font-family: "DM Serif Display", serif !important;
  font-size: 64px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  /* kill hover animation/jump */
  transform: none !important;
  transition: none !important;
  animation: none !important;
  text-shadow: none !important;
}

/* Make sure hover/focus does NOT change size/style */
.ast-site-identity .site-title a:hover,
.ast-site-identity .site-title a:focus,
.site-title a:hover,
.site-title a:focus {
  font-size: 64px !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
  text-shadow: none !important;
}

/* Desktop tagline */
.ast-site-identity .site-description,
.site-description {
  font-size: 24px !important;
  line-height: 1.3 !important;
  margin-top: 10px !important;
}

/* Mobile: center + right sizes */
@media (max-width: 767px) {
  .ast-header-break-point .ast-site-identity {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  .ast-header-break-point .site-title,
  .ast-header-break-point .site-title a {
    font-size: 40px !important;
    line-height: 1.05 !important;
    text-align: center !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }

  .ast-header-break-point .site-description {
    font-size: 16px !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
    text-align: center !important;
  }
}


/* ============================================
   FIX 2: TOC — RESTORE “NO BULLETS + GREEN LINKS”
   Works with your existing TOC HTML (plain UL)
   ============================================ */

.fatbh-toc ul {
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.fatbh-toc ul li {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

/* TOC links: green normal, blue hover, no layout push */
.fatbh-toc ul li a {
  display: inline-block !important;
  color: #076616 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;

  transform: none !important;
  transition: color 0.2s ease !important;

  cursor: pointer !important;
  pointer-events: auto !important;
}

.fatbh-toc ul li a:hover,
.fatbh-toc ul li a:focus {
  color: #0643F3 !important;
  transform: none !important; /* keep it calm; no shifting */
}


/* ============================================
   FIX 3: MAKE SURE INLINE CONTENT LINKS STILL HOVER
   (Color change only — no bounce)
   ============================================ */

body .entry-content a:not(.elementor-button):not(.wp-block-button__link):hover,
body .elementor-widget-text-editor a:not(.elementor-button):hover,
body .elementor-widget-theme-post-content a:not(.elementor-button):hover,
body .entry-content a:not(.elementor-button):not(.wp-block-button__link):focus,
body .elementor-widget-text-editor a:not(.elementor-button):focus,
body .elementor-widget-theme-post-content a:not(.elementor-button):focus {
  color: #0643F3 !important;
  transform: none !important;
}
/* ============================================
   FATBH — BORDERLESS BUTTON STYLE (SAFE + CLEAN)
   Only applies when you intentionally use the class: fatbh-buttonless
   ============================================ */

.fatbh-buttonless .elementor-button,
.fatbh-buttonless a.elementor-button,
.fatbh-buttonless .elementor-button-link {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  font-family: "DM Serif Text", serif !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  font-style: italic !important;

  color: #023D06 !important;       /* normal (your green) */
  text-decoration: none !important;

  transform: none !important;
  transition: color 0.15s ease !important;
}

.fatbh-buttonless .elementor-button:hover,
.fatbh-buttonless a.elementor-button:hover,
.fatbh-buttonless .elementor-button-link:hover,
.fatbh-buttonless .elementor-button:focus,
.fatbh-buttonless a.elementor-button:focus,
.fatbh-buttonless .elementor-button-link:focus {
  color: #049729 !important;       /* hover (your green) */
  text-decoration: underline !important;
  transform: none !important;
}
/* ==========================================================
   FATBH — LINK + TOC + BORDERLESS CTA FINAL OVERRIDES
   Place at very bottom of Additional CSS
   ========================================================== */

/* 1) TOC links (in-page section jumps) — normal green #023D06 */
.fatbh-toc a,
.fatbh-toc-list a,
.fatbh-toc ul li a {
  color: #023D06 !important;
  transform: none !important;
  transition: color 0.15s ease !important;
}

/* Optional: if you want TOC hover to stay calm (no “bounce”) */
.fatbh-toc a:hover,
.fatbh-toc-list a:hover,
.fatbh-toc ul li a:hover,
.fatbh-toc a:focus,
.fatbh-toc-list a:focus,
.fatbh-toc ul li a:focus {
  color: #023D06 !important;         /* keep same color on hover for TOC */
  transform: none !important;         /* kill slide/bounce */
  text-decoration: underline;
}


/* 2) INTERNAL LINKS (content links to other pages)
   Normal: blue (keep what you have)
   Hover: green #01781F
*/
.entry-content a:not(.elementor-button):not(.wp-block-button__link),
.elementor-widget-text-editor a:not(.elementor-button),
.elementor-widget-theme-post-content a:not(.elementor-button) {
  color: #0643F3 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  transform: none !important;
  transition: color 0.15s ease !important;
}


/* 3) BORDERLESS BUTTONS (only where you apply class fatbh-buttonless)
   Normal: #03B80F
   Hover:  #01781F
*/
.fatbh-buttonless .elementor-button,
.fatbh-buttonless a.elementor-button,
.fatbh-buttonless .elementor-button-link {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;

  color: #03B80F !important;          /* normal */
  text-decoration: none !important;

  transform: none !important;
  transition: color 0.15s ease !important;
}

.fatbh-buttonless .elementor-button:hover,
.fatbh-buttonless a.elementor-button:hover,
.fatbh-buttonless .elementor-button-link:hover,
.fatbh-buttonless .elementor-button:focus,
.fatbh-buttonless a.elementor-button:focus,
.fatbh-buttonless .elementor-button-link:focus {
  color: #01781F !important;          /* hover */
  text-decoration: underline !important;
  transform: none !important;
}
/* ===== TOC LINKS – FINAL COLORS ===== */
.fatbh-toc-list li a {
  color: #01781F !important;          /* normal */
  transition: color 0.15s ease-in-out;
}

.fatbh-toc-list li a:hover,
.fatbh-toc-list li a:focus {
  color: #03B80F !important;          /* hover */
}
/* ===== INTERNAL CONTENT LINKS – FINAL ===== */
.entry-content a:not(.elementor-button):not(.wp-block-button__link):not(.menu-link),
.elementor-widget-text-editor a:not(.elementor-button),
.elementor-widget-theme-post-content a:not(.elementor-button) {
  color: #0643F3 !important;          /* normal */
  transition: color 0.15s ease-in-out;
}

/* Hover state */
.entry-content a:not(.elementor-button):not(.wp-block-button__link):not(.menu-link):hover,
.elementor-widget-text-editor a:not(.elementor-button):hover,
.elementor-widget-theme-post-content a:not(.elementor-button):hover {
  color: #03B80F !important;          /* hover */
}