/* @group community-submenu
------------------------------------ */

.community-submenu {
    background: var(--indigo);
    padding-block: 1.8rem;
    color: var(--dune);

    position: fixed;
    top: var(--nav-h);
    z-index: var(--z-index-site-nav);
    inset-inline: 0;
}

.community-submenu .rounded {
    padding: 0.5rem 1rem;
    border: 1px solid var(--dune);
    border-radius: 2.5rem;
}

.community-submenu .rounded:hover {
    background: var(--dune);
    color: var(--indigo);
}

.community-submenu menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.community-submenu a {
    font-family: var(--ff);
    font-weight: var(--fw);
    font-size: var(--fs);
    line-height: var(--lh);
    letter-spacing: var(--ls);

    --ff: var(--basicFont);
}

.community-submenu .title {
    --fw: 900;
    --fs: 2rem;
}

@media only screen and (min-width : 961px) {
    .community-submenu a {
        --fw: 600;
        --fs: 1.4rem;
        --fs-body: var(--fs);
        --lh: 1.25em;
        --ls: 0;
    }

    .community-submenu .title {}
}

@media only screen and (min-width : 0) and (max-width : 960px) {

}

/* @end */