
body.login, 
.pusher {
    display: flex;
    flex-direction: column;
}

body.login {

    h1.ui.header {
        margin-top: 70px;
    }
    .ui.form {
        -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.4);
        -moz-box-shadow: 0px 5px 10px rgba(0,0,0,.4);
        box-shadow: 0px 5px 10px rgba(0,0,0,.4);
    }
    main { padding: 0 }
    main, footer {
        background: none;
    }
    footer { color: #FFF; }
}

header {
    color: #FFF;

    .ui.inverted.menu {
        width: 100%;
        border: 0;
    }
}

main {
    flex: 1 0;
    padding: 20px 0;
    background: #eee;
}

body.pushable > .pusher {
    overflow: auto;
}

footer {
    padding: 20px 0;
    background: #eee;
    font-size: .8rem;
    color: @grey;
}

.ui.visible.left.sidebar { 
    z-index: 9; 

    .ui.header > img + .content { padding-left: 0; }
    
    .ui.inverted.menu {
        background: none;
        a.item:hover, a.item:focus {
            background: rgba(0,0,0,.45);
        }
    }
}

@media(min-width: 1401px) { 
    #sidebar-trigger{ display: none; }
    .ui.visible.left.sidebar ~ .fixed, 
    .ui.visible.left.sidebar ~ .pusher {
        margin-left: 260px;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
