.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-763ba00:#000000;--e-global-color-aaf30d3:#FFFFFF;--e-global-color-63a0b64:#F4F7F5;--e-global-color-dcbd5f2:#0496FF;--e-global-color-89dcb24:#00538F;--e-global-color-77aae93:#11151B;--e-global-color-8c5957b:#7FC9FF;--e-global-color-ff12916:#F4F7F5C9;--e-global-color-7ee4a6a:#16BBD3;--e-global-color-22ce1f3:#36E7FD;--e-global-color-ac9e6f2:#B2B8C8;--e-global-color-266d708:#2C2B30;--e-global-color-c207fc2:#1ACBE1;--e-global-color-b1399a9:#7F8392;--e-global-typography-primary-font-family:"Orbitron";--e-global-typography-primary-font-size:65px;--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;--e-global-typography-8bdedf3-font-family:"Oxygen";--e-global-typography-8bdedf3-font-size:55px;--e-global-typography-8bdedf3-font-weight:600;--e-global-typography-6595bbf-font-family:"Oxygen";--e-global-typography-6595bbf-font-size:20px;--e-global-typography-6595bbf-font-weight:600;--e-global-typography-1590e50-font-family:"Oxygen";--e-global-typography-1590e50-font-size:55px;--e-global-typography-1590e50-font-weight:600;--e-global-typography-a859385-font-family:"Oxygen";--e-global-typography-a859385-font-size:55px;--e-global-typography-a859385-font-weight:600;--e-global-typography-19b41d6-font-family:"Oxygen";--e-global-typography-19b41d6-font-size:20px;--e-global-typography-19b41d6-font-weight:500;--e-global-typography-ebd05a5-font-family:"Oxygen";--e-global-typography-ebd05a5-font-size:16px;--e-global-typography-ebd05a5-font-weight:600;--e-global-typography-683dcba-font-family:"Oxygen";--e-global-typography-683dcba-font-size:20px;--e-global-typography-683dcba-font-weight:500;--e-global-typography-ce82d24-font-family:"Oxygen";--e-global-typography-ce82d24-font-size:18px;--e-global-typography-ce82d24-font-weight:400;--e-global-typography-8e465de-font-family:"Oxygen";--e-global-typography-8e465de-font-size:55px;--e-global-typography-8e465de-font-weight:900;--e-global-typography-2e5c428-font-family:"Oxygen";--e-global-typography-2e5c428-font-size:24px;--e-global-typography-2e5c428-font-weight:400;--e-global-typography-3d8ea4c-font-family:"Oxygen";--e-global-typography-3d8ea4c-font-size:14px;--e-global-typography-3d8ea4c-font-weight:400;--e-global-typography-e06a9a8-font-family:"Oxygen";--e-global-typography-e06a9a8-font-size:100px;--e-global-typography-e06a9a8-font-weight:900;--e-global-typography-2532564-font-family:"Anton";--e-global-typography-2532564-font-size:92px;--e-global-typography-5c70580-font-family:"Anton";--e-global-typography-5c70580-font-size:115px;--e-global-typography-94eec37-font-family:"Anton";--e-global-typography-94eec37-font-size:92px;--e-global-typography-94eec37-font-weight:300;--e-global-typography-94eec37-text-transform:uppercase;--e-global-typography-94eec37-letter-spacing:0.6px;--e-global-typography-1e6516f-font-family:"Anton";--e-global-typography-1e6516f-font-size:110px;--e-global-typography-1e6516f-font-weight:300;--e-global-typography-1e6516f-text-transform:uppercase;--e-global-typography-1e6516f-letter-spacing:0.6px;--e-global-typography-57c57dd-font-family:"Oxygen";--e-global-typography-57c57dd-font-size:35px;--e-global-typography-57c57dd-font-weight:400;--e-global-typography-93541a7-font-family:"Anton";--e-global-typography-93541a7-font-size:24px;--e-global-typography-93541a7-font-weight:400;--e-global-typography-93541a7-text-transform:uppercase;--e-global-typography-93541a7-line-height:24px;--e-global-typography-93541a7-letter-spacing:1.2px;--e-global-typography-1b3ba1e-font-family:"Anton";--e-global-typography-1b3ba1e-font-size:24px;--e-global-typography-1b3ba1e-font-weight:400;--e-global-typography-1b3ba1e-text-transform:uppercase;--e-global-typography-1b3ba1e-line-height:24px;--e-global-typography-1b3ba1e-letter-spacing:1.2px;--e-global-typography-476c236-font-family:"Anton";--e-global-typography-476c236-font-size:24px;--e-global-typography-476c236-font-weight:400;--e-global-typography-476c236-text-transform:uppercase;--e-global-typography-476c236-line-height:24px;--e-global-typography-476c236-letter-spacing:1.2px;--e-global-typography-aff57cd-font-family:"Oxygen";--e-global-typography-aff57cd-font-weight:300;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:0px;}.elementor-kit-7 a{color:#000000;}.elementor-kit-7 a:hover{color:var( --e-global-color-dcbd5f2 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1rem;}.elementor-element{--widgets-spacing:1rem 1rem;--widgets-spacing-row:1rem;--widgets-spacing-column:1rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-7{--e-global-typography-aff57cd-font-size:20px;--e-global-typography-aff57cd-line-height:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-1590e50-font-size:38px;--e-global-typography-a859385-font-size:38px;--e-global-typography-93541a7-font-size:90px;--e-global-typography-1b3ba1e-font-size:18px;--e-global-typography-476c236-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-a859385-font-size:28px;--e-global-typography-683dcba-font-size:18px;--e-global-typography-3d8ea4c-font-size:20px;--e-global-typography-93541a7-font-size:50px;--e-global-typography-93541a7-letter-spacing:2.9px;--e-global-typography-1b3ba1e-font-size:50px;--e-global-typography-1b3ba1e-letter-spacing:2.9px;--e-global-typography-476c236-font-size:18px;--e-global-typography-476c236-letter-spacing:2.9px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   OFF-CANVAS OVERLAY FIX (ELEMENTOR)
   Makes overlay start below header so toggle stays clickable
   Adjust --header-offset to match your header height
   ================================ */

:root{
  --header-offset: 90px; /* change this to your header height (eg 80px, 96px, 110px) */
}

/* Keep header always on top */
#site-header,
.elementor-location-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
}

/* Keep the toggle button above everything */
#menu-toggle-btn{
  position: relative !important;
  z-index: 2147483647 !important;
}

/* Push page content down so fixed header doesn't cover it */
body{
  padding-top: var(--header-offset) !important;
}

/* Elementor overlays / popups / off-canvas: make them start below the header */
.dialog-overlay,
.dialog-widget,
.dialog-widget-content,
.elementor-popup-modal,
.elementor-popup-modal .dialog-widget,
.elementor-popup-modal .dialog-overlay,
.e-off-canvas__overlay,
.elementor-off-canvas__overlay{
  top: var(--header-offset) !important;
  height: calc(100% - var(--header-offset)) !important;
}

/* Ensure overlays can't sit above header even if Elementor sets crazy z-index */
.dialog-overlay,
.dialog-widget,
.elementor-popup-modal,
.e-off-canvas,
.elementor-off-canvas{
  z-index: 2147483000 !important;
}

/* ================================
   PREVENT HEADER SHIFT WHEN SCROLLBAR DISAPPEARS
   ================================ */

/* Always reserve scrollbar space */
html {
  overflow-y: scroll;
}

/* Modern browsers: lock scrollbar gutter */
@supports (scrollbar-gutter: stable) {
  html {
    scrollbar-gutter: stable;
  }
}

/* ================================
   HIDE SCROLLBAR ONLY WHEN OFF-CANVAS IS OPEN
   ================================ */

/* Keep gutter reserved so layout does not shift */
html {
  overflow-y: scroll;
}

@supports (scrollbar-gutter: stable) {
  html {
    scrollbar-gutter: stable;
  }
}

/* When Elementor opens off-canvas / popup */
body.elementor-off-canvas-open,
body.dialog-prevent-scroll,
body.elementor-popup-open {
  overflow: hidden;
}

/* ================================
   HIDE SCROLLBAR WHEN OFF-CANVAS IS OPEN (ROBUST)
   ================================ */

/* Keep layout stable so nothing shifts */
html { overflow-y: scroll; }
@supports (scrollbar-gutter: stable) {
  html { scrollbar-gutter: stable; }
}

/* When Elementor prevents scroll, lock overflow on BOTH html + body */
html.dialog-prevent-scroll,
body.dialog-prevent-scroll,
html.elementor-off-canvas-open,
body.elementor-off-canvas-open,
html.elementor-popup-open,
body.elementor-popup-open {
  overflow: hidden !important;
  height: 100% !important;
}

/* Hide scrollbar (Firefox) */
html.dialog-prevent-scroll,
html.elementor-off-canvas-open,
html.elementor-popup-open,
body.dialog-prevent-scroll,
body.elementor-off-canvas-open,
body.elementor-popup-open {
  scrollbar-width: none !important;
}

/* Hide scrollbar (Chrome, Edge, Safari) */
html.dialog-prevent-scroll::-webkit-scrollbar,
html.elementor-off-canvas-open::-webkit-scrollbar,
html.elementor-popup-open::-webkit-scrollbar,
body.dialog-prevent-scroll::-webkit-scrollbar,
body.elementor-off-canvas-open::-webkit-scrollbar,
body.elementor-popup-open::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* ================================
   JS FRIENDLY HEADER + OFF CANVAS FIX
   Keeps toggle on top without breaking hide-on-scroll or logo swap
   ================================ */

:root{
  --header-offset: 90px; /* only used to push overlay below header */
}

/* Do NOT force fixed or reset transforms.
   Let your existing JS control header position and transform. */
#site-header,
.elementor-location-header{
  z-index: 2147483647 !important;
  isolation: isolate;
}

/* Toggle button stays clickable */
#menu-toggle-btn{
  position: relative !important;
  z-index: 2147483647 !important;
}

/* Keep layout stable when scrollbar appears/disappears */
html{ overflow-y: scroll; }
@supports (scrollbar-gutter: stable){
  html{ scrollbar-gutter: stable; }
}

/* Push the off-canvas overlay down so it never covers the header toggle */
.dialog-overlay,
.dialog-widget,
.dialog-widget-content,
.elementor-popup-modal,
.elementor-popup-modal .dialog-widget,
.elementor-popup-modal .dialog-overlay,
.e-off-canvas__overlay,
.elementor-off-canvas__overlay{
  top: var(--header-offset) !important;
  height: calc(100% - var(--header-offset)) !important;
}

/* Keep off-canvas beneath header */
.dialog-overlay,
.dialog-widget,
.elementor-popup-modal,
.e-off-canvas,
.elementor-off-canvas{
  z-index: 2147483000 !important;
}

/* Optional: hide scrollbar when menu is open, without shifting layout */
html.dialog-prevent-scroll,
body.dialog-prevent-scroll,
html.elementor-off-canvas-open,
body.elementor-off-canvas-open,
html.elementor-popup-open,
body.elementor-popup-open{
  overflow: hidden !important;
  height: 100% !important;
}
html.dialog-prevent-scroll::-webkit-scrollbar,
html.elementor-off-canvas-open::-webkit-scrollbar,
html.elementor-popup-open::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
html.dialog-prevent-scroll,
html.elementor-off-canvas-open,
html.elementor-popup-open{
  scrollbar-width: none !important;
}

:root{
  --header-offset: 90px; /* set to your real mobile header height */
}

/* Mobile only: push the page content below the fixed header */
@media (max-width: 767px){
  .elementor-location-header + .elementor,
  .elementor-location-header + main,
  .elementor-location-header + #content,
  .elementor-location-header + .site-content{
    padding-top: var(--header-offset) !important;
  }

  /* If you still see a white strip, it's usually the body background */
  body{ background: #000 !important; }
}/* End custom CSS */