/* Vars */
.mi-menu_el-wrapper {
  --menu_el-max-width: 33px;
  --basic-line-color: rgb(0, 128, 201);
  --basic-line-height: 3px;
  --basic-line-padding-bottom: 5px;
}

.mi-menu_el-wrapper {
  width: fit-content;
}

/* menu_el */
.mi-menu_el {
  width: 100%;
  max-width: var(--menu_el-max-width);
  min-width: var(--menu_el-max-width);
}

/* Lines */
.mi-menu_el__line-wrapper {
  width: 100%;
  padding-bottom: var(--basic-line-padding-bottom);
  transition: 0.4s ease;
}

.mi-menu_el__line {
  width: 100%;
  height: var(--basic-line-height);
  background-color: var(--basic-line-color);
  transition: 0.4s ease;
}

.mi-menu_el__line-wrapper:nth-child(2) {
  width: 75%;
}

.mi-menu_el__line-wrapper:nth-child(3) {
  width: 50%;
  padding-bottom: 0;
}

.mi-menu_el__line-wrapper:hover {
  cursor: pointer;
}

.mi-menu_el:hover .mi-menu_el__line-wrapper:nth-of-type(2),
.mi-menu_el:hover .mi-menu_el__line-wrapper:nth-of-type(3),
.mi-menu_el.active .mi-menu_el__line-wrapper:nth-of-type(2),
.mi-menu_el.active .mi-menu_el__line-wrapper:nth-of-type(3) {
  width: 100%;
}

@media screen and (max-width: 991.88px) {
  .site-header .menu-toggle.mi-menu_el-wrapper.open-button {
    display: none;
  }
}