.page .entry-title {
  display: none;
}
.sticky-header, 
.stax-sticky-header, 
.fixed-header {
  display: none !important;
}
.link-container:hover {
  background-color: #62a744; /* Change background on hover */
  color: #62a744;           /* Change text color on hover */
}
/* Change header menu hover underline color */
header .menu a:hover,
header .menu li:hover > a {
  border-bottom: 2px solid #62a744; /* Replace with your color */
}
/* =====================================
   HR buttons – tablet text sizing ONLY
   Safe, minimal override
   ===================================== */

/* =====================================
   Quick link tiles – ALWAYS icon left, text right
   All devices (mobile, tablet, desktop)
   ===================================== */

.quick-link-box .wp-block-columns {
  display: flex;
  flex-wrap: nowrap;                /* NEVER stack */
  align-items: center;
  gap: 10px;
}

/* Icon column */
.quick-link-box .wp-block-column:first-child {
  flex: 0 0 40px;                   /* fixed icon width */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Text / button column */
.quick-link-box .wp-block-column:last-child {
  flex: 1;
}

/* =====================================
   Quick link tiles – FIX random text breaking
   ===================================== */

.quick-link-box .wp-block-button__link {
  white-space: normal;          /* allow wrapping */
  word-break: normal;           /* DO NOT break words */
  overflow-wrap: normal;        /* only break at spaces */
  hyphens: none;                /* prevent hyphen splitting */
}

/* =====================================
   Quick link tiles – hide icons on tablet
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  /* Hide image icons */
  .quick-link-box img {
    display: none;
  }

  /* Hide Font Awesome icons */
  .quick-link-box .wp-block-font-awesome-icon,
  .quick-link-box svg.svg-inline--fa {
    display: none;
  }

  /* Center text nicely when icons are gone */
  .quick-link-box .wp-block-button__link {
    text-align: center;
  }
}

/* =====================================
   Quick link tiles – remove double outline on tablet
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  /* Remove inner button outline/border */
  .quick-link-box .wp-block-button__link {
    border: none !important;
    box-shadow: none !important;
  }

  /* If images still have a border */
  .quick-link-box img {
    border: none !important;
  }
}

/* =====================================
   TABLET TEXT WRAPPING FIX (Safari-safe)
   Prevent random letter breaks
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  body {
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }

  /* Common text elements */
  p,
  span,
  a,
  h1, h2, h3, h4, h5, h6,
  button {
    word-break: normal;
    overflow-wrap: normal;
    white-space: normal;
    hyphens: none;
  }
}
/* =====================================
   Card Grid – tablet reflow fix
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  /* Allow cards to wrap */
  .card-grid .wp-block-columns {
    flex-wrap: wrap;
  }

  /* Two cards per row on tablet */
  .card-grid .wp-block-column {
    flex: 0 0 48%;
    max-width: 48%;
  }
}
/* =====================================
   Tablet – hide icon list icons (plugin)
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  /* Common icon list structures */
  .card-grid .wp-block-icon-list__item__icon,
  .card-grid .icon-list-icon,
  .card-grid .icon-list-item__icon,
  .card-grid li svg,
  .card-grid li i {
    display: none !important;
  }

  /* Remove left spacing reserved for icons */
  .card-grid .wp-block-icon-list__item,
  .card-grid .icon-list-item,
  .card-grid li {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
}
/* =====================================
   CSS Annual Resources – force 2x2 grid on tablet
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  /* Turn the card container into a grid */
  .card-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  /* Make sure each card fills its grid cell */
  .card-grid > .wp-block-group {
    width: 100%;
    max-width: 100%;
  }
}
/* =====================================
   Annual Resources – tighten card content on tablet
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  /* Reduce inner padding of the cards */
  .card-grid > .wp-block-group {
    padding: 12px !important;
  }

  /* Tighten icon list spacing */
  .card-grid .wp-block-icon-list__item {
    padding-left: 0 !important;
    margin-left: 0 !important;
    gap: 6px;
  }

  /* Reduce spacing between list items */
  .card-grid .wp-block-icon-list {
    gap: 6px;
  }
}

/* Hide on mobile + tablet */
@media (max-width: 1200px) {
  .hide-mobile-tablet {
    display: none !important;
  }
}
/* =====================================
   Tablet – button text wrapping only
   (no layout changes)
   ===================================== */

@media (min-width: 768px) and (max-width: 1200px) {

  .quick-link-box .wp-block-button__link,
  .wp-block-button__link {
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;

    line-height: 1.2;
    font-size: 0.85em;
    text-align: center;
  }
}

/* =====================================
   Utility – hide on tablet + mobile
   Block Editor safe
   ===================================== */

@media (max-width: 1200px) {
  .tablet-mobile-hide {
    display: none !important;
  }
}