/* Table of Contents
==================================================
#Header
#Header Application
#Header Alternate
#Media Queries */

/* #Header
================================================== */
.header {
  background: rgba(58,144,216,1);
  height: 86px;
  margin-bottom: 40px;
  width: 100%;
}
.header-brand a {
  color: rgba(255,255,255,1);
  float: left;
  font-size: 44px;
  margin-top: 21px;
}
.header-search {
  float: left;
  margin: 22px 0 0 30px;
}
.header-search input {
  background: transparent;
  border-color: rgba(255,255,255,0.25);
  color: rgba(255,255,255,1);
  font-weight: 200;
  margin: 0;
  width: 280px;
}
.header-search input:focus { border-color: rgba(255,255,255,1); }
.header-search input:-moz-placeholder { color: rgba(255,255,255,0.40); }
.header-search input:-ms-input-placeholder { color: rgba(255,255,255,0.40); }
.header-search input::-webkit-input-placeholder { color: rgba(255,255,255,0.40); }
.header-nav {
  float: right;
  list-style-type: none;
  margin: 29px 0 10px 0;
  padding: 0;
}
.header-nav > li {
  color: rgba(255,255,255,1);
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  margin-left: 25px;
}
.header-nav > li:first-child { margin-left: 0; }
.header-nav > li > a {
  border: 1px solid transparent;
  border-radius: 2px;
  color: rgba(255,255,255,1);
  letter-spacing: 1px;
  padding: 14px 0 13px 0;
  text-transform: uppercase;
}
.header-nav > li.bordered > a {
  border-color: rgba(230,230,230,1);
  padding: 14px 20px 13px 20px;
}
.header-nav > li.bordered > a:hover { border-color: rgba(255,255,255,1); }
.header-user {
  float: right;
  margin: 22px 0 0 15px;
}
.header-user a {
  color: rgba(255,255,255,0.8);
  text-decoration: none;
}
.header-user a:hover { color: rgba(255,255,255,1); }
.header-user img,
.header-user-placeholder {
  background: rgba(174,182,192,1);
  color: rgba(255,255,255,1);
  border-radius: 500px;
  display: inline-block;
  height: 40px;
  text-align: center;
  width: 40px;
  vertical-align: middle;
}
.header-user-placeholder i {
  font-size: 26px;
  line-height: 36px;
}
.header-user .dropdown-menu { margin-right: 10px; }
.header-toggle a {
  color: rgba(255,255,255,1);
  float: right;
  font-size: 40px;
  padding: 4px 0px 3px 14px;
  text-decoration: none;
}

/* #Header Application
================================================== */
.header-app { height: 66px; }
.header-app .header-brand a { margin-top: 11px; }
.header-app .header-search  { margin-top: 12px; }
.header-app .header-nav     { margin-top: 19px; }
.header-app .header-user    { margin-top: 12px; }

/* #Header Alternate
================================================== */
.header-alt { background: none; }
.header-alt .header-brand a       { color: rgba(236,238,241,1); }
.header-alt .header-brand a:hover { color: rgba(174,182,192,1); }
.header-alt .header-nav > li.bordered > a {
  border-color: rgba(236,238,241,1);
  color: rgba(224,226,229,1);
}
.header-alt .header-nav > li.bordered > a:hover {
  border-color: rgba(209,210,214,1);
  color: rgba(174,182,192,1);
}

/* #Media Queries
================================================== */
@media only screen and (max-width: 767px) {
  .header { height: 50px; }
  .header-brand a {
    font-size: 36px;
    margin-top: 7px;
  }
}