/**
 * Top Navigation Logo Styles
 * Used by the <x-top-nav-logo /> Blade component
 * Renders the SkorlyAILogo.png image in the .logo container
 */

/* Logo link - reset anchor styles */
.logo .top-nav-logo-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    text-decoration: none;
}

/* Logo image sizing */
.logo .top-nav-logo-img {
    height: 32px;
    width: auto;
    display: block;
}

/* Login/Register title logo */
.login-title .top-nav-logo-img,
.register-title .top-nav-logo-img {
    height: 36px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.login-title .top-nav-logo-link,
.register-title .top-nav-logo-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    text-decoration: none;
}

/* Navbar brand logo (terms, privacy pages) */
.navbar-brand .top-nav-logo-img {
    height: 32px;
    width: auto;
    display: block;
}

.navbar-brand .top-nav-logo-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    text-decoration: none;
}

/* Invitation page logo */
.invitation-logo .top-nav-logo-img {
    height: 48px;
    width: auto;
    display: block;
}

.invitation-logo .top-nav-logo-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-decoration: none;
}