/* Accessibility: Increase icon size so that the button is easier to click */
.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 48px;
	height: 48px;
}

.wp-block-navigation__responsive-container-open {
	outline: none;
}

/* Navigation  */
@media (min-width:600px) {

    .wp-block-navigation .wp-block-navigation-item a:hover,
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item > .current-menu-item,
    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a {
        color: var(--wp--preset--color--primary);
    }

    .wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item svg {
        stroke: var(--wp--preset--color--primary);
    }

}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open {
    padding: 30px var(--wp--custom--spacing--outer);
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    font-size: var(--wp--preset--font-size--max-36);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
    font-size: var(--wp--preset--font-size--large);
    padding-top: 0 !important;
 }

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
    height: 33px;
    width: 33px;
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .current-menu-item,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .current-menu-item a{
    color: var(--wp--preset--color--white);
    opacity: .8;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
    gap: 10px;
}

.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
    color: var(--wp--preset--color--white);
}

.wp-block-navigation:not([style*=text-decoration]) a,
.wp-block-navigation:not([style*=text-decoration]) a:focus,
.wp-block-navigation:not([style*=text-decoration]) a:hover {
    text-decoration: none;
}

/* Navigation Submenu */
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: var(--wp--preset--color--primary);
    border: var(--wp--preset--color--foreground);
    color: var(--wp--preset--color--white);
    padding: 10px;
    border-radius: 4px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--wp--preset--color--primary);
    position: absolute;
    top: -7px;
    left: 14px;
    z-index: 470;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
    padding: 2px 10px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--white);
    opacity: .8;
}

/* Sticky header */
.site-header {
	position: fixed;
	top: 0;
	width: 100% !important;
	z-index: 12;
}

.sticky-header {
	background-color: #fff !important;
}

.has-background .wp-block-navigation__responsive-container-open:focus {
	color: #333 !important;
}

@media (max-width:768px) {
	.site-header button.wp-block-navigation__responsive-container-open {
		right: 15px;
    	position: fixed;
	}
}