/**
 * 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-accent);
  /* 	background-color: #D55672; */

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