/* Common styles for all menus */

.menu__link:hover,
.menu__link:focus {
  outline: none;
}
/* Shylock (by @benhanks040888) */
.menu--shylock .menu__link {
  position: relative;
  margin: 0 1em;
  padding-right: 0;
  padding-left: 0;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.border .menu--shylock .menu__link {
  position: relative;
  margin: 0 1em;
  padding-right: 0;
  padding-left: 0;
  color: rgba(24, 53, 87, 0.7);
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}

.menu--shylock .current-menu-item .menu__link,
.menu--shylock .current-menu-item .menu__link:hover,
.menu--shylock .current-menu-item .menu__link:focus {
  color: #fff;
}

.border .menu--shylock .current-menu-item .menu__link,
.border .menu--shylock .current-menu-item .menu__link:hover,
.border .menu--shylock .current-menu-item .menu__link:focus {
  color: #183557;
}

.menu--shylock .current-menu-item .menu__link::after,
.menu--shylock .current-menu-item .menu__link::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.menu--shylock .current-menu-item .menu__link::before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.menu--shylock .menu__link:hover,
.menu--shylock .menu__link:focus {
  color: rgba(255, 255, 255, 0.7);
}

.border .menu--shylock .menu__link:hover,
.border .menu--shylock .menu__link:focus {
  color: rgba(24, 53, 87, 0.7);
}

.menu--shylock .menu__link:hover::before,
.menu--shylock .menu__link:focus::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.menu--shylock .menu__link::before,
.menu--shylock .menu__link::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scale3d(0, 1, 1);
  transform: scale3d(0, 1, 1);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  -webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.menu--shylock .menu__link::before {
  background: rgba(255, 255, 255, 0.7);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.border .menu--shylock .menu__link::before {
  background: rgba(24, 53, 87, 0.7);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.menu--shylock .menu__link::after {
  background: #fff;
}
.border .menu--shylock .menu__link::after {
  background: #183557;
}