/* ####################################
   User Login Components - Short Login Status

   - Critical Rendering Path: Recommended
   ################################## */

/* 
    LoginStatusShort appears in the header in most designs.
    See UserLoginComponents.css for LoginStatusLong that might appear within page content.
*/

#LoginStatusShort {
}

#LoginStatusShort.logged-in {
}

#LoginStatusShort.logged-out {
}

    #LoginStatusShort .login-status-info {
        display: inline;
        margin-right: 10px;
    }

        #LoginStatusShort .login-status-info .login-message {
        }

        #LoginStatusShort .login-status-info .login-user {
        }
            
    #LoginStatusShort .login-links {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #LoginStatusShort .login-links li {
            margin: 0;
            padding: 0;
        }

            #LoginStatusShort .login-links li a {
                padding: 0 var(--site-padding);
                border-left: var(--site-color-1-mid-light) 1px solid;
            }
        
        #LoginStatusShort .login-links .link-login-home {
        }

        #LoginStatusShort .login-links .link-logout {
        }
        
        #LoginStatusShort .login-links .link-login {
        }
        
        #LoginStatusShort .login-links .link-register {
        }