a {
  color: #4f1a4e;
}

#4f1a4e
#70246f
571c56

a:hover {
  color: #571c56;
}

.topbar a {
    color: white;
}

.navbar-inverse {
  background-color: #571c56;
  background-image: -webkit-linear-gradient(top, #571c56 0%, #4f1a4e 100%);
  background-image: linear-gradient(to bottom, #571c56 0%, #4f1a4e 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: #4f1a4e;
  background-image: none;
  background-image: none;
  filter: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-inverse .navbar-toggle {
  border-color: #4f1a4e;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #4f1a4e;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #4f1a4e;
  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;
}