/* Custom CSS for subtle menu spacing */
.wpo-site-header .navbar-nav > li {
    margin: 0 8px;
}

.wpo-site-header .navbar-nav > li > a {
    padding: 10px 5px;
    position: relative;
}

.wpo-site-header .navbar-nav > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, 0.2);
}

/* Remove the separator after the last menu item */
.wpo-site-header .navbar-nav > li:last-child::after {
    display: none;
}