.community-menu-container.affix ul.community-nav li a {
    margin: auto;
    padding: 0.8em 0.6em;
    font-size: inherit;
}
.community-inner-container .comm-name {
    color: #000;
    text-transform: uppercase;
}
/* Hide community name when menu is in normal flow, show when affixed */
.community-menu-outter-container .comm-name--container {
    display: none;
}
.community-menu-outter-container.is-affixed .comm-name--container {
    display: flex;
}
.community-menu-outter-container {
    z-index: 1030;
}
/* JS-based affix: fixed to top when scrolled past */
.community-menu-outter-container.is-affixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    animation: communityMenuSlideDown 0.3s ease-out;
}
@keyframes communityMenuSlideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}
/* Account for WP admin bar when logged in */
.admin-bar .community-menu-outter-container.is-affixed {
    top: 32px;
}
.community-menu-container {
    background-color: #FFF !important;
}
ul.community-nav {
    font-size: 16px;
    text-transform: none;
    padding: 8px 0;
    margin-bottom: 0;
}
.community-nav {
    text-align: center;
    padding: 15px 0;
    background: #fff;
}

.community-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}

.community-nav .nav-item {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

/*.community-nav .nav-item:not(:last-child)::after {
    content: "|";
    color: #d1d1d1;
    margin: 0 10px;
}*/

.community-nav .nav-item .nav-link {
    color: #6E6E6E !important;
    font-weight: 400 !important;
    text-decoration: none;
    font-size: 16px;
    padding: 0 16px;
    margin: 5px 0;
    transition: color 0.3s ease;
    white-space: nowrap;

}
.community-nav .nav-item:not(:last-child) .nav-link {
    border-right: solid 1px rgb(229, 231, 235);
}
ul.community-nav li a.active {
  font-weight: 700 !important;
  color: #6E6E6E !important;
}

ul.community-nav li a.active:hover {
  font-weight: 700 !important;
  color: #6E6E6E !important;
}

.community-nav .nav-link:hover {
    color: #000 !important;
}

.community-nav .nav-link.active {
    color: #000;
    font-weight: 700 !important;
}