.desktop-nav a.current-menu-item {
  position: relative;
}

.desktop-nav a.current-menu-item::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #e20c15;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: transparent;
  transition: background-color 0.3s;
}

.desktop-nav a:hover::after,
.desktop-nav a.current-menu-item::after {
  background-color: #e20c15;
}

.desktop-nav a {
  position: relative;
}

#mobile-menu .sub-menu {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 0;
  margin-top: 0 !important;
  transition:
    max-height 0.3s ease,
    padding-top 0.3s ease;
}

#mobile-menu .sub-menu a {
  font-size: 17px;
  color: #373737;
  text-align: center;
}

#mobile-menu .sub-menu[hidden] {
  display: none !important;
}

#mobile-menu .menu-item-has-children.has-submenu-open + .sub-menu {
  display: flex;
  max-height: 500px;
  margin-top: 8px;
}

#mobile-menu .menu-item-has-children::after {
  content: " +";
  font-weight: 700;
  margin-left: 4px;
}

#mobile-menu .menu-item-has-children.has-submenu-open::after {
  content: " –";
}
@media (min-width: 1024px) {
  .desktop-nav li {
    position: relative;
  }

  .desktop-nav .submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 12px;
    z-index: 50;
    background: white;
    min-width: 180px;
  }

  .desktop-nav .submenu li {
    margin: 8px 0;
  }

  .desktop-nav .submenu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
  }

  .desktop-nav li:hover > .submenu,
  .desktop-nav li:focus-within > .submenu {
    display: block;
  }
}