.pxl-nav-menu {

	/* First Level */
	.pxl-menu-primary > li {
		&.menu-item-has-children > a {
			.caseicon-angle-arrow-down {
				display: inline-flex;
				font-size: 10px;
				line-height: 1;
				margin-left: 6px;
				@include transition(transform .25s cubic-bezier(.645,.045,.355,1));
			}
		}
		&:hover > a .caseicon-angle-arrow-down {
			@include transform(rotateX(-180deg));
		}
	}

	&.fr-style-divider {
		.pxl-menu-primary > li {
			> a {
				&:before {
					content: '';
					height: 2px;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 0;
					background-color: $primary_color;
					@include transition(all 300ms linear 0ms);
				}
			}
			> a:hover,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
            	&:before {
            		width: 100%;
            	}
            }
		}
	}

	/* Sub Menu */
	.sub-menu {
		li.menu-item-has-children > a:after {
			content: "\f110";
			position: absolute;
			top: 50%;
			right: 0;
			@include transform(translate(0, -50%));
			font-size: 10px;
			font-family: "Caseicon";
			font-weight: 400;
		}
	}

	&.show-effect-fade {
		.pxl-menu-primary .sub-menu {
			margin-top: 0;
		}
	}

	&.show-effect-dropdown {
		.pxl-menu-primary {
			.sub-menu {
				@include transform(scaleY(0));
				transform-origin: 0 0 0;
				-webkit-transform-origin: 0 0 0;
				-ms-transform-origin: 0 0 0;
				-o-transform-origin: 0 0 0;
				margin-top: 0;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				@include transform(scaleY(1));
			}
		}
	}

	&.show-effect-slidedown {
		.pxl-menu-primary {
			.sub-menu {
				margin-top: 0;
				transform: perspective(500px) rotateX(-20deg);
				transform-origin: 50% 0%;
			}
			li:hover > .sub-menu, li.focus > .sub-menu {
				transform: perspective(500px) rotateX(0deg);
			}
		}
	}

	&.pxl-mega-boxed {
		.pxl-megamenu > .sub-menu {
			padding: 20px 20px 15px 20px;
			max-width: 1170px;
		}
	}
}