@media (max-width: #{map-get($grid-breakpoints, lg)}) {
  .it-header-center-wrapper.theme-light + .it-header-navbar-wrapper {
    .custom-navbar-toggler .icon {
      fill: $navigation-light-text-color;
    }
  }
  .it-header-navbar-wrapper {
    &.theme-dark-mobile {
      .navbar {
        // navbar mobile
        .navbar-collapsable {
          // menu vrapper
          .menu-wrapper {
            background: $navigation-dark-bg-color;
            // heading megacolumn
            .nav-item.megamenu .dropdown-menu {
              .col-12:not(:first-child) {
                .it-heading-megacolumn {
                  &:before {
                    background: $navigation-light-megamenu-separator-color;
                  }
                }
              }
            }
            .navbar-nav {
              .dropdown-menu {
                .link-list-wrapper {
                  h3,
                  .link-list-heading {
                    color: $navigation-dark-text-color;
                  }
                }
                // h3 separator
                .col-12:not(:first-child) {
                  .link-list-wrapper {
                    h3,
                    .link-list-heading {
                      &:before {
                        background: $navigation-dark-separator-color;
                      }
                    }
                  }
                }
              }
            }
          }
          /*lista menu*/
          .navbar-nav {
            // external link
            .it-external {
              .link-list-wrapper {
                .link-list {
                  li.it-more {
                    a {
                      &:before {
                        background: $navigation-dark-separator-color;
                      }
                    }
                  }
                }
              }
            }
            li {
              &.dropdown {
                .icon {
                  fill: $navigation-dark-text-color;
                }
              }
              &.megamenu {
                // footer cta
                .it-megamenu-footer {
                  background: $navigation-light-megamenu-footer-bg-color;
                }
                // asymettrical column
                .it-heading-megacolumn-wrapper {
                  .it-heading-megacolumn {
                    color: $navigation-dark-text-color;
                  }
                }
                // vertical cta
                .dropdown-menu {
                  .it-vertical {
                    background: $navigation-light-megamenu-footer-bg-color;
                    .link-list-wrapper {
                      .link-list {
                        li {
                          .divider {
                            background: $navigation-light-megamenu-separator-color;
                          }
                        }
                      }
                    }
                    // description content
                    &.it-description {
                      p {
                        color: $navigation-dark-text-color;
                      }
                      .description-content {
                        &:before {
                          background: $navigation-light-megamenu-separator-color;
                        }
                      }
                    }
                  }
                }
              }
              a.nav-link {
                color: $navigation-dark-text-color;
                &.active {
                  border-left-color: $navigation-dark-text-color;
                }
              }
            }
          }
        }
        //wrapper pulsante di chiusura menu
        .close-div {
          .close-menu {
            color: $navigation-dark-text-color;
          }
        }
        //dropdown
        .dropdown-menu {
          h3,
          .link-list-heading {
            font-weight: 600;
            &.it-heading-megacolumn {
              color: $navigation-dark-text-color;
            }
          }
          .link-list-wrapper {
            ul {
              li {
                a {
                  &.list-item.active {
                    color: $navigation-dark-text-color;

                    span {
                      color: $navigation-dark-text-color;
                    }
                  }
                  span {
                    color: $navigation-dark-text-color;
                  }
                  i {
                    color: $navigation-dark-text-color;
                  }
                  h3,
                  .link-list-heading {
                    color: $navigation-dark-text-color;
                  }
                }
                h3,
                .link-list-heading {
                  color: $navigation-dark-text-color;
                }
                .divider {
                  background: $navigation-dark-separator-color;
                }
              }
            }
          }
        }
      }
    }
  }
}

/*
++++++++++++++++++++++++++++++Desktop light Theme+++++++++++++++++++++++++++++++++++++++++++++++++
*/
@media (min-width: #{map-get($grid-breakpoints, lg)}) {
  .it-header-navbar-wrapper {
    &.theme-light-desk {
      background: $navigation-light-bg-color;
      box-shadow: $dropdown-box-shadow;
      .navbar .navbar-collapsable .navbar-nav li a.nav-link.dropdown-toggle svg {
        fill: $navigation-light-text-color;
      }

      .navbar {
        background: transparent;
        // navbar mobile
        .navbar-collapsable {
          // menu vrapper
          .menu-wrapper {
            background: $navigation-light-bg-color;
            .navbar-nav {
              .dropdown-menu {
                h3,
                .link-list-heading {
                  color: $navigation-light-bg-color;
                }
                .link-list {
                  h3 {
                    color: $navigation-light-bg-color;
                  }
                }
              }
            }
          }
          /*lista menu*/
          .navbar-nav {
            li {
              // megamenu variation
              &.megamenu {
                // external link
                .it-external {
                  .link-list-wrapper {
                    .link-list {
                      li.it-more {
                        a {
                          &:before {
                            background: $navigation-light-megamenu-separator-color;
                          }
                        }
                      }
                    }
                  }
                }
                a.nav-link {
                  &:before {
                    background-color: $navigation-light-text-color;
                  }
                }
                // footer cta
                .it-megamenu-footer {
                  background: $navigation-light-megamenu-footer-bg-color;
                }
                .dropdown-menu {
                  // asymettrical column
                  .it-heading-megacolumn-wrapper {
                    .it-heading-megacolumn {
                      color: $navigation-light-bg-color;
                    }
                  }
                  // vertical cta
                  .it-vertical {
                    background: $navigation-light-megamenu-footer-bg-color;
                    .link-list-wrapper {
                      .link-list {
                        li {
                          .divider {
                            background: $navigation-light-megamenu-separator-color;
                          }
                        }
                      }
                    }
                  }
                }
                // description content
                .it-description {
                  p {
                    color: $navigation-light-bg-color;
                  }
                }
              }

              a.nav-link {
                color: $navigation-light-text-color;
                &.active {
                  border-bottom-color: $navigation-light-text-color;
                }
              }
            }
          }
        }
        //dropdown
        .dropdown-menu {
          background: $navigation-light-text-color;
          h3 {
            font-weight: 600;
            &.it-heading-megacolumn {
              color: $navigation-light-bg-color;
            }
          }
          &:before {
            background: $navigation-light-text-color;
          }
          .link-list-wrapper {
            ul {
              li {
                a {
                  &.list-item.active {
                    color: $navigation-light-bg-color;

                    span {
                      color: $navigation-light-bg-color;
                    }
                  }
                  span {
                    color: $navigation-light-bg-color;
                  }
                  i {
                    color: $navigation-light-bg-color;
                  }
                  h3 {
                    color: $navigation-light-bg-color;
                  }
                }
                h3 {
                  color: $navigation-light-bg-color;
                }
                .divider {
                  background: $navigation-light-separator-color;
                }
              }
            }
          }
        }
      }
    }
  }
}