/* --- Container width for boxed layout --- */
body .site-container .vc_row, 
body .site-container .vc_row .vc_column_container > .vc_column-inner,
body .container .vc_row,
body .container .vc_row .vc_column_container > .vc_column-inner {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.main-navigation ul ul li a, #site-top-bar .main-navigation ul ul li a {
    background-image: linear-gradient(transparent calc(100% - 2px), rgba(155, 113, 40, 1) 2px) !important;
}

/* --- Hero spacing & layout --- */
.vc_row.support-hero { 
  padding-top: clamp(24px, 5vw, 64px);
  padding-bottom: clamp(24px, 5vw, 48px);
  background: radial-gradient(1200px 400px at 80% -20%, rgba(21,123,76,0.10), transparent),
              linear-gradient(180deg, #ffffff, #ffffff);
  border-bottom: 1px solid #f0f0f0;
}
.vc_row.support-hero .vc_column_container > .vc_column-inner { padding-left: 15px; padding-right: 15px; }

/* Keep the two hero buttons on one line (wrap nicely on mobile) */
.vc_row.support-hero .cta-row .vc_column-inner { padding-left: 0; padding-right: 0; }
.vc_row.support-hero .vc_btn3-container { 
  display: inline-block; 
  margin-right: 12px; 
  margin-bottom: 12px;
}

/* --- Sticky in-page nav: horizontal pills --- */
.section-nav.sticky-nav {
  position: sticky; top: 0; z-index: 30; background: #fff; border-bottom: 1px solid #eee;
  padding: 8px 0;
}
.section-nav.sticky-nav .vc_column_container > .vc_column-inner { text-align: center; }
.section-nav.sticky-nav .vc_btn3-container {
  display: inline-block; 
  margin: 0 6px 8px;
}
.section-nav.sticky-nav .vc_btn3 {
  border-radius: 999px;
  padding: 8px 16px;
  box-shadow: none;
}

/* --- Buttons: brand styles & focus --- */
.vc_btn3-container.btn-primary a.vc_btn3,
.vc_btn3.vc_btn3-color-green {
  background-color: #157b4c !important;
  border-color: #157b4c !important;
  color: #fff !important;
  font-weight: 700;
}
.vc_btn3-container.btn-secondary a.vc_btn3,
.vc_btn3.vc_btn3-style-outline {
  color: #111 !important; border-color: #111 !important; border-width: 2px; background: transparent !important; font-weight: 600;
}
.vc_btn3-container a.vc_btn3:focus-visible { outline: 3px solid #111; outline-offset: 2px; }

/* --- Section padding + rounded images --- */
.section { padding: clamp(32px, 6vw, 80px) 0; }
.rounded-image img, .image-wrap img { border-radius: 16px; width: 100%; height: auto; display: block; }

/* --- Benefit lists (tight, readable) --- */
.benefit-list ul { margin: 0; padding-left: 1.1rem; }
.benefit-list li { margin-bottom: .35rem; line-height: 1.5; }

/* --- Mobile CTA stacking (hero + final CTA) --- */
@media (max-width: 767px) {
  .cta-row .wpb_column,
  .cta-balanced .wpb_column .wpb_column { width: 100% !important; text-align: center !important; margin-bottom: 8px; }
}

/* --- Smooth scroll & tap highlight --- */
:root { scroll-behavior: smooth; }
a, button { -webkit-tap-highlight-color: rgba(0,0,0,.1); }