.wp-block-navigation {
    font: var(--font-p);
    font-size: 1.125rem;

    .wp-block-navigation__responsive-container-open{
        svg{
            width: 35px;
            height: auto;
            background: url("../../../img/menu-open.svg") no-repeat center;
            > * {
                display: none;
            }
        }
    }
    .wp-block-navigation__responsive-container-close{
        padding-right: var(--wp--style--root--padding-right);
        padding-top: var(--wp--style--root--padding-right);
        svg{
            width: 35px;
            height: auto;
            background: url("../../../img/menu-close.svg") no-repeat center;
            > * {
                display: none;
            }
        }
    }

    li a{
        height: 5rem;
        display: flex !important;
            span{
                align-self: center;
            }
        &:hover{
            text-decoration: underline;
        }    
    } 

    li{
        &.current-menu-item{
            > .wp-block-navigation-item__content{
                > .wp-block-navigation-item__label{text-decoration: underline;}
            }
        }
    }

    .wp-block-navigation-item:not(.wp-block-navigation-submenu > .wp-block-navigation-item){

        padding-left: 3.125rem;

        &:last-child {
            color: var(--color-white);
            .wp-block-navigation-item__label {
                color: var(--color-white);
            }
            a span{
                background-color: var(--color-highlight);
                padding: 0.4rem 2rem;
                border-radius: 20px;
            }
        }
    } 


    .wp-block-navigation__responsive-container{
 
        &.is-menu-open{
            color: var(--color-black) !important;
            padding-bottom: 2rem;
            border: none;
            background-color: var(--color-armosa) !important;
            

            .wp-block-navigation__responsive-container-content{
                align-items: center;
                
                .wp-block-navigation__container{
                    align-items: center;
                    
                    .wp-block-navigation-item{
                        padding: 0px;
                        margin: 0px;
                        align-items: center;
                        font-size: 2rem;
                        font-weight: 400;

                        &:last-child{
                            padding-top: 1rem;
                            a span{
                                padding: 0.2rem 2rem;
                            }
                        }

                    }
                }
            }
        }
    }





}