.it-header-wrapper {
  .it-nav-wrapper {
  background-color: #FFF;
    .it-brand-wrapper {
      padding-left: 0px;

      // @include media-breakpoint-up(lg) {
      //   padding-left: 0;
      // }

    }
  }
}

.it-header-slim-wrapper {
  @include height-header-slim-wrapper;
  /* animation magic */
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;

  .it-header-slim-wrapper-content {
    a {
      &.nav-link {
        padding: 0.5rem 0.6rem;
        position: relative;

        .badge {
          position: absolute;
          top: 4px;
          right: -3px;

          &.badge-pill {
            min-width: 20px;
            height: 20px;
            padding: 0 4px;
            font-size: .66rem;
            border-radius: 50%;
            border: 1px solid $color-primary;
            line-height: normal;
          }
        }
      }

      &.dropdown-toggle {
        padding: 0.5rem 0.6rem;

        .icon {
          margin-left: 0px;

        }
      }

      &.icon-menu {
        .icon {
          width: 28px;
          height: 28px;
        }
      }
    }


    .it-header-slim-right-zone {
      .dropdown-menu-right {
        top: 0px !important;
        min-width: 13rem;

        &:before {
          left: auto;
          right: 24px;
        }
      }
    }

    .menu-profile {
      a {
        &.dropdown-toggle {
          text-transform: none;
          font-size: 16px;

          .icon {
            margin-left: 0px;
          }

          &[aria-expanded='true'] {
            .icon {
              transform: none;
            }
          }

        }

        &.btn-full {
          padding-top: 16px;
          padding-bottom: 16px;
        }

      }

      .dropdown-menu .link-list h3 {
        line-height: 1.5em;
      }
    }

  }
}

.it-header-center-wrapper {

  &.theme-light {
    .it-header-center-content-wrapper {
      .it-right-zone {
        color: $color-primary;
      }

      .it-search-wrapper {
        .btn-cerca {
          height: 44px;
          width: 44px;
          border: 0;
          border-radius: 50%;
          padding: 0;
          margin-left: 24px;

          svg {
            &.icon {
              width: 24px;
              height: 24px;
              vertical-align: middle;
              fill: #FFF;
            }
          }
        }
      }
    }
  }

  &.it-small-header {
    @include height-it-small-header;
    /* animation magic */
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
  }
}

#searchModal {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: 100%;

    .modal-content {
      height: 100%;
      overflow-y: auto;
    }
  }
}
.navbar-brand {
  a {
    display: block;

    img {
      height: 40px;
    }
  }

}

.shrink {
  .it-small-header {
    height: 60px;
    /* animation magic */
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;

    .it-brand-text {
      height: 40px;
      img {
        max-height: 40px;
        height: 40px;
      }
    }
  }

  .it-header-slim-wrapper {
    height: 40px;
    /* animation magic */
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
  }

  .menu-profile a.btn-full {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .sidebar {
    top: 100px;
    /* animation magic */
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
  }
  .navbar-brand {
    a {
      img {
        height: 30px;
      }
    }
  }
}

.z-index-99 {
  z-index: 99;
}

.it-brand-text {
  max-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  line-height: 1.3;
  img {
    max-height: 40px;
    height: 40px;
    max-width: 270px;
  }
  @include media-breakpoint-up (lg) {
    max-height: 55px;
    height: 54px;
    img {
      max-height: 55px;
      height: 54px;
    }
  }
}