.pixel-menu-hover {
	--px-menu-hover-color: currentColor;
	--px-menu-hover-bg: transparent;
	--px-menu-hover-border: currentColor;
	--px-menu-hover-radius: 0;
	--px-menu-marker-size: 7px;
	--px-menu-marker-gap: 7px;
	--px-menu-marker-color: var(--px-menu-hover-color);
}

.pixel-menu-hover > li > a,
.lqd-custom-menu.pixel-menu-hover > ul > li > a {
	position: relative;
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.pixel-menu-hover .pixel-menu-text {
	position: relative;
	display: inline-block;
}

.pixel-menu-hover--style-1 > li:hover > a,
.pixel-menu-hover--style-1 > li.is-active > a,
.pixel-menu-hover--style-1 > li.current_page_item > a,
.pixel-menu-hover--style-1 > li.current-menu-item > a,
.pixel-menu-hover--style-1 > li.current-menu-ancestor > a,
.lqd-custom-menu.pixel-menu-hover--style-1 > ul > li > a:hover,
.lqd-custom-menu.pixel-menu-hover--style-1 > ul > li.is-active > a,
.lqd-custom-menu.pixel-menu-hover--style-1 > ul > li.current_page_item > a,
.lqd-custom-menu.pixel-menu-hover--style-1 > ul > li.current-menu-item > a,
.lqd-custom-menu.pixel-menu-hover--style-1 > ul > li.current-menu-ancestor > a {
	color: var(--px-menu-hover-color);
}

.pixel-menu-hover--style-2 > li > a,
.lqd-custom-menu.pixel-menu-hover--style-2 > ul > li > a {
	border: 1px solid var(--px-menu-hover-border);
	border-radius: var(--px-menu-hover-radius);
	background: transparent;
}

.pixel-menu-hover--style-2 > li:hover > a,
.pixel-menu-hover--style-2 > li.is-active > a,
.pixel-menu-hover--style-2 > li.current_page_item > a,
.pixel-menu-hover--style-2 > li.current-menu-item > a,
.pixel-menu-hover--style-2 > li.current-menu-ancestor > a,
.lqd-custom-menu.pixel-menu-hover--style-2 > ul > li > a:hover,
.lqd-custom-menu.pixel-menu-hover--style-2 > ul > li.is-active > a,
.lqd-custom-menu.pixel-menu-hover--style-2 > ul > li.current_page_item > a,
.lqd-custom-menu.pixel-menu-hover--style-2 > ul > li.current-menu-item > a,
.lqd-custom-menu.pixel-menu-hover--style-2 > ul > li.current-menu-ancestor > a {
	color: var(--px-menu-hover-color);
	border-color: var(--px-menu-hover-border);
	background: var(--px-menu-hover-bg);
}

.pixel-menu-hover--style-3 > li > a,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li > a {
	overflow: hidden;
}

.pixel-menu-hover--style-3 > li > a::after,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	right: auto;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--px-menu-hover-border);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}

.pixel-menu-hover--style-3 > li:hover > a,
.pixel-menu-hover--style-3 > li.is-active > a,
.pixel-menu-hover--style-3 > li.current_page_item > a,
.pixel-menu-hover--style-3 > li.current-menu-item > a,
.pixel-menu-hover--style-3 > li.current-menu-ancestor > a,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li > a:hover,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.is-active > a,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.current_page_item > a,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.current-menu-item > a,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.current-menu-ancestor > a {
	color: var(--px-menu-hover-color);
	background: transparent;
}

.pixel-menu-hover--style-3 > li:hover > a::after,
.pixel-menu-hover--style-3 > li.is-active > a::after,
.pixel-menu-hover--style-3 > li.current_page_item > a::after,
.pixel-menu-hover--style-3 > li.current-menu-item > a::after,
.pixel-menu-hover--style-3 > li.current-menu-ancestor > a::after,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li > a:hover::after,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.is-active > a::after,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.current_page_item > a::after,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.current-menu-item > a::after,
.lqd-custom-menu.pixel-menu-hover--style-3 > ul > li.current-menu-ancestor > a::after {
	transform: scaleX(1);
}

.lqd-custom-menu.pixel-menu-hover--style-4.pixel-menu-hover--marker-top > ul > li > a,
.lqd-custom-menu.pixel-menu-hover--style-4:not(.pixel-menu-hover--marker-bottom) > ul > li > a {
	padding-top: calc(var(--px-menu-marker-size) + var(--px-menu-marker-gap));
}

.lqd-custom-menu.pixel-menu-hover--style-4.pixel-menu-hover--marker-bottom > ul > li > a {
	padding-bottom: calc(var(--px-menu-marker-size) + var(--px-menu-marker-gap));
}

.pixel-menu-hover--style-4 > li > a::before {
	content: none;
}

.pixel-menu-hover--style-4 .pixel-menu-text::before,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li > a::before {
	content: "";
	position: absolute;
	width: var(--px-menu-marker-size);
	height: var(--px-menu-marker-size);
	background: var(--px-menu-marker-color);
	opacity: 0;
	transition: opacity .2s ease, transform .2s ease;
}

.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li > a::before {
	left: 50%;
	transform: translateX(-50%) translateY(4px) scale(.75);
}

.pixel-menu-hover--style-4.pixel-menu-hover--marker-top .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-hover--marker-bottom) .pixel-menu-text::before {
	bottom: calc(100% + var(--px-menu-marker-gap));
}

.lqd-custom-menu.pixel-menu-hover--style-4.pixel-menu-hover--marker-top > ul > li > a::before,
.lqd-custom-menu.pixel-menu-hover--style-4:not(.pixel-menu-hover--marker-bottom) > ul > li > a::before {
	top: 0;
}

.pixel-menu-hover--style-4.pixel-menu-hover--marker-bottom .pixel-menu-text::before {
	top: calc(100% + var(--px-menu-marker-gap));
}

.lqd-custom-menu.pixel-menu-hover--style-4.pixel-menu-hover--marker-bottom > ul > li > a::before {
	bottom: 0;
	transform: translateX(-50%) translateY(-4px) scale(.75);
}

.pixel-menu-marker-align-left .pixel-menu-text::before {
	left: 0;
	transform: translateY(4px) scale(.75);
}

.pixel-menu-marker-align-center .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) .pixel-menu-text::before {
	left: 50%;
	transform: translateX(-50%) translateY(4px) scale(.75);
}

.pixel-menu-marker-align-right .pixel-menu-text::before {
	right: 0;
	transform: translateY(4px) scale(.75);
}

.pixel-menu-hover--marker-bottom.pixel-menu-marker-align-left .pixel-menu-text::before {
	transform: translateY(-4px) scale(.75);
}

.pixel-menu-hover--marker-bottom.pixel-menu-marker-align-center .pixel-menu-text::before,
.pixel-menu-hover--marker-bottom.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) .pixel-menu-text::before {
	transform: translateX(-50%) translateY(-4px) scale(.75);
}

.pixel-menu-hover--marker-bottom.pixel-menu-marker-align-right .pixel-menu-text::before {
	transform: translateY(-4px) scale(.75);
}

.pixel-menu-hover--style-4.pixel-menu-hover--marker-circle .pixel-menu-text::before,
.lqd-custom-menu.pixel-menu-hover--style-4.pixel-menu-hover--marker-circle > ul > li > a::before {
	border-radius: 999px;
}

.pixel-menu-hover--style-4.pixel-menu-hover--marker-square .pixel-menu-text::before,
.lqd-custom-menu.pixel-menu-hover--style-4.pixel-menu-hover--marker-square > ul > li > a::before {
	border-radius: 0;
}

.pixel-menu-hover--style-4 > li:hover > a,
.pixel-menu-hover--style-4 > li.is-active > a,
.pixel-menu-hover--style-4 > li.current_page_item > a,
.pixel-menu-hover--style-4 > li.current-menu-item > a,
.pixel-menu-hover--style-4 > li.current-menu-ancestor > a,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li > a:hover,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.is-active > a,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.current_page_item > a,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.current-menu-item > a,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.current-menu-ancestor > a {
	color: var(--px-menu-hover-color);
	background: transparent;
}

.pixel-menu-marker-align-left > li:hover > a .pixel-menu-text::before,
.pixel-menu-marker-align-left > li.is-active > a .pixel-menu-text::before,
.pixel-menu-marker-align-left > li.current_page_item > a .pixel-menu-text::before,
.pixel-menu-marker-align-left > li.current-menu-item > a .pixel-menu-text::before,
.pixel-menu-marker-align-left > li.current-menu-ancestor > a .pixel-menu-text::before {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.pixel-menu-marker-align-center > li:hover > a .pixel-menu-text::before,
.pixel-menu-marker-align-center > li.is-active > a .pixel-menu-text::before,
.pixel-menu-marker-align-center > li.current_page_item > a .pixel-menu-text::before,
.pixel-menu-marker-align-center > li.current-menu-item > a .pixel-menu-text::before,
.pixel-menu-marker-align-center > li.current-menu-ancestor > a .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) > li:hover > a .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) > li.is-active > a .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) > li.current_page_item > a .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) > li.current-menu-item > a .pixel-menu-text::before,
.pixel-menu-hover--style-4:not(.pixel-menu-marker-align-left):not(.pixel-menu-marker-align-right) > li.current-menu-ancestor > a .pixel-menu-text::before {
	opacity: 1;
	transform: translateX(-50%) translateY(0) scale(1);
}

.pixel-menu-marker-align-right > li:hover > a .pixel-menu-text::before,
.pixel-menu-marker-align-right > li.is-active > a .pixel-menu-text::before,
.pixel-menu-marker-align-right > li.current_page_item > a .pixel-menu-text::before,
.pixel-menu-marker-align-right > li.current-menu-item > a .pixel-menu-text::before,
.pixel-menu-marker-align-right > li.current-menu-ancestor > a .pixel-menu-text::before {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li > a:hover::before,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.is-active > a::before,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.current_page_item > a::before,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.current-menu-item > a::before,
.lqd-custom-menu.pixel-menu-hover--style-4 > ul > li.current-menu-ancestor > a::before {
	opacity: 1;
	transform: translateX(-50%) translateY(0) scale(1);
}