/* CodeSerious TopMenu Style File */
/* MENU */
nav {
  font-family: 'Montserrat', sans-serif;
}

nav a,
nav a:visited {
  color: #6a7077;
  font-size: 18pt;
  -webkit-transition: color 1s, text-shadow 1s;
  transition: color 1s, text-shadow 1s;
  display: inline-block;
  overflow: hidden;
}

nav a::after,
nav a:visited::after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0px;
  height: 2px;
  width: 0%;
  background-image: -webkit-gradient(linear, left top, right top, from(#0047b1), to(#2583ff));
  background-image: linear-gradient(to right, #0047b1 0%, #2583ff 100%);
  will-change: transform;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1.5);
          transition-timing-function: cubic-bezier(0, 0, 0, 1.5);
}

@media (max-width: 599px) {
  nav a,
  nav a:visited {
    font-size: calc(18pt + 5pt);
  }
}

nav a:hover {
  color: #2583ff;
  -webkit-transition: color 1s, text-shadow 5s;
  transition: color 1s, text-shadow 5s;
  text-shadow: 0px 5px 15px #2583ff;
}

nav a:hover::after {
  height: 2px;
  left: 0;
  width: 500%;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-animation: underline-gradient 2s linear infinite;
          animation: underline-gradient 2s linear infinite;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(15%, #0047b1), color-stop(50%, #2583ff), color-stop(75%, #0047b1));
  background-image: linear-gradient(90deg, #0047b1 15%, #2583ff 50%, #0047b1 75%);
}

@-webkit-keyframes underline-gradient {
  0% {
    -webkit-transform: translate3d(-75%, 0%, 0);
            transform: translate3d(-75%, 0%, 0);
  }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0);
  }
}

@keyframes underline-gradient {
  0% {
    -webkit-transform: translate3d(-75%, 0%, 0);
            transform: translate3d(-75%, 0%, 0);
  }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0);
  }
}

nav ul {
  margin: 0;
  padding: 0;
}

nav ul li {
  display: inline-block;
  margin: 0;
  padding-right: 0.7em;
}

nav ul li:nth-child(n+2) {
  padding: 0 0.7em;
}

@media (max-width: 599px) {
  nav ul li {
    display: block;
    padding: 0;
  }
  nav ul li:nth-child(n+2) {
    padding: 0;
  }
}
/*# sourceMappingURL=topmenu.css.map */