#portal-globalnav-wrapper {
  background: transparent;
}

.portaltype-imio-smartweb-portalpage #portal-breadcrumbs {
  display: none;
}

#portal-header {
  display: block;
  margin-top: 0;
  margin-bottom: 1.25rem;

  @include media-breakpoint-up(md) {
    position: relative;
  }

  #portal-header-top {
    @include media-breakpoint-down(lg) {
      justify-content: space-between;
    }
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding: $header-top-padding;

    @if $header-center-nav {
      justify-content: space-between;

      #portal-globalnav-wrapper {
        margin-right: 0 !important;
      }
    }

    &::after {
      content: "";
      position: absolute;
      width: 100vw;
      top: 0;
      bottom: 0;
      left: 50%;
      transform: translateX(-50vw);
      z-index: -1;
      background: $header-top-background;
    }

    #portal-logo {
      max-width: $main-logo-max-width;
      margin-top: 0;
      width: 100%;

      svg {
        max-width: 100%;
        height: 100%;
      }
    }

    #portal-globalnav-wrapper {
      margin: $header-nav-margin;
    }

    #header-links {
      display: flex;
      align-items: center;
      gap: 26px;

      @include media-breakpoint-up(lg) {
        margin-left: auto;
      }

      @include media-breakpoint-down(lg) {
        order: -2;
      }

      #header-actions {
        @include media-breakpoint-down(lg) {
          display: none !important;
        }
      }

      a,
      span {
        color: $header-links-color;
      }

      .account {
        margin: $header-links-account-margin;
        padding: $header-links-account-padding;
        border: $header-links-account-border;
        background: $header-links-account-bg;

        &:hover,
        &:focus {
          border: $header-links-account-hover-border;
          background: $header-links-account-hover-bg;
          color: $header-links-account-hover-color !important;
        }
      }

      #search-link {
        cursor: pointer;

        a {
          width: 46px;
          height: 46px;
          display: flex;
          justify-content: center;
          align-items: center;
          border: 1px solid #c1c1c1;
          border-radius: 50px;

          &::before {
            content: "";
            width: 14px;
            height: 14px;
            background: $header-search-icon no-repeat;
            background-size: 14px;
            display: block;
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(lg) {
  .navbar-expand-md .navbar-toggler {
    display: block !important;
  }
}

// MASK

.mask-menu {
  position: fixed;
  z-index: 1;
  inset: 0;
  display: block;
  background-color: $nav-mask-background;
  opacity: 0%;
  transition:
    opacity 0.05s,
    visibility 0s linear 0.25s;
  visibility: hidden;

  &.in {
    opacity: 100%;
    transition:
      opacity 0.2s ease,
      visibility 0s;
    visibility: visible;
  }
}