.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;background-color:#FDEEEB;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#000000;--e-preloader-size:54px;}.elementor-kit-6 e-page-transition{background-color:#FFF0EB;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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);}.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: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 */body {
  overflow-x: hidden;
  width: 100vw;
  position: relative;
}
/* WP admin bar offset if logged in */
:root { --admin-bar-offset: 0px; }
body.admin-bar { --admin-bar-offset: 46px; } /* change to 46px if needed */

/* Header-1: visible only at very top */
.hero-header {
  position: absolute;
  top: 0; left: 0; width: 100%;
  z-index: 50;
  transition: opacity .2s ease, visibility .2s ease;
}
body.scrolled .hero-header {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Header-2: hidden at top, slides in on any scroll */
.scroll-header {
  position: fixed;
  top: calc(0px + var(--admin-bar-offset));
  left: 0; right: 0;
  z-index: 100;
  transform: translateY(-110%);
  opacity: 0;
  visibility: hidden;
  transition: transform .25s ease, opacity .2s ease, visibility 0s linear .25s;
}
body.scrolled .scroll-header {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/* =========================
   Liquid Glass: Inner only
   ========================= */

/* Desktop / default: full refraction + blur */
.refraction-inner {
  position: relative;
  overflow: hidden;
  border-radius: 30px;

  /* base tint so it never goes fully invisible */
  background: rgba(255, 255, 255, 0.05);

  /* refraction + blur (desktop capable browsers) */
  backdrop-filter: url(#refractionFilter) blur(4px) brightness(1.1) contrast(1.3);
  -webkit-backdrop-filter: url(#refractionFilter) blur(4px) brightness(1.1) contrast(1.3);

  box-shadow:
    inset 0 0 50px rgba(255, 255, 255, 0.05),
    0 0 40px rgba(0, 0, 0, 0.25);
  z-index: 1;
}

/* Decorative light streak overlay */
.refraction-inner::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(120deg,
    rgba(255,255,255,.10) 10%,
    rgba(255,255,255,.04) 40%,
    transparent 80%);
  border-radius: inherit;
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 2;
}

/* Keep header content above the effect */
.refraction-inner > .elementor-widget-wrap,
.refraction-inner .elementor-widget-container {
  position: relative;
  z-index: 3;
  color: #fff;
}

/* ---------- Mobile fallback (iPhone & small screens) ----------
   Drop the SVG refraction; keep a reliable frosted blur + stronger white tint
*/
@media (max-width: 768px) {
  .refraction-inner {
    backdrop-filter: blur(12px) brightness(1.2);
    -webkit-backdrop-filter: blur(12px) brightness(1.2);
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);
  }
}

/* Hard fallback for browsers with no backdrop-filter support at all */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .refraction-inner {
    background: rgba(255, 255, 255, 0.7);
  }
}

/* === Stronger background for the scroll header on mobile === */
@media (max-width: 768px) {
  .scroll-header .refraction-inner::before {
    background: rgba(255, 255, 255, 0.55) !important; /* more opaque */
  }

  /* optional: slightly less bright for better contrast */
  .scroll-header .refraction-inner {
    -webkit-backdrop-filter: blur(14px) brightness(1.05);
    backdrop-filter: blur(14px) brightness(1.05);
  }
}/* End custom CSS */