/* Life Ministries Header Nav - Slide Up Below hover animation */

/* Menu link spans need relative positioning for the pseudo-element */
.lm-nav-slide-up-below #top-menu > li:not(.menu-item-has-children):not(.lm-cta-menu-item) > a > span {
    position: relative;
    display: inline-block;
}

/* The underline - hidden by default, slides up on hover */
.lm-nav-slide-up-below #top-menu > li:not(.menu-item-has-children):not(.lm-cta-menu-item) > a > span::after {
    content: '';
    display: block;
    background: #EABD00;
    width: 100%;
    height: 2px;
    left: 0;
    position: absolute;
    top: 25px;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    border-radius: 0;
}

/* Hover state - line slides up and fades in */
.lm-nav-slide-up-below #top-menu > li:not(.menu-item-has-children):not(.lm-cta-menu-item) > a:hover > span::after,
.lm-nav-slide-up-below #top-menu > li:not(.menu-item-has-children):not(.lm-cta-menu-item).current-menu-item > a > span::after {
    top: 20px;
    opacity: 1;
}