html {
    padding: 0;
    margin: 0;
}

body {
    background: #fff;
    font-size: 1rem;
    font-family: sans-serif;
    color: #031C40;
    margin: 0;
    padding: 0;
}

/* Header */

header {
    background: #031C40;
    padding: 1.5rem 0 0 0;
}

.logo {
    padding-bottom: 1.5rem;
}

.navbar {
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus {
    color: #031C40;
    background: #7C9EB2;
}

/* Footer */

footer {
    font-size: .8rem;
    color: #444;
    margin-top: 3rem;
    border-top: 2px solid #ccc;
    padding: 1.5rem 0;
}

footer ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 .5rem;
    list-style: none;
}

footer ul li {
    margin: 0;
    padding: 0 5px 0 0;
}

footer ul li::after {
    content: " | ";
}

footer ul li:last-child::after {
    display: none;
}

/* Main Content */

a:link, a:visited {
    color: #031C40;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    color: #52528C;
}

.breadcrumb {
    background: none;
    padding: 1rem .5rem;
    color: #999;
    font-size: .8rem;
}

.actions {
    background: none;
    padding: 1rem .5rem;
    color: #999;
    font-size: .8rem;
}

/* styles */

h1, h2, h3, h4, h5 {
    color: #52528C;
}


/* Colours */

.bg-midnight-blue {
    background: #1D1060;
}

.bg-maastricht-blue {
    background: #031C40;
}

.bg-weldon-blue {
    background: #7C9EB2;
}

.bg-purple-navy {
    background: #52528C;
}

.bg-raisin-blue {
    background: #231123;
}

/* MISC */

.navbar-expand-md .navbar-nav .nav-link {
            padding-right: .5rem !important;
            padding-left: .5rem !important;
        }

        .navbar-collapse .dropdown-menu {
            background: #fff !important;
        }

        .dropdown-item {
            text-decoration: none !important;
        }

        .dropdown-item.active,
        .dropdown-item:active {
            background-color: #52528C;
        }

        ul.nav.flex-column a {
            border-bottom: 1px solid #ccc;
            text-decoration: none;
            font-size: .875rem;
        }

        ul.nav.flex-column a::before {
            content: "» ";
            color: #031C40;
        }

        ul.nav.flex-column a.active {
            background: #031C40;
            color: #FFF;
        }

        ul.nav.flex-column a.active::before {
            color: #52528C;
        }

        .navbar-light .navbar-toggler {
            color: rgba(255, 255, 255, 1);
            border-color: rgba(255, 255, 255, .5);
            margin-bottom: 1rem;
        }

        .navbar-light .navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

        }

        @media (min-width: 1140px) {
            .dropdown-menu {
                min-width: 300px;
            }
        }


@media print {
    .logo img {
        max-width: 300px;
    }
}