css/header.css

.ds-masthead {
  /* border-top: 1px solid #3b3b50; */
  border-top: 1px solid rgba(44,238,251, .7);
  border-bottom: 1px solid rgba(44,238,251, .7);
  border-image: radial-gradient(#2ceefb, #2ceefb 10%, #1c1c26) 100% 1;
  border-width: 1px 0 0 0;
  padding: 0 0 0;
  /* color: #fff; */
  color: #c3c3c5;
  background-color: #400090; /* was: 1C1C26 */
  text-align: center;
  margin: 0 auto 0;
}

.ds-masthead .btn-lg {
  min-width: 145px;
}

.ds-masthead .text-muted {
  color: rgba(177,186,198,.7);
  /* color: #c3c3c5; */
}

.ds-footer {
  padding: 10px 0;
  font-size: 10px;
  /* background-color: #eee; */
  background-color: #f3f3f3;
  border-top: 1px solid white;
  margin-top: 50px;
}

.ds-panel {
  background-color: #2e2e2e;
  background-color: #400090; /* was: 1C1C26, Yahoo: 400090 */
  color: #fff;
  padding: 30px 0;
  margin-bottom: -50px;
}

.ds-panel a {
  color: rgba(177,186,198,.7)
}

.ds-panel h3 {
  color: #2ceefb
}

.blog h2 {
  font-weight: 400;
  font-size: 24px;
}

.ds-bootlogo {
  display: block;
  margin: 0 auto;
  width: 300px;
  height: 300px;
  background-size: 300px 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/img/datasketches-VerticalWhite.svg');
}

.ds-small-man {
  width: 35.99px;
  height: 50px;
}

.ds-small-h-logo {
  display: block;
  margin: 0 auto;
  width: 117.51px;
  height: 50px;
  background-size: 117.51px 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/img/datasketches-HorizontalWhite.svg');
}

.ds-booticon {
  display: block;
  text-align: center;
  width: 340px;
  height: 144px;
  line-height: 140px;
  font-size: 64px;
  border-radius: 20px;
  /* border: 1px solid #fff; */
}

.ds-mark {
  color: #2ceefb;
  font-size: 1.69em;
  line-height: 30%;
  font-weight: 100;
}
.ds-logotype {
  color: #fff;
  font-family: 'Open Sans';
  letter-spacing: .05em;
  font-style: italic;
  font-weight: 100;
}

.btn-outline {
  display: block;
  width: 260px;
  margin: auto;
  color: #000;
  border-color: #000;
  text-align: center;
  background-position: center;
}

.btn-outline:hover,
.btn-outline:focus {
  background-color: #F0F0F0;
}

.btn-outline-inverse {
  /* color: rgba(255,255,255,0.7); */
  color: #fff;
  /* border-color: rgba(255,255,255,0.7); */
  border-color: rgba(177,186,198,.7);
  /* border-color: #fff; */
}

.btn-outline-inverse:hover,
.btn-outline-inverse:focus {
  background-color: #fff;
}

.ds-nav {
  margin-bottom: 0;
  background-color: #1C1C26;
  border: 0px;
}

.ds-nav .navbar-inverse{
  border-color: transparent;
}

.ds-nav .navbar-nav>.active>a {
  background-color: #0d0d12;
  border-bottom: 3px solid #2ceefb;
  padding-bottom: 12px;
}

.ds-sidebar.affix {
  top: 10px;
}

.ds-sidebar .nav>.active>a {
  border-left: 3px solid #2ceefb;
  padding-left: 12px;
}

/* bootstrap overrides */

a {
  color: #2576CC;
}

a:hover, a:focus {
  /* color: #1a5491; */
  color: #b1bac6;
  text-decoration: none;
}

.navbar {
   font-weight: 300;
}

.navbar-inverse .navbar-nav>li>a,.dropdown-menu>li>a {
  color: rgba(227,204,255, 1); //was 177,186,198,.7
  transition: color 0.1s ease;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.15em
}

.apache-logo {
  height: 50px;
  margin-right: 5px;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; // remove the gap so it doesn't close
}

.nav>li>a {
  padding-left: 10px;
  padding-right: 10px;
}

/* .navbar-collapse { */
/*    padding-left: 20px; */
/*    padding-right: 5px; */
/*    margin-left: 15px; */
/* } */

/*
.social-button.twitter {
  background: 10px center no-repeat url('/img/twitter.png');
  padding-left: 40px;
}
*/

.header-li {
  margin-left: 0px;
}

.header-a {
  margin-right: 0px;
  margin-left: -12px;
}

.ds-nav a.highlight {
  color: #fff !important;
}