body
, .backgroundcolor--pale-sky
, .navbar-default .navbar-nav a
, .nav-tabs > li.active > a
, .nav-tabs > li.active > a:hover
, .nav-tabs > li.active > a:focus
, .side-menu
, accordion > div.panel-group > div.panel > div.panel-collapse > div.panel-body
, .nav > li > a:focus
, .nav > li > a:hover
, .btn-default
, .btn-default:hover
, .dropdown-toggle
, .banner::before
, .banner .banner-container .bg-item
{
  background-color: #F8F8F8;
}
.banner .banner-container .banner-gradient
{
  background-image: -webkit-linear-gradient(left, #F8F8F8, #F8F8F8 33.333333%, rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to right, #F8F8F8, #F8F8F8 33.333333%, rgba(0,0,0,0) 100%);
}
.color--pale-sky
{
  color: #F8F8F8;
}

/* Main Text colour */
body
, p
, li
, ul
, .color-madison
, .heading-large
{
    color: #2E4453;
}
.background-madison {
  background-color: #2E4453;
}

/* Call To Action colour */
.background-lochmara
, .jumbotron
, .btn-primary
, .pagination > .active > a
, .pagination > .active > a:hover
, .pagination > .active > a:focus
, .pagination > .active > span
, .pagination > .active > span:hover
, .pagination > .active > span:focus
{
  background-color: #0087BE;
}

h4
, a
, .color-lochmara
, .breadcrumb > .active
, .btn-mini
, .embedded-sandbox .btn
, .embedded-sandbox h1
, footer p.lead
, .navbar-default .navbar-brand
, .pagination > li > a
, .pagination > li > span
, .profile-contributor-text
, .soc-envelope:hover .fa
{
  color: #0087BE;
}

.btn-default
, .btn-mini
, .btn-primary
, .dropdown-toggle
, .embedded-sandbox .btn
, .heading-underlined
, .main-stats__stat
, .main-stats > div:last-child
, .main-stats .main-stats__stat
, .nav-tabs > li.active > a
, .nav-tabs > li.active > a:hover
, .nav-tabs > li.active > a:focus
, .pagination > li > a
, .pagination > li > span
, .pagination > .active > a
, .pagination > .active > a:hover
, .pagination > .active > a:focus
, .pagination > .active > span
, .pagination > .active > span:hover
, .pagination > .active > span:focus
, .pagination > .disabled > a
, .pagination > .disabled > a:hover
, .pagination > .disabled > a:focus
, .pagination > .disabled > span
, .pagination > .disabled > span:hover
, .pagination > .disabled > span:focus
, #resourceList input[type=text]
{
  border-color: #0087BE;
}

#primary-nav.navbar
, .nav-tabs
{
  border-bottom-color: #0087BE;
}

.main-footer-border
, .main-footer
{
  border-top-color: #0087BE;
}

/* Call To Action Hover colour */
.background-venice-blue
, .btn-primary:hover
, .btn-primary:focus
, .btn-primary:active
, .open > .dropdown-toggle.btn-primary
{
  background-color: #005082;
}

.btn-default:hover
, .btn-primary:hover
, .btn-primary.focus
, .btn-primary.active
, .pagination > li > a:focus
, .pagination > li > a:hover
, .pagination > li > span:hover
, .pagination > li > span:focus
, .nav-tabs > li > a:hover
, .open > .dropdown-toggle.btn-primary
{
  border-color: #005082;
}

.color-venice-blue
, a:hover
, a:focus
, .btn-default:hover
, .navbar-default .navbar-nav > .active > a
, .navbar-default .navbar-nav > li > a:hover
, .navbar-default .navbar-brand:hover
, .nav-tabs > li.active > a
, .pagination > li > a:hover
, .pagination > li > a:focus
, .pagination > li > span:hover
, .pagination > li > span:focus
{
  color: #005082;
}

/* Header text colour */
input.form-control:focus + ul.dropdown-menu + span.input-group-btn > .btn-default
, input.form-control:focus + span.input-group-btn > .btn-default
, .header-control .dropdown-toggle
, .header-control .dropdown-toggle:hover
, .header-control input
, .header-control input:focus
{
  border-color: #2E4453;
}
.btn-default
, .dropdown-toggle
, .navbar-default .navbar-nav a
, .navbar-default .navbar-nav > li > a
{
  color: #2E4453;
}

/* Footer Background colour */

footer {
  background-color: #F8F8F8;
}

/* Footer Text colour */
footer
, .main-footer a
, .main-footer a:hover
, .main-footer a:focus
, .main-footer a > i
{
  color: #2E4453;
}

/* Media queries */
@media (min-width: 768px) {
.banner .banner-container .banner-gradient
  {
    background-image: -webkit-linear-gradient(left, #F8F8F8, #F8F8F8 25%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to right, #F8F8F8, #F8F8F8 25%, rgba(0,0,0,0) 100%);
  }
}

@media (min-width: 992px) {
  .banner .banner-container .banner-gradient
  {
    background-image: -webkit-linear-gradient(left, #F8F8F8, #F8F8F8 20%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to right, #F8F8F8, #F8F8F8 20%, rgba(0,0,0,0) 100%);
  }
  .border-left{
    border-left-color: #2E4453;
  }
}

@media (min-width: 1200px) {
  .banner .banner-container .banner-gradient
  {
    background-image: -webkit-linear-gradient(left, #F8F8F8, #F8F8F8 15%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to right, #F8F8F8, #F8F8F8 15%, rgba(0,0,0,0) 100%);
  }
}