:root {
    --menu-main-background-color: #cdd0d4;
    --menu-main-active-tab-background-color: white;
    --menu-main-active-tab-color: var(--main-accent-color);
}
:root.high-contrast {
    --menu-main-background-color: black;
    --menu-main-active-tab-background-color: var(--button-color);
    --menu-main-active-tab-color: black;
}
.menu-main {
    font-family: Montserrat;
    font-weight: 500;       
}
.menu-main img {
    max-width: 10.5em;
    padding-left: 1.75em;
    padding-top: 1em;
}
.menu-main ul {
    display: flex;
    width: min-content;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0.75em;
    padding-top: 0.75em;
    padding-left: 0.75em;
    position: sticky;
    top: 0;
}
.menu-main li {
    width: 100%;
    white-space: nowrap;
}
.menu-main li:nth-child(5),
.menu-main li:nth-child(9),
.menu-main li:nth-child(13) {
    margin-top: 1.5em;
}

.menu-main li a {
    color: var(--main-accent-color);
    display: block;
    padding: 0.25em 1em;
    text-decoration: none;
    white-space: nowrap;
    line-height: 2em;
}
.menu-main li a:focus {
    outline: none;
}
.menu-main li a:focus .title {
    text-decoration: underline;
}
.menu-main li a:hover:not(.router-link-active) {
    background-color: var(--button-background-hover);
    color: var(--button-color-hover);
}
.menu-main a.router-link-active {
    color: var(--menu-main-active-tab-color);
    background-color: var(--menu-main-active-tab-background-color);
    box-shadow: var(--main-dialog-box-shadow);
    clip-path: inset(-20px 0px -20px -20px);
}
.menu-main .fas {
    text-align: center;
}

.menu-main .anchor {
	color: var(--main-accent-color);
	padding: 0.25em 1em 0.25em 1.01em;
	text-decoration: none;
	white-space: nowrap;
	line-height: 2em;
}

.menu-main li .anchor:hover:not(.router-link-exact-active):not(.disabled) {
	background-color: var(--button-background-hover);
	color: var(--button-color-hover);
}
.menu-main .anchor.router-link-exact-active {
	color: var(--menu-main-active-tab-color);
	background-color: var(--menu-main-active-tab-background-color);
	box-shadow: var(--main-dialog-box-shadow);
	clip-path: inset(-20px 0px -20px -20px);
}
.anchor.disabled {
	cursor: no-drop;
}