/* --------------- Secondary Menu ------------ */

#secondary-menu {
  height: 0;
    transition: height 250ms cubic-bezier(.42,0,.58,1);
  overflow: hidden;
    clear: both;
}
#secondary-menu-links {
  overflow: hidden;
    clear: both;
}
#secondary-menu-links a {
  padding: 3% 16%;
    display: block;
  font-size: 1.2em;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

/* --------------- Sidebar menu -------------- */

ul li.leaf {
    list-style-image: none;
    list-style-type: none;
}
.sidebar ul.menu li.expanded ul li a {
    border: none;
}

.front .sidebar ul.menu li {
    list-style-type: none;
    list-style-image: none;
}

ul.menu {
  clear: both;
    margin: 0;
  z-index: 99;
  }

  li.open ul.menu {
    display: block;
}

ul.menu li {
  list-style: none;
  }

  ul.menu li a {
    display: block;
  border-top: 1px solid #cccccc;
    padding: 1em;
  color: inherit;
    text-decoration: none;
}
#footer-columns-wrapper ul.menu li a {
    padding: 0.6em;
}
#footer-columns ul.menu li a:hover,
#footer-columns ul.menu li a:focus {
  background-color: black;
    color: white;
  font-weight: normal;
  }

  ul.menu li.first a {
    border-top: none;
}

.sidebar ul.menu li.last{
    border-bottom: 1px solid #cccccc;
}
.sidebar ul.menu li a {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-collapse: collapse;
}

li.expanded,
li.collapsed,
li.leaf {
  padding: 0;
  }

  .sidebar ul.menu {
    background: #ffffff;
  padding: 0;
  }
  .sidebar ul.menu li a {
    border-bottom-color: #CCC;
  text-decoration: none;
  }

  .sidebar ul.menu li.active > a {
    font-weight: bold;
}

ul.links {
  margin: 0;
    padding: 0;
  text-align: center;
    list-style: none;
}

/*** sub-menus ***/

.sidebar ul.menu li ul.menu {
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding: 0 0 0 2.4em;
}

.sidebar ul.menu li ul.menu li {
    list-style-image: url("../images/angle-quote-bullet-grey.png");
    border-top: 1px dotted #cccccc;#cccccc
    padding-right: 0;
}
.sidebar ul.menu li ul.menu li.last {
    border-bottom: none;
}
.sidebar ul.menu li ul.menu li a {
    padding-left: 0.5em;
    display: block;
}

/* -------------- Navigation bar ------------- */

nav {
  overflow: hidden;
    color: white;
  height: 0;
    clear: both;
}
nav ul {
  list-style-image: none;
  }
  nav ul li,
  nav ul li.collapsed {
    list-style-image: none;
  list-style-type: inherit;
  }
  nav a {
    color: inherit;
  padding: 10px 24px;
    display: block;
}
nav > ul > li > ul {
  display: none;
  }
  #nav-wrapper {
    position: relative;
}
#nav-control {
  display: block;
    text-align: right;
  position: absolute;
    top: 6px;
  right: 16px;
    width: 100%;
  margin: 0;
    color: white;
  text-decoration: none;
    font-size: 32px;
}
#nav ul > li > ul  > li {
    display: list-item;
}

#nav ul > li > ul > li > ul {
  display: block;
  }

  /*li.open > ul.menu {*/
  [role=menubar] > [role=menuitem] > [role=menu] {
      display: none;
      padding: 2em 1em;
      position: absolute;
      -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
#nav > ul > li > ul > li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin: 0 2% 0.5% 0;
    padding: 0;
    width: 23%;
}
#nav > ul > li > ul > li > ul > li {
    display: list-item;
    float: none;
    list-style-image: url("../images/angle-quote-bullet.png");
    margin-left: 2em;
}
#nav ul > li > ul > li > ul {
    display: block;
}
#nav > ul > li > ul  > li  a {
    display: block;
    padding: 0.5em;
}
#nav > ul > li > ul > li.expanded > ul > li a {
    padding: 0.2em 0.5em;
}
#nav > ul > li > ul > li.expanded > ul > li.last a {
    border-bottom: none;
}

/* -------------- Footer ------------- */

#footer-wrapper .column {
    width: 100%;
}

#footer-wrapper ul.menu li {
    display: block;
    float: left;
    border-top: none;
    border-bottom: none;
    border-right: 1px dotted #666666;
}
#footer-wrapper ul.menu li.first {
    border-left: 1px dotted #666666;
}
#footer-wrapper ul.menu li a {
    border: none;
    padding: 0.15em 0.8em;
}
#footer-wrapper ul.menu li a:hover {
    font-weight: normal;
}
#footer-columns-wrapper ul.menu li.active a,
#footer-wrapper ul.menu li.active a {
    font-weight: bold;
}

/* --------------- Nav close button ----------- */
#nav-close {
    position: absolute;
    top: 0; right: 0;
    font-weight: bold;
    cursor: pointer;
}

ul:focus {
    border: thin solid red;
}

}