body {
    --primary-navigation-menu-foreground: black;
    --primary-navigation-menu-background: white;
    --primary-navigation-menu-submenu-background: #CCC;
}

nav#primary-navigation {
    color: var(--primary-navigation-menu-foreground);
    background-color: var(--primary-navigation-menu-background);
    font-size: 1.2em;
    line-height: 1.375;
}
/* List */
nav#primary-navigation ul.menu {
    display: flex;
    flex-wrap: wrap;
    margin: initial;  /* Reset margin to override browser defaults */
    padding: 0 1.4em;
}
/* Item */
nav#primary-navigation ul.menu li.menu-item {
    flex: none;
    border: none;
    break-inside: avoid;
    margin: 0;
    padding: 0.1em 0;
    vertical-align: baseline;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    list-style: none;
}
/* Link */
nav#primary-navigation.navigation-menu-item-dividers ul.menu > li.menu-item:nth-child(n+2) > a {
    border-left: 2px solid color-mix(transparent, var(--primary-navigation-menu-foreground));
}
nav#primary-navigation li.menu-item > a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    padding: 0.1em 1em;
    min-height: 2em;
    cursor: pointer;
}
nav#primary-navigation li.menu-item.current-menu-item > a > .navigation-menu-item-link-text,
nav#primary-navigation li.menu-item > a:hover > .navigation-menu-item-link-text,
nav#primary-navigation li.menu-item.manually-expanded > a > .navigation-menu-item-link-text {
    border-bottom-color: var(--primary-navigation-menu-foreground);
}
.navigation-menu-item-link-text {
    padding: 0.3em 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transition: border-bottom-color 0.2s ease-in-out;
}
/* Submenus */
nav#primary-navigation li.menu-item > ul.sub-menu {
    display: none;
}
nav#primary-navigation li.menu-item:hover > ul.sub-menu,
nav#primary-navigation li.menu-item.manually-expanded > ul.sub-menu {
    display: block;
    position: absolute;
    box-shadow: 0 1px 5px 1px var(--primary-navigation-menu-foreground);
    z-index: 1000;
    padding-inline-start: 0;
    background-color: var(--primary-navigation-menu-background);
}
nav#primary-navigation li.menu-item > ul.sub-menu > li.menu-item {
    border-bottom: 1px solid var(--primary-navigation-menu-foreground);
}




#pagecanvas-hamburger-menu {
    display: none;
}