/*! responsive-nav.js 1.0.39 by @viljamis */

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;

  text-align: center;
}

.nav-collapse li {
  width: 100%;
  display: inline;   /* wenyi: set them inline so they line up against each other */
  padding: 0.125em;  /* wenyi: spacing/padding between links. 0.125 of 16px gives 2px. */
}


.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;

  text-align: center;
}

.nav-collapse.opened {
  max-height: 9999px;
}

    /* ----------------------------------------------------------------------------------------------------------------------- */
    /* the following added by wenyi */
    /* 
    */
    .nav-collapse a {
      display: inline-block;  /* wenyi: inline-block so that the links don't break to new lines but still obey padding rules */
      color: #0052c1;
      font-size: 1.125em;  /* 18px for common browser default of 16px */
      text-decoration: none;
    }

    .nav-collapse a:hover, a:active {
      color: #000000;
    }
    /*
       NOTE： when responsive-nav sets up the collapsed navigation links it provides a link to toggle those buried links
       so they will show. This link has a text value, which is set in responsive-nav.js itself, at line no.201
    */
    /* ----------------------------------------------------------------------------------------------------------------------- */



.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
 
  /* wenyi: formatting added by me: */
  color: #0052c1;
  display: block;
  text-align: center;
  text-decoration: none;
}

@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}