#top-menu a {
	padding: 10px 0;
	border-top: 2px solid var(--line-color, inherit);
	color: var(--line-color, inherit);
	text-shadow: none;
} 
        
 #top-menu a span:first-child {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 0 10px 0;
	max-width: 0;
	border-bottom: 2px solid var( --secondary-color, inherit);
	color: var( --secondary-color, inherit);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
	white-space: nowrap;
}

 #top-menu a:hover span:first-child,
 #top-menu a:focus span:first-child {
	max-width: 100%;
}
        
/* Removes default Divi menu opacity change  */
#top-menu-nav>ul>li>a:hover {
	opacity: 1;
}

/*Hide second span on mobile*/
#et_mobile_nav_menu .mobile_nav a span:last-child {
    display:none;
}