/*
Theme Name: Most (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Most Creative Agency and Portfolio Theme – The theme is built to take advantage of the Full Site Editing features introduced in WordPress and Elementor plugin, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: most
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: most
*/

/* Add your own modification from here
-------------------------------------------------------------- */
/* =========================================
   HOMEPAGE MENU HOVER FIX (FINAL)
   ========================================= */

/* 1. LIST ITEM HOVER:
   When hovering the container, turn the main link text green 
   and force 100% opacity so it doesn't dim. 
*/
body.home .main-header .navbar-nav > li:hover > a {
    color: #13F2B3 !important;
    opacity: 1 !important;
}

/* 2. SPAN HOVER:
   Ensure the inner text span turns green on hover.
*/
body.home .main-header .navbar-nav > li:hover > a span {
    color: #13F2B3 !important;
}

/* 3. THE GHOST TEXT FIX:
   We target the ::before and ::after elements (the "ghost" text)
   and set them to green AT ALL TIMES on the homepage.
   
   This ensures that when they animate OUT (mouse leave), 
   they stay green while disappearing, instead of flashing the default color.
*/
body.home .main-header .navbar-nav > li > a::before,
body.home .main-header .navbar-nav > li > a::after {
    color: #13F2B3 !important;
    /* We do NOT touch opacity/transform here, allowing the theme 
       to handle the sliding animation naturally */
}