/* chrome behaviour of the cloned live pages. See public/live/behaviour.js for the shared part. */

/* Mobile menu, open state. The clone's closed menu carries visibility:hidden on
   several nested boxes, so the override has to reach all of them. */
#MENU_AS_CONTAINER.lc-menu-open { display: block !important; visibility: visible !important; opacity: 1; }
#MENU_AS_CONTAINER.lc-menu-open * { visibility: inherit !important; }
#MENU_AS_CONTAINER.lc-menu-open > div:first-child { display: block !important; }
#MENU_AS_CONTAINER.lc-menu-in { animation: lc-menu-fade 500ms cubic-bezier(1,0,0.58,1) both; }
#MENU_AS_CONTAINER.lc-menu-out { animation: lc-menu-fade 500ms linear reverse both; }
@keyframes lc-menu-fade { from { opacity: 0; } to { opacity: 1; } }

/* toggle: the bars turn into a cross */
#MENU_AS_CONTAINER_TOGGLE.lc-menu-open > div > div { transform: rotate(-45deg); }
#MENU_AS_CONTAINER_TOGGLE > div > div > div { transition: transform .33s cubic-bezier(.54, -.81, .57, .57); }
#MENU_AS_CONTAINER_TOGGLE.lc-menu-open > div > div > div:first-child { transform-origin: 100%; transform: rotate(-90deg) translate(4px); }
#MENU_AS_CONTAINER_TOGGLE.lc-menu-open > div > div > div:last-child { transform-origin: 0; transform: rotate(-90deg) translate(-4px); }
#MENU_AS_CONTAINER_TOGGLE.lc-menu-open { z-index: 100000 !important; }