.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a7989ef:#000000;--e-global-color-7a963f8:#64A2FF;--e-global-color-51d9852:#FFFFFF;--e-global-color-774757a:#6271887A;--e-global-color-f8ed258:#141414;--e-global-color-d7f46bc:#62718824;--e-global-color-3b3e9bd:#050505;--e-global-color-c8a77e4:#20202063;--e-global-color-bad3ea0:#BBBBBB;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--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;}.elementor-kit-5 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){--kit-widget-spacing: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 *//* ===== Native Off-Canvas: use Elementor trigger, show custom hamburger ===== */

/* The container holding BOTH widgets (Elementor trigger + HTML hamburger)
   Add this class to that container if you can: "oc-wrap"
   If you can’t, this still works without it, but adding oc-wrap is cleaner. */
.oc-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Make the Elementor trigger fill the same box, invisible but clickable */
.oc-wrap .oc-trigger,
.oc-trigger{
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  z-index: 5 !important;
}

/* Make sure the clickable element inside the trigger fills too */
.oc-wrap .oc-trigger a,
.oc-wrap .oc-trigger button,
.oc-wrap .oc-trigger .elementor-button,
.oc-wrap .oc-trigger .elementor-icon{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Show hamburger on top visually, but let clicks pass THROUGH it */
.oc-wrap .bom-hamburger{
  position: relative;
  z-index: 6 !important;
  pointer-events: none !important;
}
/* ===== Elementor Native Off-Canvas: open BELOW header ===== */
:root { --oc-header-h: 27px; } /* fallback */

@media (max-width: 1024px){
  /* The actual off-canvas panel */
  .e-off-canvas,
  .elementor-off-canvas,
  .e-offcanvas,
  [class*="off-canvas"]{
    top: var(--oc-header-h) !important;
    height: calc(100vh - var(--oc-header-h)) !important;
    max-height: calc(100vh - var(--oc-header-h)) !important;
  }

  /* Ensure it's positioned relative to viewport */
  .e-off-canvas,
  .elementor-off-canvas,
  .e-offcanvas{
    position: fixed !important;
  }
}/* End custom CSS */