.elementor-14974 .elementor-element.elementor-element-1fd29a94{--display:flex;}.elementor-14974 .elementor-element.elementor-element-31c24736{color:#FFFFFF;}.elementor-14974 .elementor-element.elementor-element-31c24736 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14974 .elementor-element.elementor-element-3ea36ed{--display:flex;}@media(max-width:6px){.elementor-14974 .elementor-element.elementor-element-31c24736 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-31c24736 */<style>
/* Style for menu items on Blog Index Page */
body.blog .elementor-nav-menu__item a {
    color: #FFFFFF !important; /* White color for visibility */
}

/* Style for menu items on Single Blog Posts */
body.single-post .elementor-nav-menu__item a {
    color: #FFFFFF !important; /* White color for visibility */
}

/* Optional: If your open mobile/hamburger menu has a different .elementor-14974 .elementor-element.elementor-element-31c24736 */
.elementor-open--main-menu body.blog .elementor-nav-menu--main .elementor-nav-menu__item a,
.elementor-open--main-menu body.single-post .elementor-nav-menu--main .elementor-nav-menu__item a {
    color: #FFFFFF !important; /* Ensure it's white when the menu is open too */
}

/* New: Style for "Art" category text on single blog posts */
body.single-post .blog-details-meta a {
    color: #EEB000 !important; /* Example: Green color for "Art". Change this to your desired color code! */
}
</style>/* End custom CSS */
/* Start custom CSS *//* 1. Default menu item color (black) */
.elementor-nav-menu__item a {
    color: #000000; /* Sets default text color to black */
    /* Keep other properties you have for this body.elementor-page-14974, like position, display, text-decoration, padding-bottom */
    position: relative;
    display: inline-block;
    text-decoration: none;
    padding-bottom: 5px;
}

/* 2. Active/Current Page menu item color (yellow: #EEB000) */
.elementor-nav-menu__item.elementor-item-active a {
    color: #EEB000 !important; /* Forces the active item to be yellow */
}

/* 3. Hover state for menu items (you might want this to be yellow too, or a different color) */
.elementor-nav-menu__item a:hover {
    color: #EEB000; /* Example: make hover yellow */
}

/* 4. Keep your existing specific adjustments for Blog Index and Single Post Pages if still needed */
/* If you want blog and single post menu items to ALWAYS be #FFD700 (your previous yellow)
   regardless of if they are the "active" page, keep these.
   Otherwise, if the `elementor-item-active` rule covers it, you might remove these.
   #EEB000 and #FFD700 are very similar, so decide which one is your desired "yellow". */

/* For menu items on Blog Index Page */
body.blog .elementor-nav-menu__item a {
    color: #EEB000 !important; /* Sets blog index item color to your specified yellow */
}
/* For menu items on Single Blog Posts */
body.single-post .elementor-nav-menu__item a {
    color: #EEB000 !important; /* Sets single blog post item color to your specified yellow */
}
/* Ensure it's yellow when the mobile menu is open too */
.elementor-open--main-menu body.blog .elementor-nav-menu--main .elementor-nav-menu__item a,
.elementor-open--main-menu body.single-post .elementor-nav-menu--main .elementor-nav-menu__item a {
    color: #EEB000 !important;
}/* End custom CSS */