/*  =========================================================
    ODPHP master navigation
    Intended to be independently styled for use across all
    ODPHP sites (health.gov, healthfinder.gov, healthypeople.gov)
    =========================================================  */

.global-nav {
  background-color: #f6f9fa;
  border-bottom: 1px solid #e8eff0;
  margin-bottom: 20px;
}

.global-nav ul {
  list-style-type: none;
  padding-left: 0;
  max-width: 600px;
  margin: 0 auto;
}

.global-nav li {
  float: left;
  margin: 0;
}

.global-nav .global-nav-odphp {
  float: left;
  display: block;
  background-image: url('/images/global-nav-odphp.png');
  background-repeat: no-repeat;
  background-position: left center;
  width: 250px;
  height: 36px;
  margin: 0 0 0 5px;
}

.global-nav .global-nav-healthgov {
  display: block;
  background-image: url("/images/global-nav-healthgov.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 79px;
  height: 26px;
  padding: 5px 35px;
}

.global-nav .global-nav-healthfinder {
  display: block;
  background-image: url("/images/global-nav-healthfinder.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 123px;
  height: 26px;
  padding: 5px 35px;

}

.global-nav .global-nav-healthypeople {
  display: block;
  background-image: url("/images/global-nav-healthypeople.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 129px;
  height: 26px;
  padding: 5px 35px;
}

.global-nav .global-nav-healthfinder.global-nav-current {
  background-color: #a5c1e9;
  background-image: url("/images/global-nav-healthfinder-active.png");
  border-left: 1px solid #e8eff0;
  border-right: 1px solid #e8eff0;
  border-bottom: 1px solid #a5c1e9;
  margin-bottom: -1px;
}

.espanol .global-nav .global-nav-healthfinder.global-nav-current {
  background-color: #ecd37e;
  background-image: url("/images/global-nav-healthfinder-active.png");
  border-left: 1px solid #e8eff0;
  border-right: 1px solid #e8eff0;
  border-bottom: 1px solid #ecd37e;
  margin-bottom: -1px;
}

/* Self-clearing floats */
.global-nav:before,
.global-nav:after,
.global-nav ul:before,
.global-nav ul:after {
  content: " ";
  display: table;
}
.global-nav:after,
.global-nav ul:after {
  clear: both;
}
.global-nav,
.global-nav ul {
  *zoom: 1;
}

/* Accessible text hide */
.global-nav .global-nav-odphp,
.global-nav .global-nav-healthgov,
.global-nav .global-nav-healthfinder,
.global-nav .global-nav-healthypeople {
  white-space: nowrap;
  overflow: hidden;
  text-transform: capitalize;
  text-indent: -9999px;
}

@media (max-width: 800px) {
  .global-nav .global-nav-odphp {
    float: none;
    margin: 1px auto;
    background-image: url('/images/global-nav-odphp-mobile.png');
    background-position: top center;
    width: 267px;
  }
  .global-nav ul {
    display: none;
  }
  ul.global-nav-show {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  .global-nav-show li {
    float: none;
    width: 100%
  }
  .global-nav-show .global-nav-healthgov,
  .global-nav-show .global-nav-healthfinder,
  .global-nav-show .global-nav-healthypeople {
    width: 100%;
    padding: 10px 0;
  }
}

@media (max-width: 1024px) {
  .global-nav ul {
    margin: 0;
    float: left;
  }
}