/* Smooth transitions for the entire header block */
.elementor-location-header {
    background-color: transparent !important;
    transition: background-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out !important;
}

/* Active sticky state - turns to Dutton Primary Blue (#003368) */
.elementor-sticky--effects.elementor-location-header {
    background-color: #003368 !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15) !important;
}

/* Shrink the header container padding/height on scroll */
.elementor-sticky--effects.elementor-location-header .elementor-container,
.elementor-sticky--effects.elementor-location-header > .e-con,
.elementor-sticky--effects.elementor-location-header > .e-container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: 65px !important;
}

.elementor-location-header .elementor-container,
.elementor-location-header > .e-con,
.elementor-location-header > .e-container {
    transition: padding 0.4s ease-in-out, min-height 0.4s ease-in-out !important;
}

/* Force main header menu links to turn white on scroll sticky state */
.elementor-sticky--effects.elementor-location-header .elementor-nav-menu--main .elementor-item {
    color: #ffffff !important;
    transition: color 0.3s ease-in-out !important;
}

/* Menu link hover color on scroll (accent yellow #FFF200) */
.elementor-sticky--effects.elementor-location-header .elementor-nav-menu--main .elementor-item:hover,
.elementor-sticky--effects.elementor-location-header .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #FFF200 !important;
}

/* Keep Topbar menu items Yellow (#FFF200) at all times including sticky scroll state */
.elementor-location-header .top-bar .elementor-nav-menu--main .elementor-item,
.elementor-sticky--effects.elementor-location-header .top-bar .elementor-nav-menu--main .elementor-item {
    color: #FFF200 !important;
}