

/* MENU INDICATOR */
.pwp-nav-indicator {
	background-color: black;
	bottom: 0;
	height: 1px;
	position: absolute;
	transition: left .5s ease-out, width .5s ease-out, background-color .5s ease-out;
	width: 0;
}




/* MOBILE MENU | TAXONOMIES MENU */

.pwp-nav.collapse {
	--toogleh: 44px;
	--toggle-size: 14px;
}


/*adjust the new toggle element which is added via jQuery*/
.pwp-nav.collapse .menu-item-has-children:not(.no-collapse) .pwp-nav-toggle {
	background-color: transparent;
	align-items: center;
	display: flex !important;
	height: var(--toogleh)/*100%*/;
	padding: 0 !important;
	border: none;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	z-index: 999;
}

/*some code to keep everyting positioned properly*/
.pwp-nav.collapse > .menu-item-has-children:not(.no-collapse),
.pwp-nav.collapse > .menu-item-has-children:not(.no-collapse) .sub-menu .menu-item-has-children {
	position: relative;
}

/*remove default background color from menu items that have children*/
.pwp-nav.collapse .menu-item-has-children:not(.no-collapse) > a {
	background-color: transparent;
}

/* hide the submenu by default */
.pwp-nav.collapse .menu-item-has-children:not(.no-collapse) > .sub-menu,

.et-db #et-boc .et-l .pwp-nav.collapse .menu-item-has-children:not(.no-collapse) > .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*show the submenu when toggled open*/
.pwp-nav.collapse .menu-item-has-children:not(.no-collapse).pwp-nav-item-is-open > .sub-menu,

.et-db #et-boc .et-l .pwp-nav.collapse .menu-item-has-children:not(.no-collapse).pwp-nav-item-is-open > .sub-menu {
	display: block !important;
	visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/
.pwp-nav.collapse .menu-item-has-children:not(.no-collapse) .pwp-nav-toggle {
	opacity: 1;
	text-align: center;
}

/*submenu toggle icon when closed*/
.pwp-nav.collapse .menu-item-has-children:not(.no-collapse) .pwp-nav-toggle::after {
	align-items: center;
	content: '\33';
	display: flex;
	font-family: "ETModules";
	height: var(--toggle-size);
	justify-content: center;
	background: black;
	border-radius: 50%;
	width: var(--toggle-size);
}

/*submenu toggle icon when open*/
.pwp-nav.collapse .menu-item-has-children.pwp-nav-item-is-open > .pwp-nav-toggle::after {
	content: '\32';
}




/* TAXONOMIES MENU */
.pwp-nav.collapse[data-taxonomy] {
	padding-left: 0;
}

.pwp-nav.collapse[data-taxonomy],
.pwp-nav.collapse[data-taxonomy] .sub-menu {
	list-style: none;
	padding-bottom: 0;
}

.pwp-nav.collapse[data-taxonomy] .sub-menu {
	padding-left: calc( var(--sgl-gap) / 6 );
}



/* MOBILE MENU */
.et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

.et_mobile_nav_menu .pwp-nav.collapse {
    max-height: 70vh;
    overflow-y: scroll;
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .pwp-nav.collapse:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}

/*force the background color and add a rounded border*/
.pwp-nav.collapse,
.pwp-nav.collapse ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}



/* HEADER: WPML Grid (mobile) */
.pwp-nav-wpml-grid .wpml-ls-item a .wpml-ls-flag {
    height: 12px;
    object-fit: cover;
    width: 18px;
}

@media all and (max-width: 990px) {

    .pwp-nav-wpml-grid .wpml-ls-item a {
        align-items: center;
        display: inline-flex;
    }

    .pwp-nav-wpml-grid .wpml-ls-item .sub-menu .wpml-ls-item > a {
        font-size: 10px;
    }

    .pwp-nav-wpml-grid .wpml-ls-item,
    .pwp-nav-wpml-grid .wpml-ls-item .sub-menu {
        display: contents !important;
    }

    .pwp-nav-wpml-grid .wpml-ls-item a span {
        font-size: 9px;
        font-weight: 400;
        letter-spacing: 1px;
    }

}