/* Default styles for the primary menu */
#primary-menu {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#primary-menu li {
    margin: 0 10px;
    position: relative;
    text-align: center;
}

#primary-menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #15141A;
}

#primary-menu a:hover {
    color: #006298;
    outline: .125rem solid #328bb8;
    outline-offset: .125rem;
}

#primary-menu ul {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    background-color: #f8f9fa;;
}

#primary-menu ul a:hover {
    background-color: #edfafd;
    color: #006298;
    outline: none;
}

#primary-menu li:hover > ul {
    display: block;
}

#primary-menu ul ul {
    left: 100%;
    top: 0;
}

.sub-menu li {
  width: 9rem;
}

@media screen and (max-width: 767px) {
    /* Mobile menu styles */
    .rvt-header-global__inner {
        flex-wrap: wrap;
        justify-content: center;
    }

    .rvt-header-global__logo-slot {
        width: 50%;
    }

    nav {
        width: 100%;
    }

    .content-sidebar-wrap {
        padding-top: 2em;
    }

    #primary-menu {
      flex-wrap: wrap;
    }

    #primary-menu li {
      flex-basis: 100%;
      margin: 5px 0;
      position: relative;
    }

    #primary-menu > li > ul {
      position: static;
      display: none;
      width: 100%;
    }

    #primary-menu ul ul {
      display: none;
    }

    #primary-menu li:hover > ul {
      display: block;
      position: static;
    }

    #primary-menu a {
      padding: 10px;
      border-bottom: 1px solid #ddd;
      color: #15141A;
    }

    #primary-menu ul a {
      padding: 10px 15px;
      border-bottom: none;
      color: #15141A;
    }

    #primary-menu a:hover {
      color: #006298;
      background-color: #f8f9fa;
      border-bottom: 1px solid #328bb8;
    }

    #primary-menu ul a:hover {
      color: #006298;
      background-color: #edfafd;
      outline: none;
    }
  }