/* Expanded navigation is shared by index.php and World. */
:is(#gn-menu, #world-menu) .gn-menu-wrapper { position: fixed; top: 60px; right: 0; bottom: 0; left: auto; width: 60px; padding: 0; overflow: hidden; border: 0; border-top: 1px solid #c6d0da; border-radius: 0; background: white; box-shadow: none; transform: translateX(60px); visibility: hidden; transition: transform .3s, width .3s, visibility .3s; z-index: 100; }
:is(#gn-menu, #world-menu) .gn-menu-wrapper.gn-open-all { width: 340px; transform: translateX(0); visibility: visible; }
:is(#gn-menu, #world-menu) .gn-menu-wrapper.gn-open-part { transform: translateX(0); visibility: visible; }
:is(#gn-menu, #world-menu) .gn-scroller { position: absolute; width: 370px; height: 100%; overflow-y: scroll; overscroll-behavior: contain; }
:is(#gn-menu, #world-menu) .gn-menu, :is(#gn-menu, #world-menu) .gn-submenu { margin: 0; padding: 0; background: white; list-style: none; text-transform: none; font-family: 'Lato', Arial, sans-serif; font-size: 18px; font-weight: 300; line-height: 60px; text-align: left; }
:is(#gn-menu, #world-menu) .gn-menu { border-bottom: 1px solid #c6d0da; }
:is(#gn-menu, #world-menu) .gn-menu li:not(:first-child), :is(#gn-menu, #world-menu) .gn-menu li li { box-shadow: inset 0 1px #c6d0da; }
:is(#gn-menu, #world-menu) .gn-menu a, :is(#gn-menu, #world-menu) .gn-menu button { display: flex; align-items: center; width: 100%; height: 60px; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #f10627; font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
:is(#gn-menu, #world-menu) .gn-submenu a { color: #a1a9b1; }
:is(#gn-menu, #world-menu) .gn-menu a:hover, :is(#gn-menu, #world-menu) .gn-menu button:hover { color: white; background: #f10627; }
:is(#gn-menu, #world-menu) .gn-menu a:focus-visible, :is(#gn-menu, #world-menu) .gn-menu button:focus-visible { outline: 2px solid #f10627; outline-offset: -2px; }
:is(#gn-menu, #world-menu) .gn-menu svg { flex: 0 0 60px; width: 60px; height: 18px; padding: 0 21px; box-sizing: border-box; color: currentColor; }
:is(#gn-menu, #world-menu) .gn-menu-separator { height: 1px; margin: 0; background: #c6d0da; }
@media (max-width: 422px) { :is(#gn-menu, #world-menu) .gn-menu-wrapper.gn-open-all { width: 100%; } :is(#gn-menu, #world-menu) .gn-menu-wrapper.gn-open-all .gn-scroller { width: 130%; } }
@media (prefers-reduced-motion: reduce) { :is(#gn-menu, #world-menu) .gn-menu-wrapper { transition: none; } }
:is(#gn-menu, #world-menu) .gn-menu-heading { display: flex; align-items: center; height: 60px; color: #f10627; }
#world-menu .gn-submenu li { height: 60px; }