:root {
    --translate: calc(-1 * (var(--padding-translate) + var(--line-height)));
}

.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
padding-top: 1.3em;
padding-bottom: 1em;
}

#et_top_search {
margin-top: 1.3rem;
} 
    
#top-menu li {
    overflow: hidden;
}
    
#top-menu a {
	overflow: hidden;
    vertical-align: middle;
	padding: 0 4px;
    padding-bottom: var(--padding-translate, inherit) !important;
    line-height:  var(--line-height, inherit) !important;
	height: var(--line-height, inherit) !important;;
    display: inline-block;
}

#top-menu a span {
	position: relative;
	display: inline-block;
    margin-bottom: 100px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
    display: block;
    margin-bottom: 0 !important;
}
    
#top-menu a span:last-child {
	position: absolute;
	top: 100%;
	font-weight: var(--hover-text-font-weight, inherit);
	color: var(--hover-text-font-colour, inherit);
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
    
#top-menu a:hover span:first-child,
#top-menu a:focus span:first-child {
	-webkit-transform: translateY(var(--translate, inherit));
	-moz-transform: translateY(var(--translate, inherit));
	transform: translateY(var(--translate, inherit));
}

#top-menu a:hover span:last-child,
#top-menu a:focus span:last-child {
	-webkit-transform: translateY(var(--translate, inherit));
	-moz-transform: translateY(var(--translate, inherit));
	transform: translateY(var(--translate, inherit));
}

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