.menu {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .menu span {
    background: -webkit-linear-gradient(bottom, black 2px, transparent 0) no-repeat;
    background: -o-linear-gradient(bottom, black 2px, transparent 0) no-repeat;
    background: linear-gradient(to top, black 2px, transparent 0) no-repeat;
    background-size: 0 100%;
    -webkit-transition: background-size 0.3s;
    -o-transition: background-size 0.3s;
    transition: background-size 0.3s; }
  .menu a {
    display: block;
    color: inherit;
    text-decoration: none; }
  .menu a:hover span {
    background-size: 100% 100%; }

.widget .menu {
  text-transform: uppercase; }

.menu-item {
  display: inline-block;
  vertical-align: middle;
  position: relative; }