/************************************************************/

/****** Adds animation effects to menu items on hover *******/

/************************************************************/
.divi-hacks-animenu-1 #top-menu .current_page_item a::before {
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}

.divi-hacks-animenu-1 #top-menu > li:before {
	content: "";
	position: absolute;
	z-index: -2;
	left: 0;
	right: 100%;
	bottom: 20%;
	background: transparent;
	height: 3px;
	border-bottom: 3px solid;
	-webkit-transition-property: right;
	-moz-transition-property: right;
	-ms-transition-property: right;
	-o-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.divi-hacks-animenu-1 #top-menu > li.centered-inline-logo-wrap:before {
	display: none;
}

.divi-hacks-animenu-1 #top-menu li:hover {
	opacity: 1 !important;
}

.divi-hacks-animenu-1 #top-menu li:hover:before {
	right: 0;
}

.divi-hacks-animenu-1 #top-menu li li:before {
	bottom: 10%;
}

.divi-hacks-animenu-2 #top-menu li:not(.menu-item-has-children):not(.current_page_item):hover a {
	box-shadow: 0 5px 0 0;
}

.divi-hacks-animenu-2 #top-menu li li a {
	padding-bottom: 6px !important;
}

.divi-hacks-animenu-2 #top-menu li.current_page_item > a, .divi-hacks-animenu-2 .et-fixed-header #top-menu li.current_page_item > a {
	border: 5px solid;
	margin-bottom: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px !important;
	padding-left: 10px;
}

@keyframes grow {
	from {
		border-top-width: 0;
	}
	
	to {
		border-top-width: 5px;
	}
}

/* Firefox < 16 */
@-moz-keyframes grow {
	from {
		border-top-width: 0;
	}
	
	to {
		border-top-width: 5px;
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes grow {
	from {
		border-top-width: 0;
	}
	
	to {
		border-top-width: 5px;
	}
}

/* Opera < 12.1 */
@-o-keyframes grow {
	from {
		border-top-width: 0;
	}
	
	to {
		border-top-width: 5px;
	}
}

.divi-hacks-animenu-3 #top-menu > li.page_item::before {
	height: 5px;
	content: "";
	width: 100%;
	left: 0;
	top: -15px;
	position: absolute;
	background: transparent;
	border-top-width: 5px;
	border-top-style: solid;
	opacity: 1;
	animation: grow .5s;
}

.divi-hacks-animenu-3 #top-menu li li a {
	line-height: 1.2em;
}

.divi-hacks-animenu-3 #top-menu > li > a {
	opacity: 1 !important;
}

.divi-hacks-animenu-1 #top-menu > li:not(:last-child), .divi-hacks-animenu-3 #top-menu > li:not(:last-child) {
	padding-right: 0;
	margin-right: 22px;
}