.navlink-wrapper { display: inline-block; position: relative; padding: 10px; white-space: nowrap; list-style-type: none; }.navlink { color: var(--grey); text-decoration: none; font-size: 1 rem; transition: color 0.3s; }.navlink-dropdown,.sublink-dropdown { display: none; position: absolute; left: 0; background-color: var(--white); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); z-index: 1000; list-style-type: none; padding: 0; }.navlink-wrapper:hover .navlink-dropdown { display: block; }.navlink-dropdown li,.sublink-dropdown li { padding: 5px 10px; }.navlink-dropdown a,.sublink-dropdown a { color: #555; text-decoration: none; display: block; transition: background-color 0.3s; }.navlink-dropdown li:hover .sublink-dropdown { display: block; }.sublink-dropdown { top: 0; left: 100%; min-width: 150px; }@media (max-width: 768px) { .navlink-wrapper { display: block; } header:not(.header-scroll) .logo { filter: brightness(0) invert(0.33); } .header-scroll a { color: inherit !important; }}.navlink-dropdown li:hover { background-color: #f2d5d591;}nav a { font-size: 16px; font-family: var(--font-family);}.mobile-menu { background-color: #fff; padding: 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; z-index: 1000; display: none; }.menu-close-button { font-size: 30px; color: #333; position: absolute; top: 10px; right: 20px; cursor: pointer; }.menu-link { display: block; color: #333; padding: 15px 0; text-decoration: none; font-size: 18px; border-bottom: 1px solid #eaeaea; }.submenu { padding-left: 20px; display: none; }.submenu-link { color: #666; padding: 10px 0; text-decoration: none; display: block;}.mobile-menu.active { display: block;}.menu-item.active .submenu { display: block; }.bg-beige { background-color: var(--beige);}#nav-links>ul { list-style-type: none;}.navlink-mobile { line-height: 2em; }ul.mobile { padding-left: 0px !important;}.navlink-mobile-dropdown { transition: max-height 0.3s ease-out; overflow: hidden; text-align: center;}.navlink-mobile-wrapper.active .navlink-mobile-dropdown { display: block; max-height: 1000px; }ul.navlink-mobile-dropdown { list-style-type: none; padding: 0px !important;}.mobile-menu-logo { display: block; z-index: 40;}#nav-links ul { list-style-type: none; padding-left: 0;}.navlink-mobile-wrapper { text-align: center;}