note

.menu-item.current_page_item a:after {
content: ”;
position: absolute;
bottom: 0;
left: 0;
width: 98%;
border-bottom: 2px solid black !important;
transition: 0.8s;
}

 

.menu-item.menu-item-type-post_type.menu-item-object-page:not(.current-menu-item) a:after {.menu-item.menu-item-type-post_type.menu-item-object-page:not(.current-menu-item) a:after { content: ”; position: absolute; bottom: 0; left: 0; width: 0%; border-bottom: 2px solid #363839 !important; transition: 0.8s;}

.menu-item.menu-item-type-post_type.menu-item-object-page:not(.current-menu-item) a:hover:after { content: ”; position: absolute; bottom: 0; left: 0; width: 98%; border-bottom: 2px solid #363839 !important; opacity: 0.7; transition: 0.8s;}