/* Base wrapper and layout */ .nojs-nav { position: relative; z-index: 100; } .nojs-nav .nojs-nav__brand { padding: .75rem 1rem; } /* Hidden checkbox toggle */ .nojs-nav .nojs-nav__toggle { position: absolute; opacity: 0; pointer-events: none; } /* Burger layout */ .nojs-nav .nojs-nav__burger { display: none; cursor: pointer; padding: .75rem 1rem; } .nojs-nav .nojs-nav__burger span { display: block; width: 24px; height: 2px; margin: 5px 0; transition: transform .2s ease, opacity .2s ease; } /* Menu wrapper */ .nojs-nav .nojs-nav__wrap { max-width: 1200px; margin: 0 auto; } /* Desktop layout */ .nojs-nav .nojs-menu { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; } .nojs-nav .nojs-menu > li { position: relative; } .nojs-nav .nojs-menu > li > a { display: block; text-decoration: none; } /* Dropdown positioning */ .nojs-nav .nojs-menu .sub-menu { position: absolute; left: 0; top: 100%; min-width: 200px; display: none; } .nojs-nav .nojs-menu li.menu-item-has-children:hover > .sub-menu { display: block; } /* Responsive layout */ @media (max-width: 768px) { .nojs-nav .nojs-menu { flex-direction: column; align-items: stretch; } .nojs-nav .nojs-menu > li > a { padding: .9rem 1rem; } .nojs-nav .nojs-menu .sub-menu { position: static; display: block; } /* Burger visible on mobile */ .nojs-nav { display: grid; grid-template-columns: 1fr auto; align-items: center; } .nojs-nav .nojs-nav__brand { grid-column: 1 / 2; } .nojs-nav .nojs-nav__burger { grid-column: 2 / 3; display: block; } .nojs-nav .nojs-nav__wrap { grid-column: 1 / -1; width: 100%; max-height: 0; overflow: hidden; transition: max-height .25s ease; } #nojsnav-1-toggle:checked ~ .nojs-nav__wrap { max-height: 80vh; overflow: auto; } /* Burger → X animation */ #nojsnav-1-toggle:checked + .nojs-nav__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); } #nojsnav-1-toggle:checked + .nojs-nav__burger span:nth-child(2) { opacity: 0; } #nojsnav-1-toggle:checked + .nojs-nav__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } }

All Team / Rheda Becker

Request Free Chapter

Request Free Chapter

Rheda Becker

Former Narrator of the Baltimore Symphony Orchestra

About