p {
    font-size: 1.5rem;
}

.site-login {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
}

#content .banner h1.heading.main,
#content .banner p.heading.main {
    color: #fff;
}

.c2-bg h5,
.c2-bg p {
    color: #fff !important;
}

.c2-bg .accordion .panel-body p {
    color: #002f87 !important;
}

.navigation nav.main ul li span {
    background-color: #002f87;
}

nav.main span:not(.active) a:hover {
    background-color: #ff5200 !important;
    color: #fff !important;
}

.navigation nav.main ul li span i:hover {
    background-color: #ff5200;
    color: #fff;
}

#restricted h1,
#restricted h5 {
    color: #002f87;
}

#members_table tr:nth-of-type(even) td {
    background-color: unset;
}

#members_table_wrapper {
    padding: 50px 0;
}

#members_table, #members_table tbody tr td {
    border: none;
}

.spc.resources .item:hover .base-text {
    color: #fff;
}

.panel-c1 {
    border-color: #002f87;
}

    .panel-c1 > .panel-heading {
        color: #fff;
        background-color: #002f87;
        border-color: #002f87;
    }

.support small {
    padding-top: 10px;
}

.support.form label,
.spc.forms label {
    color: #ff5200;
    font-weight: bold;
}

.support.form .form-control,
.spc.forms .form-control {
    border-color: #002f87;
}

.password .help-block {
    font-size: 85%;
}

#register p {
    color: #002f87;
}

#register a,
.umbraco-forms a {
    text-decoration: underline !important;
}
    #register a:hover,
    .umbraco-forms a:hover {
        text-decoration: none !important;
    }

/*--- jQuery aJax loading symbol ---*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: rgba( 255, 255, 255, .8 ) url('/images/ajax-loader.gif') 50% 50% no-repeat;*/
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.modal-backdrop {
    z-index: 2;
}

footer .company-details address a:nth-child(2) img {
    width: 44%;
    padding-right: 15px;
}

footer .company-details address a:nth-child(3) img {
    width: 54%;
}


@media (min-width: 768px) {
    header .site-search {
        top: 25px;
        width: 20%;
    }

    .site-login {
        text-align: right;
        position: absolute;
        top: 15px;
        right: 15px;
    }

        .site-login p {
            margin-bottom: 0;
            font-size: 1.7rem;
            color: #002f87;
        }

    .adminReminderBTN {
        float: right;
    }
}