/*  ---------------------------- COLORS ----------------------------  */

/* header top bar closed */
header.phantom-megamenu .navbar {
  background-color: #001f89;
  background-color: #000;
}

/* opened menu wrapper */
header.phantom-megamenu .navbar {
  .menu-wrapper {
    background-color: #001f89;
  }
}

/* menu wrapper desktop opened */
@media (min-width: 992px) {
  .phantom-megamenu .navbar {
    & .navbar-collapsable {
      .menu-wrapper {
        background-color: #001f89;
      }
    }
  }
}

/* hamburger menu button */
header .hamburger-button {
  background-color: #1f66da;
  svg {
    fill: #fff;
  }
}

/* close menu button */
header.phantom-megamenu .navbar {
  .close-div button {
    background-color: #1f66da;
  }
}



/*  ---------------------------- /COLORS ----------------------------  */

/*  ---------------------------- FONTS (style, color, etc) ----------------------------  */

/* primary menu item */
header.phantom-megamenu .navbar .menu-wrapper ul > li button.nav-link {
  font-size: 1.25rem;
  font-weight: 500;
  &.active {
    text-decoration: none;
    span {
      color: #5d91e5;
    }
  }
}

/* secondary menu item */
.navbar
  .navbar-collapsable
  .menu-wrapper
  .nav-item.megamenu
  .dropdown-menu
  .link-list-wrapper
  ul.link-list
  li
  a
  span {
  font-size: 1rem;
}

/* socials  */
.socials-container h6 {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.875rem;
}

/*  ---------------------------- /FONTS ----------------------------  */

/*  ---------------------------- LAYOUT (display, margins,padding alingment etc) ----------------------------  */

.phantom-megamenu .navbar {
  & .navbar-collapsable {
    .menu-wrapper {
      justify-content: flex-start;
    }
  }
}

/* secondary menu item */
.phantom-megamenu
  .navbar
  .navbar-collapsable
  .menu-wrapper
  .nav-item.megamenu
  .dropdown-menu
  .link-list-wrapper
  ul.link-list
  li
  a {
  padding: 8px 0px !important;
  span {
    padding: 6px 0;
  }
}

@media (min-width: 992px) {
  /* secondary menu item  arrow */
  .phantom-megamenu
    .navbar
    .navbar-collapsable
    .menu-wrapper
    ul.navbar-nav
    .nav-item.dropdown.megamenu
    .dropdown-menu {
    padding-left: 0;
    .link-list-wrapper {
      ul.link-list li a {
        span {
          padding: 0px 0;
        }
        svg {
          display: none;
        }
      }
    }
  }
}

@media (min-width: 992px) {
  /* logo inside menu opned */
  .phantom-megamenu .navbar {
    & .navbar-collapsable {
      & .menu-wrapper {
        & .brand-container {
          img {
            width: 100%;
            height: auto;
            max-height: none;
            max-width: 180px;
          }
        }
      }
    }
  }

  /* primary menu item */
  .phantom-megamenu
    .navbar
    .navbar-collapsable
    .menu-wrapper
    ul
    > li
    button.nav-link {
    padding: 0.6rem 20px 0.6rem 0;
  }
}

@media (min-width: 1400px) {
  .phantom-megamenu .navbar {
    & .navbar-collapsable {
      & .menu-wrapper {
        & .brand-container {
          img {
            max-width: 230px;
          }
        }
      }
    }
  }
}



@media (min-width: 992px) {
  .logo-il-mobile {
    display: none;
  }
}

/* socials */
.info-container {
  padding: 1rem 0 1rem 0;
}

/* social desktop */
header .socials-container-desktop {
  display: none;
}

@media (min-width: 992px) {
  header .socials-container-desktop {
    display: block;
    margin-top: 2rem;
    border-bottom: 1px solid #ffffff70;
    padding-bottom: 1rem;
  }
  header .socials-container:not(.socials-container-desktop) {
    display: none;
  }
}

/*  ---------------------------- /LAYOUT (display, margins,padding alingment etc) ----------------------------  */

/*  ---------------------------- OTHER ----------------------------  */

/* main logo header top bar */
.phantom-header-logo img {
  width: 240px;
  height: auto;
}

/* list items menu priumary */
header.phantom-megamenu
  .navbar
  .navbar-collapsable
  .navbar-nav
  li.nav-item
  button.nav-link,
header.phantom-megamenu
  .navbar
  .navbar-collapsable
  .navbar-nav
  li
  > button.nav-link {
  border-bottom: 1px solid #d9d9d94d;
}

/* plus icon  */
header.phantom-megamenu .navbar .menu-wrapper ul > li button.nav-link img {
  transition: 0.2s ease;
  transform-origin: center;
}
header.phantom-megamenu .navbar .menu-wrapper ul > li button.nav-link.show img {
  transform: rotate(45deg);
}

/* decoration bg menu */
@media (min-width: 992px) {
  .menu-wrapper {
    position: relative;
    &::after {
      content: "";
      width: 20%;
      height: 100%;
      position: absolute;
      pointer-events: none;
      top: 0;
      right: 0;
      background-image: url(../images/decoration/decoration-logo-mcs-bg-menu.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: top right;
    }
  }
}

/*  ---------------------------- /OTHER ----------------------------  */