@import "blocks/logo";
@import "blocks/widgets";
@import "blocks/navigation/navigation";

.edgtf-header-vertical {
    .edgtf-content,
    footer{
        padding-left: $vertical-menu-width;
        box-sizing: border-box;
    }


    .edgtf-vertical-menu-area {
        position: fixed;
        width: $vertical-menu-width;
        top: 0;
        left: 0;
        padding: 20px 40px;
        background-color: transparent;
        height: 100%;
        z-index: 101;
        -webkit-backface-visibility: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;

        .edgtf-vertical-menu-area-inner {
            position: relative;
            display: inline-block;
            width: 100%;
            vertical-align: middle;
            height: 100%;

            .edgtf-vertical-area-menu-holder {
                display: table;
                width: 100%;

                .edgtf-vertical-area-menu-holder-inner {
                    display: table-cell;
                    vertical-align: middle;
                }
            }
        }
    }

    &.admin-bar .edgtf-vertical-menu-area {
        top: 33px;
    }

    .edgtf-vertical-menu-area.edgtf-with-scroll {
        overflow: hidden;
    }

    .edgtf-vertical-area-background {
        position: fixed;
        width: $vertical-menu-width;
        height: 100%;
        background-position: right top;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: cover;
        top: 0;
        left: 0;
        z-index: 0;
        opacity: 1;

        @include edgtfTransition(opacity 0.5s ease, background-color 0.5s ease);
    }

}