@import "types/float";
//@import "types/on-click";
//@import "types/on-hover";
//@import "types/slide-in";

.edgtf-header-vertical {
    .edgtf-vertical-menu {
        position: relative;
        z-index: 101;
        margin: 0;
        text-align: center;

        ul {
            position: relative;
            list-style-type: none;
        }

        ul li {
            position: relative;
        }

        ul li a:hover {
            color: $first-main-color;
        }

        & > ul > li {
            > a {
                position: relative;
                display: block;
                padding: 8px 0;
                margin: 0;
                cursor: pointer;
                font-size: 21px;
                line-height: 21px;
                font-weight: 500;
                color: $first-main-color;
                @include edgtfTransition(color 0.15s ease-out);

                .edgtf-item-text {
                    position: relative;

                    &:after {
                        content: '';
                        width: 16px;
                        display: block;
                        height: 2px;
                        background-color: transparent;
                        position: absolute;
                        bottom: 0;
                        left: calc(50% - 8px);
                        @include edgtfTransition(background-color 0.2s ease-out);
                    }
                }

                &:hover {
                    .edgtf-item-text {
                        &:after {
                            background-color: $first-main-color;
                        }
                    }
                }
            }

            &.edgtf-active-item {
                > a {
                    .edgtf-item-text {
                        &:after {
                            background-color: $first-main-color;
                        }
                    }
                }
            }
        }

        & > ul > li > a:before {
            content: '';
            display: block;
            opacity: 0;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            background-color: $first-main-color;
            @include edgtfTransition(background-color 0.2s ease-out, opacity 0.2s ease-out);
        }

        & > ul > li > a:after {
            display: none;
            height: 1px;
            width: 44px;
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: $first-main-color;
        }
        
        & > ul > li:last-child > a:after {
            content: none;
        }

        ul > li.menu-item-has-children > a .plus {
        	display: none;
            width: 14px;
            height: 14px;
            z-index: 10000;
            position: absolute;
            top: 50%;
            right: 0;
            color: #9d9d9d;
            font-size: 14px;
            line-height: 14px;
            font-family: 'FontAwesome';
            cursor: pointer;
            @include edgtfTransform(translateY(-50%));
        }

        ul > li.menu-item-has-children > a .plus:before {
            content: "\f105";
        }

        ul > li.menu-item-has-children.open > a .plus:before,
        ul > li.menu-item-has-children.current-menu-ancestor > a .plus:before {
            content: "\f105";
        }

        & > ul > li.menu-item-has-children > a .plus{
        	display: none;
        }

        .edgtf-menu-second .inner {
            position: relative;
            display: block;
            padding: 0;
            z-index: 997;
        }

        .edgtf-menu-icon:not(.blank):not(.null) {
            padding-right: 5px;
        }
    }
}