[data-theme=Light], [data-theme=""] {
  --SiteMenu-Home: url(/Images/SiteMenu/Home.svg);
  --SiteMenu-Contact: url(/Images/SiteMenu/Contact.svg);
  --SiteMenu-Color: #303030;
  --SiteMenu-Hover-Color: #808080;
  --SiteMenu-Hover-Link-Color: #808080;
}

[data-theme=Dark],
[data-theme=High] {
  --SiteMenu-Home: url(/Images/SiteMenu/Home-Dark.svg);
  --SiteMenu-Contact: url(/Images/SiteMenu/Contact-Dark.svg);
  --SiteMenu-Color: #E7E7E7;
  --SiteMenu-Hover-Color: #F3F3F3;
  --SiteMenu-Hover-Link-Color: #F3F3F3;
}

.SiteMenuImage-Contact {
  background: var(--SiteMenu-Contact) no-repeat;
  background-position: center;
  height: 2em;
  width: 2em;
  background-size: 2em;
  margin-left: auto;
  margin-right: auto;
}

.SiteMenuImage-Home {
  background: var(--SiteMenu-Home) no-repeat;
  background-position: center;
  height: 2em;
  width: 2em;
  background-size: 2em;
  margin-left: auto;
  margin-right: auto;
}

div.SiteMenuContainer {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: right;
  padding-right: 0.75em;
  padding-top: 0.25em;
  padding-bottom: 0.15em;
}

div.SiteMenuBlock {
  text-align: center;
  padding: 0px;
  padding-bottom: 3px;
  margin-left: 16px;
}

a.SiteMenuLink {
  font-family: "Roboto Flex", "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: var(--font-variation-settings);
  white-space: nowrap;
  color: var(--SiteMenu-Color);
  text-decoration: none !important;
  border-bottom: 0px;
}

a:visited.SiteMenuLink {
  color: var(--SiteMenu-Color);
  text-decoration: none;
}

a:link.SiteMenuLink:last-child {
  margin-right: 0em;
}

a.SiteMenuLink:hover div.SiteMenuBlock {
  border-bottom: 3px solid var(--SiteMenu-Hover-Link-Color);
  padding-bottom: 0px;
}

a.SiteMenuLink:hover div.SiteMenuLabel {
  color: var(--SiteMenu-Hover-Color);
}

div.SiteMenuLabel {
  font-size: 0.9em;
  font-family: "Roboto Flex", "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-variation-settings: var(--font-variation-settings);
  white-space: nowrap;
  color: var(--SiteMenu-Color);
}
