a {
  color: #3b337b; /* light */
}

a:hover {
  color: #2d2757;  /* dark */
}

.topbar a {
    color: white;
}

.navbar-inverse {
  background-color: #2d2757;
  background-image: -webkit-linear-gradient(top, #2d2757 0%, #3b337b 100%);
  background-image: linear-gradient(to bottom, #2d2757 0%, #3b337b 100%);
  background-repeat: repeat-x;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #cccccc;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #3b337b;
  background-image: none;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-inverse .navbar-toggle {
  border-color: #3b337b;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #3b337b;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #3b337b;
  color: #fff;
}

/* Logo container customizations */

#logo-container-narrow {
  position: absolute;
  top: -7px;
  right: -11px;
}

#logo-container-wide {
  position: absolute;
  top: -7px;
  right: -11px;
}
.kofa-content-narrow .alert {
  margin-right: 35px;
}

.kofa-content-wide .alert {
  margin-right: 50px;
}