h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 600;
}
/* Visited headers should not change colour */
h2 a:visited, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited {
    color: inherit;
}


/* Default CSS for the main text */
html, body, .body, p, .p {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    ccolor: rgb(51, 51, 51);
    font-size: 19px;
    font-family: "Noto Serif", serif;

    /* Override Cesium hidden overflow property so we get scrollbar */
    overflow: auto !important;
}

nav {
    font-size: 14px;
}

/* ========================================================================== */
/* Background colours                                                         */
/* ========================================================================== */
/* Colour used for navbar background */
.background-navbar {
}

/* Colour used for footer background */
.background-footer {
}


.background-marine-1 {
    color: #ffffff;
    background-color: #005C84; /* Marine 1 */
    /*border-color: #4D8DA9; !* Marine 1: 70% Tint *!*/
    border-color: transparent;
}
.background-shamrock {
    color: #ffffff;
    background-color: #1E8765; /* Shamrock */
    /*border-color: #62AB93; !* Shamrock: 70% Tint *!*/
    border-color: transparent;
}
.background-coral {
    color: #FFFFFF;
    background-color: #E73238; /* Coral */
}
/* Colour used for navbar background */
.background-prussian {
    color: #FFFFFF;
    background-color: #002E3B; /* Prussian */
}


.background-neutral-2 {
    color: #FFFFFF;
    background-color: #9FB1BD; /* Neutral 2 */
}
.background-neutral-3 {
    color: #FFFFFF;
    background-color: #758D9A; /* Neutral 3 */
}


.buffer {
    margin-top: 20px;
}


/* Brand link should be white, with shading on hover, not change colour on visit */
.navbar-brand {
    color: inherit;
    margin-left: 8rem;
}
.navbar-brand:hover {
}




/* Headers should have a line underneath them like in Bootstrap 3 */
.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #E1E8EC; /* Neutral 4 */
}

.navbar-nav > li > a {
    color: rgb(51, 51, 51);
}
.navbar-nav > li > a:hover {
    color: #000000;
}

.footer-page {
    min-height: 200px;
    margin: 50px 0px 20px 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-text {
    font-size: 14px;
}
.footer-list > li > a, .dark-link {
    color: white;
}
.footer-list > li > a:hover, .dark-link:hover {
    color: #E1E8EC;
}

.header-image {
    width: 100%;
    margin: -20px 0px 0px 0px;
}

.help {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 4px 8px 4px 8px;
}

.table-striped-clean-bottom, .table-clean-bottom {
    margin-bottom: 0px;
}

/* Used on the privacy page as the box for the university's address */
.address {
    padding: 8px;
    color: #31708f;
    background-color: #d9edf7;
    margin: 8px;
}

/* Used to give required fields an '*' to show that */
.required > label::after{
    content: '*';
    color: red;
}

.jumbotron {
    background: none;
    margin-top: -40px;
}

.footer-text {
    font-size: 12px;
}

#logo-button {
    width: 100px;
    height: 40px;
    top: 0;
    margin-left: 0px;
    margin-right: 10px;
    background-image: url("../img/custom/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.footer-list {
    list-style: none;
    padding-left: 0;
}

.footer-img {
    width: 100%;
}

.btn-success {
    color: white !important;
}