/* Styles for desktop main menu */

a.menu-main, a.menu-main-active, a.menu-sub, a.menu-sub-active {
    font-size: .94999rem;
    line-height: 0.8rem;
    border-radius: 0;
}

a.menu-sub, a.menu-sub-active, a.menu-pages, a.menu-pages-active {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

a.menu-main, a.menu-main-active {
    padding: 1.8rem .5rem .25rem .5rem;
}

a.menu-main {
    color: white;
}

    a.menu-main-active, a.menu-main:hover {
        color: black !important;
        font-weight: bold;
        background-color: rgba(205, 205, 205, 0.75) !important;
    }

.menu-sub, a.menu-sub-active {
    color: black !important;
}

    a.menu-sub-active, a.menu-sub:hover {
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.8) !important;
    }

a.menu-pages, a.menu-pages-active {
    float: left;
    color: black !important;
    font-size: 0.90rem;
    line-height: 0.8rem;
    border-radius: 0;
}

    a.menu-pages-active, a.menu-pages:hover {
        font-weight: bold;
    }

/* Prevent different width while hovering (abit of a hack) */

    a.menu-main::after, a.menu-sub:after, a.menu-pages:after {
        display: block;
        content: attr(title);
        font-weight: bold;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        padding: 0rem 0.1rem;
    }


/* For desktop side menu item (not possible with bootstrap) */

ul .list-style-none {
    list-style-type: none;
}

/*Show only first letter*/
.tables__first-letter-only {
    font-size: 0;
}

.tables__first-letter-only::first-letter {
    font-size: 1.0857rem !important;
}