.elementor-kit-7{--e-global-color-primary:#F6F1EB;--e-global-color-secondary:#4B3225;--e-global-color-text:#141414;--e-global-color-accent:#AC8B52;--e-global-color-6b6fc9f:#AC8B52;--e-global-color-dbe9359:#4B3225;--e-global-color-9354c90:#F6F1EB;--e-global-color-0f274e0:#A28B7A33;--e-global-color-23fdc85:#A28B7A;--e-global-color-27f9cda:#A28B7A6B;--e-global-color-3a8d151:#61544A;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-9354c90 );}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-9354c90 );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:20px;border-radius:0px 0px 0px 0px;padding:15px 30px 15px 30px;}.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 *//* ===============  Sticky header polish  =============== */
.site-header { 
  position: relative;
  z-index: 100; 
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}

.elementor-sticky--effects .site-header {
  backdrop-filter: blur(12px);
  background: rgba(255,255,255,0.88) !important; /* adjust for dark themes */
  box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

/* Subtle logo shrink inside sticky header */
.elementor-sticky--effects .site-header .elementor-widget-image img,
.elementor-sticky--effects .site-header .logo img {
  transform: scale(.92);
  transform-origin: left center;
  transition: transform .25s ease;
}

/* Optional: shrink header height slightly on scroll */
.elementor-sticky--effects .site-header .elementor-container {
  padding-top: clamp(6px, 1.5vh, 10px) !important;
  padding-bottom: clamp(6px, 1.5vh, 10px) !important;
}

/* ===============  Desktop mega-popup basics  =============== */
/* Your mega popups should have NO overlay & NO close button for desktop use.
   Give each popup a class like `.mega-popup` in Popup > Advanced > CSS Classes */
.mega-popup .dialog-widget-content {
  max-width: min(1200px, 94vw);
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.12);
}

/* Keep the mega menu visually attached to the header */
.mega-popup .dialog-message {
  margin-top: 0;
}
.mega-popup.elementor-popup-modal {
  top: calc(var(--header-h, 80px)); /* set by JS below */
}

/* Optional hover style for top-level items that trigger mega menus */
.nav-main .menu-item.mega-trigger > a {
  position: relative;
}
.nav-main .menu-item.mega-trigger > a::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -12px; height: 16px;
  /* creates a hover bridge so you don't lose hover between item and popup */
}

/* ===============  Mobile / tablet off-canvas popup  =============== */
/* Give your mobile popup a class `.offcanvas-menu` in Popup settings */
@media (max-width: 1024px) {
  .offcanvas-menu .dialog-widget-content {
    width: 80vw;
    max-width: 480px;
    height: 100vh;
    border-radius: 0;
  }
  .offcanvas-menu.elementor-popup-modal {
    right: 0; left: auto;
  }
}

/* Prevent background scroll jank on iOS when popup open */
.elementor-popup-modal { -webkit-overflow-scrolling: touch; }

/* ===============  Smooth anchor scroll with sticky offset  =============== */
:root { --header-h: 80px; }
[id] { scroll-margin-top: calc(var(--header-h) + 12px); }
html { scroll-behavior: smooth; }

/* Optional: nicer focus rings inside menus for accessibility */
a:focus-visible { outline: 2px solid #005bd1; outline-offset: 2px; }/* End custom CSS */