280 .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){ |
284 .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){ |
281 background-color:inherit !important; |
285 background-color:inherit !important; |
282 color:inherit !important; |
286 color:inherit !important; |
283 } |
287 } |
284 .wp-block-navigation__responsive-container.is-menu-open{ |
288 .wp-block-navigation__responsive-container.is-menu-open{ |
285 animation:overlay-menu__fade-in-animation .1s ease-out; |
|
286 animation-fill-mode:forwards; |
|
287 background-color:inherit; |
289 background-color:inherit; |
288 display:flex; |
290 display:flex; |
289 flex-direction:column; |
291 flex-direction:column; |
290 overflow:auto; |
292 overflow:auto; |
291 padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20em) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem); |
293 padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem); |
292 z-index:100000; |
294 z-index:100000; |
293 } |
295 } |
294 @media (prefers-reduced-motion:reduce){ |
296 @media not (prefers-reduced-motion){ |
295 .wp-block-navigation__responsive-container.is-menu-open{ |
297 .wp-block-navigation__responsive-container.is-menu-open{ |
296 animation-delay:0s; |
298 animation:overlay-menu__fade-in-animation .1s ease-out; |
297 animation-duration:1ms; |
299 animation-fill-mode:forwards; |
298 } |
300 } |
299 } |
301 } |
300 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ |
302 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ |
301 align-items:var(--navigation-layout-justification-setting, inherit); |
303 align-items:var(--navigation-layout-justification-setting, inherit); |
302 display:flex; |
304 display:flex; |