/** header overrides **/
    header.masthead {
        margin-bottom: 0;
    }
    @media (min-width: 992px) {
    header.masthead .page-heading h1, header.masthead .page-heading .h1, header.masthead .site-heading h1, header.masthead .site-heading .h1 {
        font-size: 3rem;
        }
    }
    @media (min-width: 1400px) {
    header.masthead .page-heading h1, header.masthead .page-heading .h1, header.masthead .site-heading h1, header.masthead .site-heading .h1 {
        font-size: 5rem;
        }
    }
    @media (min-width: 992px) {
    .navbar-brand {
        font-size: 1.75rem;
    }
    }
    #mainNav {
        border-bottom: 1px solid #DDD;
    }
    #mainNav.navbar-dark,
    #subnavbarResponsive {
        padding: 16.5px 0;
        /*OLD background-color: #133e94;*/
        background-color: #244586;
    }
    #mainNav.is-fixed .navbar-nav > li.nav-item > a,
    #mainNav.is-fixed .navbar-brand {
        color: #FFF;
    }
    .min-vh-50 {
    min-height: 50vh !important;
    }
/**/
/**  Sub Nav additions **/
    #subnavbarResponsive  {
        border-top: 1px solid #77C;
        width: 300px;
        right: -10px;
    }
    #subnavbarResponsive > ul {
        flex-direction: column;
    }
    #subnavbarResponsive > ul > li > a {
        padding-top: 0.5rem  !important;
        padding-bottom: 0.5rem  !important;
    }
/**/
/** Footer overrides **/
    footer {
        /*OLD background-color: #133e94;*/
        background-color: #244586;
        padding: 3em 0 1em;
    }
    footer a, 
    footer a:visited {
        color: #ccc;
    }
    footer svg path {
        fill: #ccc;
    }
    footer svg:hover path {
        fill: #fff;
    }
    .footerLinks {
        list-style: none;
    }
/**/
/** General overrides **/
    body {
        font-size: 1.2rem;
    }
    @media screen and (max-width: 424px) {
        /* Your mobile-specific styles here */
        body {
            font-size: 1.2rem;
        }
        .navbar-brand {
            font-size: 1.0rem;
        }
        header.masthead {
            padding-bottom:3rem;
            padding-top:calc(3rem + 57px);;
        }
        header.masthead .page-heading h1, header.masthead .page-heading .h1, header.masthead .site-heading h1, header.masthead .site-heading .h1 {
            font-size: 2rem;
            }
    }
    ul li p {
        margin: 0.5rem 0;
    }
    article > .container {
        background-color:#f8f8f8;
        min-height: 50vh;
    }
    article > .container > .row {
        padding-top: 2em;
        padding-bottom: 5em;
    }
    .link {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    }
    a:hover {
        color: var(--bs-info);
        text-decoration: underline;
    }    
    article a {
        color: #133e94;
    }
    article a[target = "_blank"]::after { 
        content: ' _';
        background-image: url("/arrow-up-right-from-square-solid.png");
        background-size: 11px;
        background-repeat: no-repeat;
        background-position: 3px;
        opacity: 50%; 
    }
    .img-fluid {
        max-height: 25rem;
    }
    div.image {
        text-align: center;
    }    
    .slider-indicators-square .slider-indicators>*, 
    .slider-indicators-square.slider-indicators>*
    {
        width:1rem;
        height:1rem;
    }

/**/
/** Search page overrides **/
    ul.pagination {
        display: inline-flex;
        flex-direction: row;
        margin: 1rem 0;
    }
    ul.pagination li {
        text-align: center;
        margin: 0 0.5rem;
    }
    ul.pagination li.arrow {
        margin: 0 1em;
    }
    ul.pagination li .page-current {
        font-weight: 700;
        background-color:#999;
        color:#EEE;
    }
/**/
/** Panel Meeting pages **/
    .breadcrumb {
        background-color: #f8f9fa;
        margin-bottom:0;
        padding: var(--bs-gutter-x, 0.75rem) 1rem;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        content: "›"; /* A neat angle bracket */
        font-weight: bold;
    }
    /* Zebra striping for custom grid rows */
    .zebra .row:nth-child(even) {
        background-color: #f8f9fa; /* Bootstrap's light gray */
    }
    .zebra .row:nth-child(odd) {
        background-color: #ffffff;
    }
    /* Optional: Add hover effect to match table behavior */
    .zebra .row:hover {
        background-color: #e9ecef !important;
        transition: background-color 0.2s ease-in-out;
    }    
    .btn-success:hover {
        background-color:#6db67b;
    }
    .hanging {
        display: flex;
        padding-left: 5rem;
    }
    .hanging svg.svg-inline--fa {
        margin-left: -3rem !important;
    }
/**/
/** Panel Member pages **/
.missing-photo {
    color:#CCC;
    border:1px solid #CCC;
    background-color:#E4E4E4;
    height:100%;
    margin: 0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
}
.missing-photo.sm {
    width:100px;
}
.missing-photo.lg {
    width:100%;
}
/**/