@media (min-width: 576px) {
    html {
        font-size: 1.25rem;
    }

    .nav-link, #homepage-news {
        font-size: 0.8rem;
    }
}

body {
    font-family: museo-sans, sans-serif;
    letter-spacing: -0.03em;
    color: #444;
}

#content a, .site-intro a, .breadcrumb a {
    color: #002f5f;
}

#content a, .site-intro a {
    text-decoration: underline;
}

#content a:hover, .site-intro a:hover {
    color: #277aa3;
}

h1 {
    font-weight: bold;
    margin-bottom: 0.5em;
}

h2, h3, h4 {
    font-weight: bold;
    margin-bottom: 0.5em;
}

    h2:not(:first-child), h3:not(:first-child), h4:not(:first-child) {
        margin-top: 0.9em;
    }

h3 {
    font-size: 1.5rem;
}

.banner {
    height: 170px;
}

    .banner .container {
        display: flex;
        justify-content: space-between;
        padding: 15px;
    }

    .banner .container, .banner a, .banner img {
        height: 100%
    }

@media (max-width: 767.98px) {
    .banner {
        height: auto;
    }

    .banner a, .banner .site-logo {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }

    .banner .featured-image {
        display: none;
    }
}

.banner-alert {
    background-color: #277aa3;
    padding: 20px;
    margin: 2px 0;
}

    .banner-alert a {
        display: flex;
        align-items: center;
    }

    .banner-alert i {
        color: #ffa610;
    }

    .banner-alert p {
        color: #fff;
        margin: 0;
    }

.navbar {
    background-color: #002f5f;
    padding: 0;
    margin-bottom: 1rem;
}

.navbar-nav {
    width: 100%;
}

@media (min-width: 992px) {
   
    .nav-item {
        flex-grow: 1;
        border-left: 2px solid #277aa3;
    }

        .nav-item:last-of-type {
            border-right: 2px solid #277aa3;
        }
}

.navbar-toggler {
    border: 0;
}

.nav-link {
    padding: 1rem 0;
    color: #fff!important;
    text-align: center;
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    background-color: #277aa3;
}

.nav-item.active .nav-link {
    background-color: #ffa610;
    color: #222!important;
}

.nav-item.active, .nav-item.active + .nav-item {
    border-left: 0;
}

.nav-item.active {
    border-right: 0;
}

#homepage-news, #homepage-news .list-group-item {
    background-color: #f5f9fc;
}

#homepage-news .btn-primary, #homepage-quicklinks .btn-primary, .paging-links .btn-primary, #search .btn-primary, .ezsearch-form .btn-primary {
    background-color: #002f5f;
    border: 0;
}

#homepage-news .btn-primary:hover, #homepage-quicklinks .btn-primary:hover, .paging-links .btn-primary:hover, #search .btn-primary:hover, .ezsearch-form .btn-primary:hover {
    color: #fff;
    background-color: #277aa3;
}
#content .paging-links a, #content .paging-links a:hover {
    text-decoration: none;
    color: #fff;
}
#homepage-quicklinks {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem 1rem;
}

#homepage-quicklinks .card {
    flex: 1 0 45%;
    min-width: 300px;
    border: 0;
    margin: 0.5rem;
    box-shadow: 0 0 10px 0px #c5c5c5;
}

#homepage-quicklinks .card-header, #homepage-quicklinks .card-footer {
    border: 0;
    padding: 1.25rem;
    background-color: #f5f9fc;
}

#homepage-quicklinks h2 {
    font-size: 1.5rem;
    margin: 0;
}

#homepage-news {
    padding: 1rem;
    border-radius: 0.25rem;
    border: 0;
}

#homepage-news h2 {
    margin-top: 0;
}

#homepage-news h3 {
    margin: 0;
}

#homepage-news .date, .news-list .date {
    margin: 0.25rem 0;
    color: #666;
}

#homepage-news .list-group-item .btn {
    font-size: 0.8rem;
    margin: 0.5rem 0 1rem;
}

.news-list .title {
    margin: 0;
    font-size: 1.5rem;
}

.news-list .date {
    margin-bottom: 0.5rem;
}

.news-item, .event-course-item {
    position: relative;
    background: #f5f9fc;
    margin: 0 0 1rem;
    border-radius: 0.25rem;
}

.news-item {
    padding: 1rem 0.5rem 0.5rem;
}

.event-course-item {
    padding: 1rem 1rem 0.5rem;
}

footer {
    background-color: #f5f9fc;
    margin-top: 2rem;
    padding: 2rem;
}

aside {
    margin-bottom: 1.2rem;
}