/* United Virginia / legacy Weebly Cloud mobile navigation compatibility fix. The theme's custom.js adds/removes "nav-open" on the element when the hamburger menu is clicked. The existing main_style.css hides .mobile-nav unless it has old Weebly animation classes, so the links never appear. This stylesheet restores the missing connection without replacing the existing Weebly theme files. */ /* Prevent the underlying page from scrolling while the menu is open. */ body.nav-open { overflow: hidden; } /* Display the existing mobile navigation when the hamburger adds nav-open. */ body.nav-open .mobile-nav { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (max-width: 1024px) { .hamburger { display: block !important; visibility: visible !important; opacity: 1 !important; } .hamburger, .hamburger * { color: #222 !important; fill: #222 !important; stroke: #222 !important; } } @media screen and (max-width: 1024px) { .uv-mobile-menu-button { position: fixed !important; top: 12px !important; right: 14px !important; z-index: 1000000 !important; display: flex !important; align-items: center !important; gap: 7px !important; min-height: 40px !important; padding: 7px 10px !important; border: 1px solid #333 !important; border-radius: 4px !important; background: #ffffff !important; color: #222222 !important; font: 600 16px/1 Arial, sans-serif !important; cursor: pointer !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18) !important; } .uv-mobile-menu-button span { font: 600 13px/1 Arial, sans-serif !important; } body.nav-open .uv-mobile-menu-button { display: none !important; } } @media screen and (min-width: 1025px) { .uv-mobile-menu-button { display: none !important; } } @media screen and (min-width: 1025px) { .uv-desktop-navigation { position: fixed !important; top: 12px !important; right: 20px !important; z-index: 1000000 !important; display: flex !important; align-items: center !important; gap: 22px !important; min-height: 40px !important; padding: 6px 10px !important; background: #ffffff !important; box-sizing: border-box !important; } .uv-desktop-navigation a { display: inline-block !important; color: #333333 !important; font: 600 14px/1.2 Arial, sans-serif !important; text-decoration: none !important; white-space: nowrap !important; } .uv-desktop-navigation a:hover, .uv-desktop-navigation a:focus { color: #0084a8 !important; text-decoration: underline !important; } } @media screen and (max-width: 1024px) { .uv-desktop-navigation { display: none !important; } }