sideNav {

.navbar-nav .nav-item .nav-link {
    font-weight: 800;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
}
.navbar-toggler {
    &:focus {
        outline-color: lighten($primary, 15%);
    }
}

}

@include media-breakpoint-up(lg) {

#sideNav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;

    display: flex;
    flex-direction: column;

    width: $sidebar-base-width;
    height: 100vh;
    .navbar-brand {
        display: flex;

        margin: auto auto 0;
        padding: 0.5rem;
        .img-profile {
            max-width: 10rem;
            max-height: 10rem;
            border: 0.5rem solid fade-out($white, 0.8);
        }
    }
    .navbar-collapse {
        display: flex;
        align-items: flex-start;
        flex-grow: 0;

        width: 100%;
        margin-bottom: auto;
        .navbar-nav {
            flex-direction: column;

            width: 100%;
            .nav-item {
                display: block;
                .nav-link {
                    display: block;
                }
            }
        }
    }
}

}