/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.pxl-nav-hidden {
	.pxl-menu-toggle {
		display: block;
        position: absolute;
        top: 10px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        right: 0px;
        width: 28px;
        cursor: pointer;
        font-size: 10px;
        @include transition(.2s cubic-bezier(.24,.74,.58,1));
        color: #fff;
        @include border-radius(3px);
        background-color: rgba(#fff, 0.08);
        &:before {
        	content: "\f150";
        	font-family: "Caseicon";
        }
        &.active {
        	background-color: #fff;
        	color: #000;
			&:before{
				content: "\f13d";
	        }
        }
    }
	.pxl-menu-hidden {
		list-style: none;
        margin: 0;
        padding: 0;
        li {
            position: relative;
            a {
                display: block;
                line-height: 46px;
                font-size: 14px;
                font-weight: 700;
                border-bottom: 1px solid rgba(#000, 0.06);
            }
            > a:hover,
            > a.current,
            &.current_page_item > a,
            &.current-menu-item > a,
            &.current_page_ancestor > a,
            &.current-menu-ancestor > a {
                color: $primary_color;
            }
        }
        .sub-menu, .children {
            position: relative;
            display: none;
            list-style: none;
            margin: 0;
            padding: 10px 0;
            li {
           		a {
           			font-size: 12px;
           			font-weight: 500;
           			line-height: 32px;
           			padding-left: 14px;
           		}
            }
        }
        > li > .sub-menu > li > .sub-menu > li a {
        	padding-left: 28px;
        }
	}
}
