.elementor-2289 .elementor-element.elementor-element-4e0a3612{--display:flex;--position:fixed;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1;}.elementor-2289 .elementor-element.elementor-element-4e0a3612:not(.elementor-motion-effects-element-type-background), .elementor-2289 .elementor-element.elementor-element-4e0a3612 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}body:not(.rtl) .elementor-2289 .elementor-element.elementor-element-4e0a3612{left:0px;}body.rtl .elementor-2289 .elementor-element.elementor-element-4e0a3612{right:0px;}.elementor-2289 .elementor-element.elementor-element-39783242{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2289 .elementor-element.elementor-element-36dede7 img{width:50%;}.elementor-2289 .elementor-element.elementor-element-5849be15{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2289 .elementor-element.elementor-element-26921952{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-menu-toggle{margin:0 auto;background-color:#CFFF00;}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:bold;}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--main .elementor-item{color:#CFFF00;fill:#CFFF00;}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-astglobalcolor8 );}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a, .elementor-2289 .elementor-element.elementor-element-26921952 .elementor-menu-toggle{color:var( --e-global-color-astglobalcolor8 );fill:var( --e-global-color-astglobalcolor8 );}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a:hover,
					.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-menu-toggle:hover{color:var( --e-global-color-astglobalcolor8 );}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a:hover,
					.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-2289 .elementor-element.elementor-element-26921952 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-astglobalcolor8 );}.elementor-2289 .elementor-element.elementor-element-26921952 div.elementor-menu-toggle{color:var( --e-global-color-astglobalcolor8 );}.elementor-2289 .elementor-element.elementor-element-26921952 div.elementor-menu-toggle svg{fill:var( --e-global-color-astglobalcolor8 );}.elementor-widget-global .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-global .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2289 .elementor-element.elementor-global-3974{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#CFFF00;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-2289 .elementor-element.elementor-global-3974 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-2289 .elementor-element.elementor-global-3974 .woocommerce-mini-cart__empty-message{font-family:"Onest", Sans-serif;font-weight:600;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-2289 .elementor-element.elementor-element-26921952{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-2289 .elementor-element.elementor-global-3974{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--toggle-icon-size:25px;}}@media(min-width:768px){.elementor-2289 .elementor-element.elementor-element-39783242{--width:33.3333%;}}/* Start custom CSS for nav-menu, class: .elementor-element-26921952 *//* ===== Make the "Registration" menu item look like a green rounded button ===== */

/* Primary .elementor-2289 .elementor-element.elementor-element-26921952s (high specificity + fallback) */
nav .menu-item-1278 > a,
.main-navigation .menu-item-1278 > a,
.site-header .menu-item-1278 > a,
.menu-item-1278 > a,
.menu-item-1278 a {
  display: inline-block !important;      /* ensure padding & radius apply */
  background-color: #CFFF00 !important;  /* green background */
  color: #000000 !important;             /* black text */
  padding: px px !important;          /* adjust space inside the "button" */
  border-radius: 25px !important;        /* rounded corners (25px) */
  text-decoration: none !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* Prevent parent <li> background or theme hover from overriding */
.menu-item-1278 {
  background: transparent !important;
}

/* If the theme wraps the anchor text in a span (common), force that span color too */
.menu-item-1278 a span,
.menu-item-1278 a .menu-text {
  color: #000000 !important;
}

/* Hover / focus state */
nav .menu-item-1278 > a:hover,
nav .menu-item-1278 > a:focus,
.main-navigation .menu-item-1278 > a:hover,
.main-navigation .menu-item-1278 > a:focus,
.menu-item-1278 > a:hover,
.menu-item-1278 > a:focus {
  background-color: #07b85c !important;  /* slightly brighter green on hover */
  color: #000000 !important;
  text-decoration: none !important;
}

/* Mobile — make it full width / easier to tap (optional) */
@media (max-width: 768px) {
  nav .menu-item-1278 > a,
  .main-navigation .menu-item-1278 > a,
  .menu-item-1278 > a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 16px !important;
    border-radius: 6px !important; /* slightly less rounded on small screens (optional) */
  }
  @media (max-width: 768px) {
  .menu-item-1278 {
      margin-bottom: 20px !important;
  }
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e0a3612 *//* ---------- Base header (fixed) ---------- */
#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: transparent !important;
  transition: background-color 300ms ease, box-shadow 300ms ease, transform 300ms ease, padding 300ms ease;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  display: flex;
  align-items: center;        /* vertically center logo and menu */
  justify-content: space-between; /* logo left, menu right */
  padding: 10px 50px;         /* default top/bottom and left/right padding */
  box-sizing: border-box;
}

/* ---------- Active sticky look: white translucent bg + black links ---------- */
#site-header.header-active {
  background-color: rgba(255,255,255,0.90) !important; /* adjust transparency */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
  pointer-events: auto;
  transform: translateY(0) !important;

  /* 🔧 Adjust header height (white background) here */
  padding-top: 20px !important;    /* change this value to increase/decrease top padding */
  padding-bottom: 20px !important; /* change this value to increase/decrease bottom padding */
}

/* ---------- Align menu inline with logo ---------- */
#site-header nav,
#site-header .elementor-nav-menu {
  display: flex;
  align-items: center; /* vertically align with logo */
  gap: 30px;           /* spacing between menu items, adjust as needed */
}

/* Optional: if menu is floated right, this ensures it stays inline with logo */
#site-header .site-logo-wrap,
#site-header img.site-logo {
  display: inline-block;
  vertical-align: middle;
}

/* ---------- Logo Swap Transition (Fade between logos) ---------- */
#site-header .logo-white,
#site-header .logo-dark {
  max-height: 60px; /* adjust to your design */
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: relative; /* change from absolute to relative to align with menu */
  top: 0;             /* remove previous 50% translate */
  transform: none;
  display: inline-block;
  vertical-align: middle; /* ensures alignment with menu */
}

/* ---------- Logo visibility ---------- */
#site-header.at-top .logo-white {
  opacity: 1;
  visibility: visible;
}
#site-header.header-active .logo-dark {
  opacity: 1;
  visibility: visible;
}
#site-header.header-active .logo-white,
#site-header.header-hidden .logo-white,
#site-header.at-top .logo-dark,
#site-header.header-hidden .logo-dark {
  opacity: 0;
  visibility: hidden;
}

/* ---------- Small screens ---------- */
@media (max-width: 768px) {
  #site-header {
    flex-direction: row;     /* keep logo + menu inline */
    padding: 10px 20px;
  }
  #site-header nav,
  #site-header .elementor-nav-menu {
    gap: 15px;
  }
  #site-header .site-logo-wrap,
  #site-header img.site-logo {
    max-height: 40px;
  }
}

/* ---------- Align dark logo with menu ---------- */
#site-header .logo-dark {
  position: relative;     /* remove absolute positioning */
  top: 0;                 /* remove previous offset */
  transform: none;        /* remove translateY(-50%) */
  display: inline-block;  /* inline with menu items */
  vertical-align: middle; /* align with menu vertically */
  max-height: 60px;       /* adjust to match design */
}

/* Optional: small screens */
@media (max-width: 768px) {
  #site-header .logo-dark {
    max-height: 40px; /* adjust if needed */
  }
}/* End custom CSS */