/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ---------------------------------------------------------------
   WWW 2026-09-09 — nav active-state colors (dandeeint.com)
   ---------------------------------------------------------------
   Elementor styles this nav's hover/active state with
   --e-global-color-secondary (#F2E9DB, the cream page background),
   and a stray `color: gray` rule also targets the active item.
   That is fine for "Dan Dee" and "Animal Adventure" (white text on
   red pills) but made "About Us" — which has no pill — vanish
   against the cream header.

   "About Us" carries the custom class .header-about-us, added on
   the menu item in Appearance > Menus, so it can be targeted
   directly instead of by menu-item id.

   Proper fix: set the Active text colors on the nav widget in
   Elementor (Theme Builder > Header). Remove this block after.
   --------------------------------------------------------------- */

/* Pill items: keep white in every state */
.elementor-nav-menu li.menu-item-35 > a.elementor-item,
.elementor-nav-menu li.menu-item-36 > a.elementor-item {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}

/* About Us: dark in every state, incl. current/active */
li.header-about-us > a.elementor-item,
li.header-about-us > a.elementor-item-anchor,
li.header-about-us.current-menu-item > a.elementor-item,
li.header-about-us.current_page_item > a.elementor-item,
li.header-about-us > a.elementor-item.elementor-item-active,
.elementor-nav-menu li.header-about-us > a.elementor-item,
.elementor-nav-menu li.header-about-us.current-menu-item > a.elementor-item,
.elementor-nav-menu--main li.header-about-us > a.elementor-item,
.elementor-nav-menu--main li.header-about-us.current-menu-item > a.elementor-item {
	color: #231F20 !important;
	fill: #231F20 !important;
}

/* Footer / mega menu active item stays white (sits on dark) */
.e-n-menu-title-container[aria-current="page"] .e-n-menu-title-text,
.e-n-menu-item a[aria-current="page"] .e-n-menu-title-text,
.e-n-menu-title.e-current .e-n-menu-title-text {
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
}