#top-menu li a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #2A7150;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

#top-menu li a:hover {
    opacity: 1 !important
}

    #top-menu li a:hover:before {
        right: 0
    }

#top-menu li li a:before {
    bottom: 10%
}

#top-menu li a[href="#"]:before, #top-menu li a[href="#"]:hover:before {
    content: none;
    background: transparent
}

#top-menu li a[href="#"]:hover {
    opacity: unset !important
}

#top-menu li li a[href="#"] {
    pointer-events: none;
    cursor: default
}

@media (min-width: 980px) {

    .et-fixed-header #logo {
        content: url(https://peoplesbankky.wpengine.com/wp-content/uploads/2023/10/Logo-Mark_RGB-Peoples-Bank-of-KY_All-White-e1698190218873.png)
    }
}

#top-menu .menu-item .mega-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out
}

#top-menu .menu-item:hover .mega-menu {
      max-height:500px;
}

#main-header ul#top-menu .menu-item > .sub-menu {
    transition: opacity 0.3s ease-out,visibility 0.3s ease-out,height 0.3s ease-out !important;
    height: 0px !important
}

#main-header ul#top-menu .menu-item.et-hover > .sub-menu {
    height: 320px !important
}