/* ============================================================================
 * GENERAL
 * ============================================================================
 */

body
{
    color: #000000;
}

/* ============================================================================
 * LINKS
 * ============================================================================
 */

a,
a:focus,
a:active,
a.active
{
    color: #116da6;
}

a:hover
{
    color: #57a7d9;
}

/* ============================================================================
 * DIVIDING LINES
 * ============================================================================
 */

/* ============================================================================
 * HEADINGS
 * ============================================================================
 */

h1
{
    color: #2c5a8a;
}
h2
{
    color: #4b77a0;
}
h3
{
    color: #6b93b6;
}
h4
{
    color: #86abc8;
}
h5
{
    color: #a5c8de;
}
h6
{
    color: #bfe0f0;
}
h1, h2, h3, h4, h5, h6
{
    color: #000000;
}


/* ============================================================================
 * BUTTONS
 * ============================================================================
 */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active
{
    color: #ffffff;
}

.btn-primary
{
    background: #0078c2;
    background-image: linear-gradient(to bottom, #66c4ff 15%, #0078c2 80%);
    background-image: linear-gradient(to bottom, hsla(203, 100%, 70%, 1) 15%, hsla(203, 100%, 38%, 1) 80%);
}


/* ============================================================================
 * BANNER
 * ============================================================================
 */

.navbar-custom
{
    background: #002337;
    background-image: linear-gradient(to bottom, #004773 10%, #002338 60%);
    background-image: linear-gradient(to bottom, hsla(203, 100%, 23%, 1) 10%, hsla(203, 100%, 11%, 1) 60%);
}

/* ============================================================================
 * NAVIGATION 
 * ============================================================================
 */

.navbar-custom .navbar-nav li
{
    border-color: #66c4ff;
    border-color: hsla(203, 100%, 70%, 1);
}

.navbar-custom .navbar-nav li a,
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav > .active > a:hover
{ 
    color: ##66c4ff;
    color: hsla(203, 100%, 70%, 1);
}

.navbar-custom .navbar-nav li a,
.navbar-default .navbar-nav > .active > a,
.navbar-custom .navbar-nav li.active a:hover
{ 
    background: transparent;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav li.active a:hover
{ 
    color: #ffffff;
}

.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav li.active a:hover
{ 
    background: #002337;
}

/* ============================================================================
 * SEARCH 
 * TODO input form colours, border */
 * ============================================================================
 */

.navbar-form .form-group > input[type="text"]
{
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}

/* ============================================================================
 * BREADCRUMBS
 *
 * Links of the breadcrumb trail are displayed with a triangle pointing to the
 * right except for the current breadcrumb.
 * ============================================================================
 */

.breadcrumb
{
    background-color: #ffffff;
}

.breadcrumb > li > a,
.breadcrumb > li:last-child,
.breadcrumb > .active
{
    color: #ffffff;
}

.breadcrumb > li > a::before /* space between crumbs */
{
    border-left-color: #ffffff;
}

.breadcrumb > li:nth-child(1)
{
    background-color: #325367;
    background-color: hsla(203, 35%, 30%, 1);
}
.breadcrumb > li:nth-child(1) > a::after
{
    border-left-color: #325367;
    border-left-color: hsla(203, 35%, 30%, 1);
}
.breadcrumb > li:nth-child(2)
{
    background-color: #426e8a;
    background-color: hsla(203, 35%, 40%, 1);
}
.breadcrumb > li:nth-child(2) > a::after
{
    border-left-color: #426e8a;
    border-left-color: hsla(203, 35%, 40%, 1);
}
.breadcrumb > li:nth-child(3)
{
    background-color: #538aac;
    background-color: hsla(203, 35%, 50%, 1);
}
.breadcrumb > li:nth-child(3) > a::after
{
    border-left-color: #538aac;
    border-left-color: hsla(203, 35%, 50%, 1);
}
.breadcrumb > li:nth-child(4)
{
    background-color: #75a1bd;
    background-color: hsla(203, 35%, 60%, 1);
}
.breadcrumb > li:nth-child(4) > a::after
{
    border-left-color: #75a1bd;
    border-left-color: hsla(203, 35%, 60%, 1);
}
.breadcrumb > li
{
    background-color: #98b9cd; /* default colour from breadcrumb 5 onwards */
    background-color: hsla(203, 35%, 70%, 1);
}
.breadcrumb > li > a::after
{
    border-left-color: #98b9cd;
    border-left-color: hsla(203, 35%, 70%, 1);
}

.breadcrumb a:hover
{
    background-color: #bad0de;
    background-color: hsla(203, 35%, 80%, 1);
}
.breadcrumb > li > a:hover::after
{
    border-left-color: #bad0de;
    border-left-color: hsla(203, 35%, 80%, 1);
}

/* ============================================================================
 * Content
 * ============================================================================
 */

/* ============================================================================
 * PANEL
 * ============================================================================
 */

.panel-body h3
{
    color: #ffffff;
    background: #004773;
    background-image: linear-gradient(to bottom, #006bad 15%, #004773 80%);
    background-image: linear-gradient(to bottom, hsla(203, 100%, 34%, 1) 15%, hsla(203, 100%, 23%, 1) 80%);
}

.panel-body
{
    background: #f1f6f8;
    background-image: linear-gradient(to right, #f1f6f8 15%, #ffffff 80%);
    background-image: linear-gradient(to right, hsla(203, 35%, 96%, 1) 3%, hsla(0, 100%, 100%, 1) 80%);
}

/* ============================================================================
 * FOOTER
 * ============================================================================
 */

footer,
footer h3
{
    color: #ffffff;
}

footer .footer-below
{
    background-color: #2e5873;
}

footer .footer-above
{
    background-color: #244559;
}