/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .row-offcanvas-left
  .sidebar-offcanvas {
        left: -73%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 75%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 75%; /* 6 columns */
    }

    .navbar-reuuux .navbar-toggle {
        float: left;
        margin-left: 15px;
        margin-right: 0;
    }

    .panel-luuux.panel-luuux-big .panel-footer, .panel-luuux.panel-luuux-big .panel-heading,
    .panel-luuux.panel-luuux-small .panel-heading, .panel-luuux.panel-luuux-small .panel-footer {
        height: auto !important;
    }
    .panel-luuux-big {
        max-height: 250px !important;
        min-height: 250px !important;
    }

}
.sidebar-offcanvas {
    margin-top: -20px;

}
.sidebar-nav {
    background-color: #434343;
    color: #ececec;
    padding: 20px;
}

.sidebar-offcanvas .sidebar-nav .dropdown-header {
    font-size: 18px;
}
.sidebar-nav ul.nav a {
    background-color: #ececec;
    color: #434343;
    margin-bottom: 1px;
}
.universes-title {
    margin-top: 10px;
}

.sidebar-nav ul.nav a:focus,
.sidebar-nav ul.nav a:hover {
    background-color: #434343;
    color: #ececec;
}

#sidebar .nav a.header-beauty {
    color: #fb323d;
}
#sidebar .nav a.header-fashion {
    color: #da3a93;
}
#sidebar .nav a.header-gossip {
    color: #0599e7;
}
#sidebar .nav a.header-design {
    color: #ff8000;
}
#sidebar .nav a.header-food {
    color: #00c6a4;
}
.sidebar-nav .addthis_toolbox {
    margin-top: 10px;
}
#sidebar .sidebar-nav .luuux-amount-punctuation, #sidebar .sidebar-nav .my-luuux {
    color: #eaeaea;
}
#sidebar .sidebar-nav a.navbar-profile-link .navbar-profile-img {
    max-height: 64px;
}
#sidebar .sidebar-nav a.navbar-profile-link {
    font-size: 18px;
}
#sidebar .sidebar-nav a.navbar-profile-link,
#sidebar .sidebar-nav .addthis_toolbox a,
#sidebar .sidebar-nav .addthis_toolbox a:hover,
#sidebar .sidebar-nav .addthis_toolbox a:focus {
    background-color: inherit;
}