/**
 * @file
 * Visual styles for menu.
 */

ul.menu {
  margin: 0;
  /* LTR */
  padding: 0;
  list-style: none outside;
  text-align: left;
  /* LTR */
}

[dir="rtl"] ul.menu {
  margin-right: 0;
  margin-left: 0;
  text-align: right;
}

.menu-item {
  margin: 0;
}

ul.menu a.is-active {
  color: var(--bright-primary);
}

.region-header ul.menu {
  display: flex;
  gap: 1.2em;
  padding-left: 0;
  margin: 0;
  font-size: 1.5em;
}
.menu--main button {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

.region-primary-menu a,
.region-primary-menu button {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  display: block;
}

.menu--main {
  font: var(--font-menu-main);
}

.menu--main li a {
  text-decoration: none;
  white-space: nowrap;
}
.menu--menu-social-network-links li a{
  position: relative;
  z-index: 10;
}
.menu--main li button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
}

@media screen and (min-width: 1024px) {
  .menu--main>ul.menu {
    gap: clamp(.2rem, 7.6596vw + -4.7021rem, 2rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
  }
}