
li[data-v-fc5891a4] {
    list-style: none;

    display: inline-grid;
    grid-auto-columns: 1fr;
    padding: 0.5em;
    flex: 1 1 8em;
}
li > a[data-v-fc5891a4] {
        flex: 0 0 100%;
        display: flex;
        flex-wrap: wrap;
        column-gap: .5em;
        justify-content: center;
        align-items: center;
        transition: all 0.25s ease-in-out;
        font-size: var(--w-font-16-main);
        font-weight: normal;

        border-radius: inherit;
        padding: 1em 0;
}
li > a:is(:hover,li > a[aria-current='page'],li > a:focus-within) > span[data-v-fc5891a4] {
                color: var(--button-background-color, var(--default-button-background-color, #000000));
                background-color: var(--button-color, var(--default-button-color, #ffffff));
}
li > a > span[data-v-fc5891a4] {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 4em;
            height: 4em;
            border: 1px solid var(--button-background-color, var(--default-button-background-color, #000000));
            border-radius: 2em;
            transition: all 0.25s ease-in-out;
            background-color: var(--button-background-color, var(--default-button-background-color, #000000));
            color: var(--button-color, var(--default-button-color, #ffffff));
}
li > a > span > .site-icon[data-v-fc5891a4] {
                width: 4em;
                height: 4em;
                padding: 0.7em;
}
li > a > div[data-v-fc5891a4] {
            width: 100%;
            text-align: center;
            transition: all 0.25s ease-in-out;
            padding: 1em 0;
            color: var(--body-text-color, #000000);
}


nav[data-v-2425a806] {

    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
nav > ul[data-v-2425a806] {
        display: contents;

        list-style: none;
}

