.learn-navbar {
  display: flex;
  flex-direction: column;
}

.learn-logo {
  &:hover {
    cursor: pointer;
  }
}

.navbar-menu-item {
  display: flex;
  align-items: center;
  height: 100%;
  color: rgba(84, 91, 100, 1);
  text-decoration: none;
  background-color: transparent;

  &:hover,
  &:focus,
  &:active {
    color: rgba(35, 47, 62, 1);
  }

  cursor: pointer;
  color: rgba(84, 91, 100, 1);
  &:hover,
  &:focus,
  &:active {
    background-color: transparent;
    color: rgba(35, 47, 62, 1);
  }
}

.current-nav-menu-item {
  border-top: 2px solid transparent;
  border-bottom: 2px solid #ff9900;
}

@media (min-width: 975px) {
  .learn-navbar {
    display: flex;
    flex-direction: row;
  }
}