.header-transparent .inner-menu>ul>li>a {
    color: #000 !important;
}

.header-transparent .inner-menu>ul>li>a .menu-text:before {
    background-color: #000;
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    bottom: 3px;
    height: 2px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    width: 0;
}
/* Active = same underline as hover (expanded) for inner menus */
.header-transparent .inner-menu>ul>li.active>a .menu-text:before {
    width: 100%;
    left: 0;
    right: auto;
}

/* Active state highlight (desktop header) */
/* Neutral active state: keep text color, use underline bar and weight */
.main-header .main-nav ul.nav > li.active > a,
.main-header .main-nav ul.nav > li.active > a .menu-text {
	font-weight: 600;
}
.main-header .main-nav ul.nav > li.active > a .menu-text:before {
	width: 100%;
	left: 0;
	right: auto;
}
/* On transparent header (home), use white underline */
.header-transparent .main-nav ul.nav > li.active > a .menu-text:before {
	background-color: #ffffff;
}
/* On inner pages (black text), use dark underline for contrast */
.inner-menu .main-nav ul.nav > li.active > a .menu-text:before {
	background-color: #222222;
}
/* Inner nav has both classes on same element; ensure override applies */
.main-nav.inner-menu ul.nav > li.active > a .menu-text:before {
	background-color: #000000;
}
/* On home when header becomes sticky (black text), show dark underline */
.header-sticky.sticky .main-nav ul.nav > li.active > a .menu-text:before {
	background-color: #222222;
	width: 100%;
	left: 0;
	right: auto;
}

/* Active state in dropdown items */
.dropdown-submenu li > a.active,
.dropdown-submenu li.active > a {
	font-weight: 600;
}

/* Mobile menu active */
.mobile-menu li.active > a,
.mobile-menu li > a.active {
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 4px;
}

/* Footer menus: active underline same as hover, using current text color */
.footer-section .widget-list li a.active {
	position: relative;
	font-weight: 600;
}

/* Parallax scroll effect for funfact section */
.funfact-section {
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

/* Smooth parallax effect on scroll */
@media (min-width: 768px) {
	.funfact-section {
		background-attachment: fixed;
		transition: background-position 0.3s ease-out;
	}
}

/* Mobile devices - disable fixed background for better performance */
@media (max-width: 767px) {
	.funfact-section {
		background-attachment: scroll;
	}
}