.elementor-104 .elementor-element.elementor-element-00e928c{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;top:0px;}.elementor-104 .elementor-element.elementor-element-00e928c.e-con{--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-104 .elementor-element.elementor-element-00e928c{left:0px;}body.rtl .elementor-104 .elementor-element.elementor-element-00e928c{right:0px;}.elementor-104 .elementor-element.elementor-element-ab7c779{--display:flex;--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;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;--z-index:99;}.elementor-104 .elementor-element.elementor-element-ab7c779:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-ab7c779 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-37d0225 );}.elementor-104 .elementor-element.elementor-element-ab7c779.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-104 .elementor-element.elementor-element-1c0a8e8{--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:center;--flex-wrap:nowrap;}.elementor-104 .elementor-element.elementor-element-3d7468a:hover{--e-transform-translateX:0px;--e-transform-translateY:-4px;}.elementor-104 .elementor-element.elementor-element-3d7468a{text-align:end;}.elementor-104 .elementor-element.elementor-element-3d7468a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.8rem;font-weight:700;font-style:italic;color:var( --e-global-color-e882ac2 );}.elementor-104 .elementor-element.elementor-element-3d7468a .elementor-heading-title a:hover, .elementor-104 .elementor-element.elementor-element-3d7468a .elementor-heading-title a:focus{color:var( --e-global-color-91a90cb );}.elementor-104 .elementor-element.elementor-element-19d2fde:hover{--e-transform-translateX:0px;--e-transform-translateY:-4px;}.elementor-104 .elementor-element.elementor-element-19d2fde{text-align:end;}.elementor-104 .elementor-element.elementor-element-19d2fde .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.8rem;font-weight:700;font-style:italic;color:var( --e-global-color-e882ac2 );}.elementor-104 .elementor-element.elementor-element-19d2fde .elementor-heading-title a:hover, .elementor-104 .elementor-element.elementor-element-19d2fde .elementor-heading-title a:focus{color:var( --e-global-color-91a90cb );}.elementor-104 .elementor-element.elementor-element-a9283af{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-104 .elementor-element.elementor-element-a9283af.e-con{--align-self:center;}.elementor-104 .elementor-element.elementor-element-7cbd7be.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-104 .elementor-element.elementor-element-d989477{--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-start;--align-items:center;--flex-wrap:nowrap;}.elementor-104 .elementor-element.elementor-element-08541d7:hover{--e-transform-translateX:0px;--e-transform-translateY:-4px;}.elementor-104 .elementor-element.elementor-element-08541d7{text-align:start;}.elementor-104 .elementor-element.elementor-element-08541d7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.8rem;font-weight:700;font-style:italic;color:var( --e-global-color-e882ac2 );}.elementor-104 .elementor-element.elementor-element-08541d7 .elementor-heading-title a:hover, .elementor-104 .elementor-element.elementor-element-08541d7 .elementor-heading-title a:focus{color:var( --e-global-color-91a90cb );}.elementor-104 .elementor-element.elementor-element-5f1794a:hover{--e-transform-translateX:0px;--e-transform-translateY:-4px;}.elementor-104 .elementor-element.elementor-element-5f1794a{text-align:start;}.elementor-104 .elementor-element.elementor-element-5f1794a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.8rem;font-weight:700;font-style:italic;color:var( --e-global-color-e882ac2 );}.elementor-104 .elementor-element.elementor-element-5f1794a .elementor-heading-title a:hover, .elementor-104 .elementor-element.elementor-element-5f1794a .elementor-heading-title a:focus{color:var( --e-global-color-91a90cb );}.elementor-104 .elementor-element.elementor-element-e147f14{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:7px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:98;}.elementor-104 .elementor-element.elementor-element-e147f14.e-con{--flex-grow:0;--flex-shrink:1;}.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-104 .elementor-element.elementor-element-00e928c{--padding-top:0.5rem;--padding-bottom:0.5rem;--padding-left:0.5rem;--padding-right:0.5rem;}.elementor-104 .elementor-element.elementor-element-a9283af{--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;}}@media(min-width:768px){.elementor-104 .elementor-element.elementor-element-00e928c{--width:100%;}.elementor-104 .elementor-element.elementor-element-ab7c779{--width:600px;}.elementor-104 .elementor-element.elementor-element-1c0a8e8{--width:70%;}.elementor-104 .elementor-element.elementor-element-a9283af{--width:40%;}.elementor-104 .elementor-element.elementor-element-d989477{--width:70%;}.elementor-104 .elementor-element.elementor-element-e147f14{--width:35100%;}}/* Start custom CSS for container, class: .elementor-element-a9283af *//* Initial state (at the top) */
#middle-nav {
  width: 55%;
  transition: width 0.4s ease-in-out; /* Smoothly animates the size change */
  margin: 0 auto; /* Keeps it centered if needed */
}

/* Scrolled state */
#middle-nav.scrolled {
  width: 20%;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-08541d7 */.elementor-104 .elementor-element.elementor-element-08541d7 {
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f1794a */.elementor-104 .elementor-element.elementor-element-5f1794a {
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab7c779 *//* Initial state (at the top) */
#main-nav {
  width: 600px;
  transition: width 0.4s ease-in-out; /* Smoothly animates the size change */
  margin: 0 auto; /* Keeps it centered if needed */
}

/* Scrolled state */
#main-nav.scrolled {
  width: 500px;
}

/* --- Mobile & Tablet Settings --- */
@media (max-width: 768px) {
  #main-nav {
    /* Use percentage instead of fixed px for mobile flexibility */
    width: 92%; 
  }

  /* Scrolled state for mobile */
  #main-nav.scrolled {
    width: 85%; /* Slight shrink on mobile scroll for a subtle effect */
  }
  
  /* Optional: Adjust the logo switcher size for smaller screens */
  #runhub-logo-switch {
    transform: scale(0.9); /* Makes the logo/text 10% smaller on mobile */
  }
}

#main-nav {
  /* ... your existing code ... */
  transition: width 0.4s ease, background-color 0.4s ease;
}

/* This class will be toggled by JavaScript when a dark section is hit */
#main-nav.bg-dark-detected {
  background-color: #ffffff !important;
  /* Optional: add a slight shadow so white-on-white doesn't get lost later */
  box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
}

/* Default state (Text is white) */
#main-nav .nav-link, 
#main-nav .logo-text {
  color: #ffffff;
  transition: color 0.4s ease;
}

/* When dark background is detected, flip text to black */
#main-nav.bg-dark-detected .nav-link,
#main-nav.bg-dark-detected .logo-text {
  color: #222222 !important;
}/* End custom CSS */