@import "../helpers/colors.scss";

#sticky-sidebar {
    background-color: #e0e0e0;
    // height: 100vh;
    padding: 35px 0;
    position: relative;

    &::after {
        content: url("../../img/icons/sidebar-divider.svg");
        position: absolute;
        top: 50%;
        right: -5%;
        z-index: 5;
    }

    .logoWrapper {
        background: $green;
        width: 85%;
        margin: 0 auto;
        padding: 15px 20px;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;

        img {
            width: 100%;
        }
    }

    .side-menu {
        position: relative;
        z-index: 6;
        margin-top: 40px;

        ul {
            // overflow-y: scroll;
            &.sub-menu-main {
                display: none;
                list-style-type: none;
                padding: 0;
                li {
                    display: table;
                    a {
                        display: table-cell;
                        vertical-align: middle;
                        line-height: 1.5 !important;
                        text-transform: uppercase;
                    }
                }
            }
            li {
                background-color: #fff;
                margin-bottom: 20px;
                width: 90%;
                height: 65px;
                border-radius: 12px;
                margin: 0 auto 20px auto;
                border: 1px solid $lightGray;
                box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);

                a {
                    font-size: 2rem;
                    @include boldFont();
                    color: #000;
                    line-height: 1;
                    padding: 0;
                    @include ver-center();
                    position: relative;
                }

                &:hover,
                &.active {
                    background-color: $green;

                    a {
                        color: #fff;
                    }
                }

                &.sub-menu {
                    width: 75%;
                   position: relative;

                    a {
                        @include abs-center();
                        position: absolute;
                        line-height: 1;
                        -ms-transform: none;
                    }
                }

                // &.active {
                //     background-color: $green;
                //     a {
                //         color: #fff;
                //     }
                // }
            }
        }
    }
}
@media (max-width: 768px) {
    #sticky-sidebar .side-menu ul li a {
        font-size: 1.6rem;
    }
}