.elementor-925 .elementor-element.elementor-element-55f65fb{--display:flex;--min-height:250px;--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;--overlay-opacity:1;}.elementor-925 .elementor-element.elementor-element-55f65fb::before, .elementor-925 .elementor-element.elementor-element-55f65fb > .elementor-background-video-container::before, .elementor-925 .elementor-element.elementor-element-55f65fb > .e-con-inner > .elementor-background-video-container::before, .elementor-925 .elementor-element.elementor-element-55f65fb > .elementor-background-slideshow::before, .elementor-925 .elementor-element.elementor-element-55f65fb > .e-con-inner > .elementor-background-slideshow::before, .elementor-925 .elementor-element.elementor-element-55f65fb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-fd8953c );--background-overlay:'';}.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-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu .elementor-item{font-family:"Onest", Sans-serif;font-size:1.5em;font-weight:400;}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--dropdown{background-color:#FFFFFF00;}@media(max-width:1024px){.elementor-925 .elementor-element.elementor-element-55f65fb{--min-height:1137px;}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--dropdown a{padding-top:50px;padding-bottom:50px;}}@media(max-width:767px){.elementor-925 .elementor-element.elementor-element-55f65fb{--min-height:689px;}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-925 .elementor-element.elementor-element-23be63f{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-925 .elementor-element.elementor-element-23be63f .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:27px;padding-bottom:27px;}}/* Start custom CSS for container, class: .elementor-element-55f65fb *//* edit the hamburger and close icon colors here */
.lytbox-button {
  --hamburger-color: #000;
  --close-x-color: #000; /* Make sure this contrasts with your menu background! */
  display: block;
  height: 18px;
  cursor: pointer;
  position: relative; 
  /* CRITICAL: Button must have a higher z-index than the menu (9999 vs 9998) */
  z-index: 9999; 
}

/* must add in elementor template ID number to make the menu full width */
.elementor-925 {
  width: 100%;
}

.lytbox-navigation {
  position: fixed;
  top: 0;
  left: 0;
  transform: translateX(100%);
  overflow-y: auto; 
  overflow-x: hidden;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  height: 100vh;
  z-index: 9998; 
  
  /* The Flexbox Layout Fix */
  display: flex;
  flex-direction: column;         /* Forces content to stack vertically */
  justify-content: flex-start;    /* Starts content at the top */
  align-items: center;            /* Centers content horizontally */
  
  /* Padding so the X button is clear */
  padding-top: 80px; 
  padding-bottom: 40px;
  
  /* CRITICAL: Prevents padding from making the menu taller than the screen */
  box-sizing: border-box; 
}


/* toggle hamburger container */
.lytbox-button .hamburguer {
  position: relative;
  width: 24px;
  height: 18px;
}

/* The 3 lines of the hamburger */
.lytbox-button .hamburguer span {
  display: block;
  height: 2px;
  width: 24px;
  background: var(--hamburger-color);
  /* We use absolute positioning so they stack and rotate perfectly in the center */
  position: absolute; 
  left: 0;
  transform-origin: center;
  transition: all 0.3s ease;
}

/* Initial Hamburger State (Lines spaced out) */
.lytbox-button .hamburguer span:nth-child(1) { top: 0px; }
.lytbox-button .hamburguer span:nth-child(2) { top: 8px; }
.lytbox-button .hamburguer span:nth-child(3) { top: 16px; }

/* Hide the invisible checkbox completely */
.lytbox-nav_control {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

/* Slide the menu in when checked */
.lytbox-nav_control:checked ~ .lytbox-navigation {
  transform: translateX(0);
}

/* =========================================
   THE X ANIMATION (Checked State)
   ========================================= */

/* 1. Change color of the lines to the X color */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span {
  background: var(--close-x-color);
}

/* 2. Top line fades out and drops to the center */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(1) {
  opacity: 0;
  top: 8px; 
}

/* 3. Middle line just rotates 45 degrees in place */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(2) {
  transform: rotate(45deg);
}

/* 4. Bottom line rises to the center and rotates -45 degrees */
.lytbox-nav_control:checked ~ .lytbox-button .hamburguer span:nth-child(3) {
  top: 8px; /* Exactly matches the middle line's position */
  transform: rotate(-45deg);
}/* End custom CSS */