.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-193bbf3:#8ABFE3;--e-global-color-90b22d8:#E77C04;--e-global-color-712c69f:#004F2F;--e-global-color-031486b:#081E42;--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;font-family:"DM Sans", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#081E42;}.elementor-kit-7 a:hover{color:#004F2F;}.elementor-kit-7 h1{font-family:"Mulish", Sans-serif;}.elementor-kit-7 h2{font-family:"Mulish", Sans-serif;}.elementor-kit-7 h3{font-family:"Mulish", Sans-serif;}.elementor-kit-7 h4{font-family:"Mulish", Sans-serif;}.elementor-kit-7 h5{font-family:"Mulish", Sans-serif;}.elementor-kit-7 h6{font-family:"Mulish", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.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 *//* --- 1. INITIAL STATE (Transparent Header) --- */
/* Hide the solid logo by default on the homepage */
.logo-solid {
    display: none !important;
}

/* --- 2. SCROLLED & INTERNAL PAGES STATE --- */

/* Background: Top Bar (Light Blue) */
body:not(.home) #main-header-container .transparent-top-bar,
#main-header-container.is-scrolled .transparent-top-bar {
    background-color: #ADD8E6 !important;
    transition: background 0.4s ease-in-out;
}

/* Background: Main Menu Bar (White) */
body:not(.home) #main-header-container .transparent-header,
#main-header-container.is-scrolled .transparent-header {
    background-color: #FFFFFF !important;
    transition: background 0.4s ease-in-out;
}

/* Logo Swap: Hide transparent, show solid */
body:not(.home) #main-header-container .logo-transparent,
#main-header-container.is-scrolled .logo-transparent {
    display: none !important;
}
body:not(.home) #main-header-container .logo-solid,
#main-header-container.is-scrolled .logo-solid {
    display: block !important;
}

/* --- 3. ROOT MENU TEXT COLOR (#081E42) --- */
/* We use extreme specificity to override Elementor's internal styles */

/* Targets Normal, Hover, and Active states for the root menu items */
#main-header-container.is-scrolled .elementor-nav-menu--main .elementor-item.elementor-item,
body:not(.home) #main-header-container .elementor-nav-menu--main .elementor-item.elementor-item,
#main-header-container.is-scrolled .elementor-nav-menu--main .elementor-item.elementor-item-active,
body:not(.home) #main-header-container .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #081E42 !important;
    fill: #081E42 !important;
    transition: color 0.3s ease-in-out;
}

/* Targets the hover state specifically */
#main-header-container.is-scrolled .elementor-nav-menu--main .elementor-item.elementor-item:hover,
body:not(.home) #main-header-container .elementor-nav-menu--main .elementor-item.elementor-item:hover {
    color: #081E42 !important;
    opacity: 0.8;
}

/* Optional: Smooth transition for the header when it becomes sticky */
#main-header-container {
    transition: all 0.4s ease-in-out;
}

/* Prevent horizontal overflow on mobile */
@media (max-width: 767px){
  html, body {
    overflow-x: hidden;
  }

  .elementor-section,
  .e-con,
  .e-con-inner {
    max-width: 100%;
  }

  img, svg, video {
    max-width: 100%;
    height: auto;
  }
}/* End custom CSS */