/* =========================================
   Visual heading helpers (Kadence-safe)
   Classes live on the wrapper, not the <h*> 
   ========================================= */

/* =========================================
   Font weight helpers
   ========================================= */

.bold { font-weight: 800; }
.semi-bold { font-weight: 600; }
.regular { font-weight: 400; }

/* =========================================
   Content links
   ========================================= */

.entry-content a {
  color: #005543;
  text-decoration: underline;
}

.entry-content a:hover {
  color: #FA8334;
  text-decoration: underline;
}

/* =========================================
   Global footer rough edge
   ========================================= */

.site-footer {
  position: relative;
}


.site-footer::before {
  content: "";
  position: absolute;
  top: -70px;            /* match height */
  left: 0;
  width: 100%;
  height: 70px;
  background-image: url("/wp-content/uploads/2026/01/rough_divider_ltgreen_top.png");
  background-repeat: repeat-x;
  background-size: cover;   /* ← THIS is the key change */
  background-position: top center;
  z-index: 5;
  pointer-events: none;
}


/* =========================================
   Desktop-first spacing utilities (@lg)
   ========================================= */

.mb-0\@lg { margin-bottom: 0 !important; }
.mb-10\@lg { margin-bottom: 10px !important; }
.mb-20\@lg { margin-bottom: 20px !important; }
.mb-30\@lg { margin-bottom: 30px !important; }
.mb-40\@lg { margin-bottom: 40px !important; }
.mb-50\@lg { margin-bottom: 50px !important; }

.mt-0\@lg { margin-top: 0 !important; }
.mt-10\@lg { margin-top: 10px !important; }
.mt-20\@lg { margin-top: 20px !important; }
.mt-30\@lg { margin-top: 30px !important; }
.mt-40\@lg { margin-top: 40px !important; }
.mt-50\@lg { margin-top: 50px !important; }

.pt-0\@lg { padding-top: 0 !important; }
.pt-10\@lg { padding-top: 10px !important; }
.pt-20\@lg { padding-top: 20px !important; }
.pt-30\@lg { padding-top: 30px !important; }
.pt-40\@lg { padding-top: 40px !important; }
.pt-50\@lg { padding-top: 50px !important; }

.pb-0\@lg { padding-bottom: 0 !important; }
.pb-10\@lg { padding-bottom: 10px !important; }
.pb-20\@lg { padding-bottom: 20px !important; }
.pb-30\@lg { padding-bottom: 30px !important; }
.pb-40\@lg { padding-bottom: 40px !important; }

.pl-0\@lg { padding-left: 0 !important; }

/* =========================================
   Newsletter form fix
   ========================================= */

.uagb-forms__outer-wrap {
  padding-left: 0 !important;
}

/* =========================================
   Promo bar
   ========================================= */

.promo-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: #005543;
}

.promo-bar .promo-link {
  text-decoration: underline;
  font-weight: 500;
}

/* =========================================
   Mobile overrides
   ========================================= */

@media (max-width: 768px) {

  .home-promo {
    text-align: left;
  }

  .site-footer::before {
    top: -10px;
  }
	


  .mb-0 { margin-bottom: 0 !important; }
  .mb-10 { margin-bottom: 10px !important; }
  .mb-20 { margin-bottom: 20px !important; }
  .mb-30 { margin-bottom: 30px !important; }
  .mb-40 { margin-bottom: 40px !important; }
  .mb-50 { margin-bottom: 50px !important; }

  .mt-0 { margin-top: 0 !important; }
  .mt-10 { margin-top: 10px !important; }
  .mt-20 { margin-top: 20px !important; }
  .mt-30 { margin-top: 30px !important; }
  .mt-40 { margin-top: 40px !important; }
  .mt-50 { margin-top: 50px !important; }

  .pt-0 { padding-top: 0 !important; }
  .pt-10 { padding-top: 10px !important; }
  .pt-20 { padding-top: 20px !important; }
  .pt-30 { padding-top: 30px !important; }
  .pt-40 { padding-top: 40px !important; }
  .pt-50 { padding-top: 50px !important; }

  .pb-0 { padding-bottom: 0 !important; }
  .pb-10 { padding-bottom: 10px !important; }
  .pb-20 { padding-bottom: 20px !important; }
  .pb-30 { padding-bottom: 30px !important; }
  .pb-40 { padding-bottom: 40px !important; }
  .pb-50 { padding-bottom: 50px !important; }
}