﻿/* --- Brand / logos --- */
.brand-logo {
    height: 120px;
    width: auto;
}
/* expertise badge */
.award-badge img {
    height: 100px;
    width: auto;
}

@media (max-width: 1000px) {
    .brand-logo {
        height: 72px;
    }

    .award-badge img {
        height: 48px;
    }
}

/* --- Navbar look --- */
.navbar {
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

    .navbar .navbar-brand {
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

        .navbar .navbar-brand .brand-text {
            font-weight: 600;
            color: #0b2239;
        }

/* Make ASP:Menu (RenderingMode=List) look like Bootstrap */
.navbar-nav > li {
    position: relative;
}

    .navbar-nav > li > a,
    .navbar-nav .nav-link {
        display: block;
        padding: .6rem 1rem;
        color: #0b2239;
        text-decoration: none;
    }

        .navbar-nav > li > a:hover,
        .navbar-nav > .selected > a,
        .navbar-nav .nav-link:hover {
            background: #e7f5ff;
            border-radius: .5rem;
            color: #0b2239;
        }

/* Dropdowns (from sitemap children) */
.navbar-nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 220px;
    background: #fff;
    padding: .5rem;
    margin: 0;
    list-style: none;
    border-radius: .5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    z-index: 9999;
}

.navbar-nav li:hover > ul {
    display: block;
}

.navbar-nav li ul li a {
    padding: .45rem .75rem;
    border-radius: .375rem;
    color: #0b2239;
}

    .navbar-nav li ul li a:hover {
        background: #f2f6fb;
    }

/* Content / footer polish */
body {
    background-color: #f1f1f1;
}

.content-wrap {
    padding: 24px 0;
}

footer {
    background: #0b2239;
    color: #dbe7f4;
}

    footer a {
        color: #b8dcff;
        text-decoration: none;
    }

        footer a:hover {
            text-decoration: underline;
        }

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.15);
}

/* belt-and-suspenders: no bullets anywhere inside the navbar */
#mainNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* spacing between top-level items */
.navbar-nav > li {
    margin-left: .25rem;
}

    /* make top-level links look right */
    .navbar-nav > li > a.nav-link {
        display: block;
        padding: .6rem 1rem;
        color: #0b2239;
        text-decoration: none;
    }

        .navbar-nav > li > a.nav-link:hover,
        .navbar-nav > .selected > a.nav-link {
            background: #e7f5ff;
            border-radius: .5rem;
            color: #0b2239;
        }

/* remove any default link underlines */
.navbar a {
    text-decoration: none;
}

/* top-level spacing & hover */
.navbar-nav > li {
    margin-left: .35rem;
}

    .navbar-nav > li > a.nav-link {
        display: block;
        padding: .6rem 1rem;
        color: #0b2239;
    }

        .navbar-nav > li > a.nav-link:hover,
        .navbar-nav > .selected > a.nav-link {
            background: #e7f5ff;
            border-radius: .5rem;
            color: #0b2239;
        }

/* dropdown panel aligned under parent */
.navbar-nav li {
    position: relative;
}

    .navbar-nav li ul {
        position: absolute;
        top: 100%;
        left: 0;
        display: none;
        min-width: 240px;
        background: #fff;
        padding: .5rem;
        margin: .4rem 0 0 0;
        list-style: none;
        border-radius: .5rem;
        box-shadow: 0 12px 28px rgba(0,0,0,.12);
        z-index: 1000;
    }

    .navbar-nav li:hover > ul {
        display: block;
    }

    /* dropdown items */
    .navbar-nav li ul li a {
        display: block;
        padding: .45rem .75rem;
        border-radius: .375rem;
        color: #0b2239;
    }

        .navbar-nav li ul li a:hover {
            background: #f2f6fb;
        }

    /* small caret indicator for items that have children (modern browsers) */
    .navbar-nav li:has(> ul) > a.nav-link::after {
        content: "▾";
        margin-left: .35rem;
        font-size: .8em;
    }

/* Featured book polish */
section .lead {
    line-height: 1.6;
}
/* Staff card images: keep a consistent crop */
.staff-photo {
    object-fit: cover;
    width: 100%;
    height: 260px; /* adjust as needed */
    background: #f3f6fa;
}


