/* Explicit state overrides the old :target and touch-hover rules. */
@media screen and (max-width: 768px) {
    .navverytopleft { display: none; }
    .mobile-menu { display: block; }
}
#nav.kasovi-menu-ready { height: auto; }
#nav.kasovi-menu-ready > li {
    display: none;
    float: none;
    text-align: left;
}
#nav.kasovi-menu-ready > #toggleMenu { display: block; }
#nav.kasovi-menu-ready.is-open > li { display: block; }
#nav.kasovi-menu-ready.is-open > #toggleMenu { display: none; }
#nav.kasovi-menu-ready:not(.is-open) > #hideMenu { display: none; }
#nav.kasovi-menu-ready > li > ul,
#nav.kasovi-menu-ready > li:hover > ul {
    display: none;
    position: static;
    left: auto;
    opacity: 1;
}
#nav.kasovi-menu-ready.is-open > li.is-expanded > ul { display: block; }
#nav.kasovi-menu-ready > li.is-expanded > ul > li { display: block; }
#nav.kasovi-menu-ready ul li a { width: auto; }
#nav.kasovi-menu-ready li::before,
#nav.kasovi-menu-ready li::after,
#nav.kasovi-menu-ready a::before,
#nav.kasovi-menu-ready a::after { pointer-events: none; }

#nav.kasovi-menu-ready.is-open > #hideMenu { display: block; }