/* Conditional Basic Computing logo in the home-page header. */
.nav-container {
    position: relative;
}

.home-brand-logo-link {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%);
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.nav-container.home-logo-can-show .home-brand-logo-link {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.nav-container.home-logo-can-show .home-brand-logo-link:hover {
    opacity: 0.86;
    text-decoration: none;
}

.home-brand-logo {
    display: block;
    width: min(200px, 18vw);
    max-height: 55px;
    height: auto;
    object-fit: contain;
}

@media (max-width: 620px) {
    .nav-container > .logo {
        display: none !important;
    }

    .home-brand-logo-link {
        position: static;
        flex: 0 1 auto;
        transform: none;
    }

    .home-brand-logo {
        width: min(200px, 52vw);
        max-height: 56px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-brand-logo-link {
        transition: none;
    }
}