/*
Theme Name: Chen Lab
Description: A maintained WordPress theme for Chen Lab, with migrated editable content and the site's existing visual assets.
Version: 1.0.0
Requires at least: 7.1
Requires PHP: 8.3
Text Domain: chenlab
*/
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.admin-bar #header { top: 32px; }
#footer.fixed-footer { position: relative !important; z-index: auto; }
#wrapper { margin-bottom: 0 !important; }
#main-content-wrapper.chenlab-default { padding-top: 150px; }
.ins-animated, .wpb_animate_when_almost_visible, .wpb_start_animation { opacity: 1 !important; visibility: visible !important; animation: none !important; transform: none !important; }
.entry-content img { max-width: 100%; height: auto; }
#main-menu li:hover > .sub-menu, #main-menu li:focus-within > .sub-menu { display: block; opacity: 1; visibility: visible; }
#main-menu .sub-menu { transition: opacity .15s; }
#smoothup { display: block; position: fixed; right: 22px; bottom: 22px; z-index: 100; }
#smoothup::before { content: '↑'; color: #fff; font: 22px/40px sans-serif; display: block; text-align: center; }
.chenlab-lightbox { border: 0; padding: 48px 16px 16px; background: #fff; max-width: 92vw; max-height: 94vh; }
.chenlab-lightbox::backdrop { background: rgb(0 0 0 / .8); }
.chenlab-lightbox img { display: block; max-width: 86vw; max-height: 80vh; width: auto; height: auto; }
.chenlab-lightbox button { position: absolute; right: 12px; top: 8px; border: 0; background: transparent; color: #074575; font-size: 28px; cursor: pointer; }
@media (max-width: 991px) {
  #mobile-nav.chenlab-open { display: block !important; height: auto !important; max-height: 75vh; overflow-y: auto; visibility: visible; }
  #mobile-nav .sub-menu { display: block !important; height: auto !important; position: static; opacity: 1; visibility: visible; }
  #mobile-menu-toggle { cursor: pointer; }
  #mobile-nav a { min-height: 44px; display: flex; align-items: center; }
}
@media (max-width: 782px) { .admin-bar #header { top: 46px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }