summary::marker { content: initial !important; } summary::-webkit-details-marker { display: initial !important; } summary::marker { content: initial !important; } summary::-webkit-details-marker { display: initial !important; } input#menu-button { display: block !important; width: 24px; margin: 0; transform: translateX(-24px); appearance: none; } #menu-close-button { display: block !important; position: absolute; right: 24px; width: 24px; height: 24px; margin: 0; appearance: none; } #menu-button:checked + .menu-header:has(#menu-close-button:checked) + .mega-menu { transform: translateX(-100%); } #menu-button:checked + .menu-header:has(#menu-close-button:checked) { transform: translateX(-100%); } #menu-button:not(:checked) + .menu-header:has(#menu-close-button:checked) + .mega-menu { transform: translateX(0%); } #menu-button:not(:checked) + .menu-header:has(#menu-close-button:checked) { transform: translateX(0%); } @media screen and (min-width: 1270px) { nav .mega-menu .level-1 summary { display: flex !important; } nav .mega-menu .level-1 .menu-heading { display: none; } .level-1 details > summary::after { content: '▶' !important; margin-left: var(--spacing-5); } .level-1 details[open] > summary::after { content: '▼' !important; } }