/*
Theme Name: Nonprofit Child (STLIA Refresh)
Template: Nonprofit
Author: STLIA site maintenance
Description: Brand refresh child theme for St. Louis Independent Agents — site-wide reskin (navy/orange, Libre Franklin + Public Sans) plus a bespoke homepage (front-page.php). Safe, reversible; does not modify the defunct parent theme.
Version: 0.1.0
Text Domain: nonprofit-child
*/

/* =========================================================================
   SITE-WIDE BRAND RESKIN  (inner pages — the homepage uses front-page.php)
   First pass: typography + brand palette + header/footer. Tune against the
   live render before deploying.
   ========================================================================= */
:root{
  --stlia-navy:#000080;
  --stlia-navy-deep:#070b3a;
  --stlia-orange:#f06522;
  --stlia-orange-deep:#d4521a;
  --stlia-ink:#0c1230;
  --stlia-muted:#565f86;
  --stlia-line:#e3e7f3;
  --stlia-font-display:"Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --stlia-font-body:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* Typography ------------------------------------------------------------- */
body,
body .font-1,
body p, body li, body td, body input, body textarea, body select{
  font-family:var(--stlia-font-body);
}
body h1, body h2, body h3, body h4, body h5, body h6,
body .font-2,
body .the1-heading, body .vc_custom_heading{
  font-family:var(--stlia-font-display) !important;
  letter-spacing:-.01em;
  color:var(--stlia-ink);
}

/* Links & accents -------------------------------------------------------- */
body a{color:var(--stlia-navy);}
body a:hover{color:var(--stlia-orange);}

/* Primary buttons (theme the1_button + WPBakery + form submits) ----------- */
body .the1_button--filled,
body .vc_btn3.vc_btn3-color-primary,
body .vc_general.vc_btn3,
body input[type="submit"],
body button[type="submit"],
body .wpforms-submit{
  background-color:var(--stlia-orange) !important;
  border-color:var(--stlia-orange) !important;
  color:#fff !important;
  border-radius:999px !important;
}
body .the1_button--filled:hover,
body .vc_btn3.vc_btn3-color-primary:hover,
body input[type="submit"]:hover,
body button[type="submit"]:hover,
body .wpforms-submit:hover{
  background-color:var(--stlia-orange-deep) !important;
  border-color:var(--stlia-orange-deep) !important;
  color:#fff !important;
}
/* Secondary / outlined buttons -> navy */
body .the1_button--outlined{
  border-color:var(--stlia-navy) !important;
  color:var(--stlia-navy) !important;
  border-radius:999px !important;
}
body .the1_button--outlined:hover{background:var(--stlia-navy) !important;color:#fff !important;}

/* Page-title banner (.title-bar, grey by default) -> brand navy ----------- */
body .title-bar,
body .title-bar--page{
  background-color:var(--stlia-navy-deep) !important;
  background-image:none !important;
}

/* Event Espresso "Upcoming Events" sidebar widget: stack image + text ----- */
body .ee-upcoming-events-widget-li{display:block;overflow:hidden;}
body .ee-upcoming-events-widget-img-dv{float:none !important;max-width:100%;margin:0 0 .6rem;}
body .ee-upcoming-events-widget-img img,
body .ee-upcoming-events-widget-img-dv img{float:none !important;max-width:100%;height:auto;display:block;}

/* Header ----------------------------------------------------------------- */
body .header-wrapper,
body #header,
body .header-part{
  background:#ffffff !important;
  border-bottom:1px solid var(--stlia-line);
  box-shadow:0 1px 10px rgba(12,18,48,.05);
}
body .header-wrapper .main-navigation a,
body .header-wrapper nav a,
body #header a{
  color:var(--stlia-ink);
  font-family:var(--stlia-font-display);
  font-weight:600;
}
body .header-wrapper .main-navigation a:hover,
body #header a:hover{color:var(--stlia-orange);}

/* Footer ----------------------------------------------------------------- */
body .footer-wrapper,
body #footer,
body .footer{
  background:var(--stlia-navy-deep) !important;
  color:#eef1fe;
}
body .footer-wrapper a,
body #footer a{color:#eef1fe;}
body .footer-wrapper a:hover,
body #footer a:hover{color:#ffb88c;}
body .footer-overlay{background-color:transparent !important;background-image:none !important;}
body .copyright-wrapper{background:rgba(0,0,0,.18) !important;color:#b6bee6;}

/* Section headings accent ------------------------------------------------ */
body .the1-heading .the1-heading-title{color:var(--stlia-ink);}

/* =========================================================================
   INNER-PAGE HEADER + PAGE-TITLE BANNER TIDY  (theme header only; homepage
   uses its own bespoke header and is unaffected)
   ========================================================================= */
/* .header-height drives BOTH the header row and the banner's header-spacer,
   so shrinking it keeps them aligned and shortens the navy banner without
   the header overhanging (clipping) the title. */
body .header-height{height:88px !important;}
/* Smaller logo; header row vertically centered (logo + nav), no top-jamming */
body .site-logo img{max-height:46px !important;height:auto !important;width:auto !important}
body .main-header-inner{display:flex !important;align-items:center !important}
body .main-header-inner > *{float:none !important;margin:0 !important;height:auto !important;align-self:center !important}
body .main-header-inner .site-logo{margin-right:auto !important}      /* logo left, pushes rest right */
body .main-header-inner .main-nav{order:1 !important}                 /* nav on the right */
body .main-header-inner .header-search-wrapper{order:2 !important;margin-left:1.2rem !important} /* search far right */
/* Navy page-title banner: shorter, with the title comfortably padded (not clipped) */
body .title-bar--page{min-height:0 !important}
body .title-bar--page .title-bar__inner{padding:0 !important}
body .title-bar--page .title-bar__data{padding-block:1.6rem !important}