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;}