/* Custom CSS overrides */

/* --- HEADER LOGO ENLARGEMENT --- */

/* Desktop layout (navbar not collapsed) */
@media (min-width: 768px) {
    body .navbar-brand.logo {
        padding: 0;
        height: 120px;
        line-height: 120px;
        display: flex;
        align-items: center;
    }

    body .navbar-brand.logo img {
        max-height: 120px;
        height: 120px;
        width: auto;
    }

    /* Ensure the navbar expands to fit the logo */
    body .navbar.header {
        min-height: 130px;
    }

    /* Push the navigation items down to vertically center with the large logo */
    body .navbar.header .navbar-nav>li {
        margin-top: 35px;
    }

    body .navbar.header .navbar-right {
        margin-top: 0;
    }
}

/* Mobile layout (navbar collapsed) */
@media (max-width: 767px) {
    body .navbar-brand.logo {
        padding: 10px 15px;
        display: block;
        height: auto;
    }

    body .navbar-brand.logo img {
        max-height: 80px;
        /* Keep logo reasonably sized on mobile so it doesn't take up the whole screen */
        height: auto;
        width: auto;
    }

    body .navbar-header .navbar-toggle {
        margin-top: 25px;
        /* Center the hamburger menu against the mobile logo */
    }
}