.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item {
transition: 0.5s ease;
}
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item:hover {
color: var(--wp--preset--color--realizer-grey);
}
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__description {
display: block;
}
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container,
.wp-block-navigation .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item.has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
min-width: max-content;
}
@media screen and (min-width: 600px) {
.wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content {
padding: 1.5rem 0rem;
text-align: center;
}
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation-item__description {
border-top: 1px solid var(--wp--preset--color--realizer-accent);
color: var(--wp--preset--color--realizer-grey);
font-size: var(--wp--preset--font-size--small);
font-weight: normal;
}
.wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content > .wp-block-navigation-item__description {
border-top: 1px solid var(--wp--preset--color--realizer-grey);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--realizer-base);
border: none;
border-radius: 4px;
box-shadow: var(--wp--preset--shadow--realizer-shadow);
color: var(--wp--preset--color--realizer-contrast);
height: auto;
left: 50%;
right: 0;
top: calc(100% - 0.5rem);
transform: translate(-50%, 0%);
transition: 0.5s ease;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item {
background: none;
border-bottom: 1px solid var(--wp--preset--color--realizer-lightgrey);
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
border-bottom: none;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
align-items: center;
gap: 0.5rem;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__description {
color: var(--wp--preset--color--realizer-grey);
font-size: var(--wp--preset--font-size--small);
font-weight: normal;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 0;
top: 0;
transform: translate(-100%, 0%);
}
}
@media screen and (max-width: 599px) {
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container-open {
margin: 1rem 0rem 1rem 1rem;
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
padding: 1rem 1.75rem;
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item,
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content,
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu,
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation-item__content,
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item,
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
display: block;
width: 100%;
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
padding: 0 0 0 1.25rem;
width: calc(100% - 1.25rem);
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content {
border-bottom: 1px solid var(--wp--preset--color--realizer-lightgrey);
padding: 1rem 0rem;
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-item__description {
color: var(--wp--preset--color--realizer-grey);
font-size: var(--wp--preset--font-size--small);
font-weight: normal;
}
.wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close .wp-block-navigation__responsive-dialog .wp-block-navigation__responsive-container-content .wp-block-buttons {
justify-content: center;
width: 100%;
}
}