.elementor-kit-12{--e-global-color-primary:#243627;--e-global-color-secondary:#A67C44;--e-global-color-text:#1D1D1D;--e-global-color-accent:#F5F5F5;--e-global-color-3012ccc:#5C715C;--e-global-color-4cbe214:#3A4D3B;--e-global-color-344a889:#DCE6DD;--e-global-color-a66b2fb:#19241A;--e-global-color-756defc:#F5EEE5;--e-global-color-8b6654b:#E3CBAA;--e-global-color-f6c9641:#805F33;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:25px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---------- SAFETY: define the colors here so they exist on every page ---------- */
:root{
  --fp-midgreen: #DCE6DD;   /* row 3 bg */
}

/* ---------- Row 3 must be transparent (full-width wrapper) ---------- */
.elementor-location-header .fp3-nav{
  background: transparent !important;
  position: sticky; top: 0; z-index: 9999;  /* keep your sticky */
}

/* ---------- Paint + round the INNER narrow bar only ---------- */
.elementor-location-header .fp3-nav .fp3-wrap--narrow{
  background: var(--fp-midgreen) !important;
  border-radius: 16px !important;          /* adjust: 12–24px */
  overflow: hidden !important;             /* clip to radius */
  box-shadow: 0 8px 22px rgba(0,0,0,.06);  /* optional look */
  /* ensure sizing is respected even if a theme rule wins */
  max-width: var(--nav-w, 1240px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* ---------- Make sure the menu inside aligns with the bar height ---------- */
.elementor-location-header .fp3-menu{
  height: 66px !important;
  display: flex !important; align-items: center !important;
}
.elementor-location-header .fp3-menu > li > a{
  height: 66px !important; display: inline-flex !important; align-items: center !important;
  border-bottom: 3px solid transparent;
}

/* ---------- (Debug helper) Temporarily outline the element so you can see it ---------- */
/* Remove this once you see the green rounded bar */
.elementor-location-header .fp3-nav .fp3-wrap--narrow{ outline: 1px dashed rgba(36,54,39,.15); }/* End custom CSS */