/* Small tasteful tweaks on top of Bootswatch */
:root { --dg-radius: 1rem; }
.rounded-4 { border-radius: var(--dg-radius)!important; }
.object-fit-cover { object-fit: cover; }
.navbar-brand { letter-spacing: .5px; }
footer { background: #f8f9fa; }

.navbar .navbar-brand {
    position: relative; /* reference point for the logo */
    margin: 0 auto; /* center horizontally */
    padding: 0;
}

.navbar .brand-logo {
    max-height: 80px;
    height: 80px; /* bigger than navbar height */
    width: auto;
    display: block;
    background-color: white; /* keep the square white background */
    padding: 10px;
    border: 2px solid black;
    position: absolute;
    bottom: -40px; /* push it OUTSIDE navbar */
    left: 50%;
    transform: translateX(-50%);
}

/* Navbar logo sizing */
/* Centered, bigger brand logo that hangs below the navbar */
.navbar .navbar-brand {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

/* Strong override against Bootswatch's .navbar-brand img */
.navbar.navbar-light .navbar-brand > img.brand-logo,
.navbar.navbar-dark .navbar-brand > img.brand-logo {
    height: 80px !important;
    max-height: 80px !important;
    width: auto !important;
    display: block;
    background: #fff;
    padding: 10px;
    border: 2px solid #000;
    position: absolute;
    bottom: -40px; /* half of height to hang below */
    left: 50%;
    transform: translateX(-50%);
}


/*.navbar-brand .brand-logo {
    max-height: 80px;
    width: auto;
    display: inline-block;
}*/

/* Optional admin ribbon on pages */
/*body.is-admin:before {
    content: "ADMIN PREVIEW";
    position: fixed;
    right: -40px;
    top: 20px;
    transform: rotate(45deg);
    background: #198754;
    color: #fff;
    padding: 6px 60px;
    z-index: 1040;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
}*/