/**
 * menu-style-1.css
 */

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	/* position:  relative; */
}

.main-navigation .main-nav ul li a {
	position: relative;
}

.main-navigation .main-nav ul li a::after {
	content:  ' ';
	overflow: hidden;
	background-color: transparent;
	position:  absolute;
	left: 50%;
	top:  0;
	width: 0%;
	height:  3px;
	z-index: -10;
	transition: width 0.2s ease-out;
	transform: translateX(-50% );
	opacity: 0.5;
}

/*
.main-navigation .main-nav ul li[class*="current-menu-"] > a::after {
	background-color: var( --primary-accent-hover );
	width:  100%;
}
*/

.main-navigation .main-nav > ul > li[class*="current-menu-"] > a::after,
.main-navigation .main-nav > ul > li a:hover::after {
	/* width:  100%; */
	background-color: var( --primary );
/* 	background-color: #D55672; */

	/* width:  100%; */
	width:  calc(100% - 30px);
}