/*
Theme Name: VisitPenedès V2
Theme URI: www.visitpenedes.info
Template: Divi
Author: Noubit
Author URI: http://www.noubit.com
Version: 2.1623086797
Updated: 2021-06-07 19:26:37

*/
/*- MENU SEPARATORS -*/
.et_header_style_left #top-menu > .menu-item + .menu-item:before,
.et_header_style_centered #top-menu > .menu-item + .menu-item:before,
.et_header_style_split #top-menu > .menu-item + .menu-item:before
{
		position: absolute;
		left: -15px; /* Half of default 22px right padding and 4px adjust to center (to compensate for space char between li) */
		content: '|';
		font-size: smaller;
		color: #fff;
}
.et_header_style_left #top-menu > .menu-item + .mega-menu:before {
	  position: relative;
	  top: 1.1em;
}

.et_header_style_left #top-menu #main-header.et-fixed-header > .menu-item + .menu-item:before,
.et_header_style_centered #top-menu #main-header.et-fixed-header > .menu-item + .menu-item:before,
.et_header_style_split #top-menu #main-header.et-fixed-header > .menu-item + .menu-item:before
{
		position: absolute;
		left: -15px; /* Half of default 22px right padding and 4px adjust to center (to compensate for space char between li) */
		content: '|';
		font-size: smaller;
		color: #445B4B;
}
.et_header_style_left #top-menu #main-header.et-fixed-header > .menu-item + .mega-menu:before {
	  position: relative;
	  top: 1.1em;
}

/*- MENU UNDERLINE EFFECT -*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #ffffff;
 height: 2px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/*- MENU UNDERLINE EFFECT STICKY MENU -*/
.et-fixed-header #top-menu li.current-menu-item a::before,
.et-fixed-header #top-menu li.current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
.et-fixed-header #top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #445b4b;
 height: 2px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
.et-fixed-header #top-menu li a:hover {
 opacity: 1 !important;
}
.et-fixed-header #top-menu li a:hover:before {
 right: 0;
}
.et-fixed-header #top-menu li li a:before {
 bottom: 10%;
}