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

/**/
ul.menu {}

/**/
[dir="rtl"] ul.menu {
  text-align: right;
}

/**/
ul.menu a.is-active {}

/**/
.menu-item {}

/**/
.menu-item--expanded {}
.menu-item--collapsd {}

/**/
[dir="rtl"] .menu-item--collapsed {}







/**
 * ===== ===== SOCIAL NAVIGATION ===== =====
 * menu--hlfm-navi-social
 */

/**/
.menu--hlfm-navi-social {
  float: none;
}

/**/
.menu--hlfm-navi-social nav ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 10px;
}
/**/
.menu--hlfm-navi-social nav ul li a {
    box-sizing: border-box;
    display: block;
    min-width: 40px;
    overflow: hidden;
    padding: 10px;
}

/**/
.menu--hlfm-navi-social li a.hlfm-icon-facebook {
  background-image: url("../../img/gui/gui-menu/gui-menu-icon-social-facebook.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: auto 32px;
  text-indent: -9999px;
}
.menu--hlfm-navi-social li a.hlfm-icon-instagram {
  background-image: url("../../img/gui/gui-menu/gui-menu-icon-social-instagram.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: auto 32px;
  text-indent: -9999px;
}


/* @media */
@media (prefers-color-scheme:dark) {
  .menu--hlfm-navi-social li a.hlfm-icon-facebook {
    background-image: url("../../img/gui/gui-menu/gui-menu-icon-social-facebook-white.svg");
  }
  .menu--hlfm-navi-social li a.hlfm-icon-instagram {
    background-image: url("../../img/gui/gui-menu/gui-menu-icon-social-instagram-white.svg");
  }
}

@media only screen and (min-width: 1024px) {
  /**/
  .menu--hlfm-navi-social nav ul {
    justify-content: flex-end;
  }
}