.header-main {
  .container {
    .top-bar {
      background-color: $bcb-topbar-container-bg;
      border-bottom: 1px solid $bcb-topbar-container-border;
      .top-bar-nav {
        max-width: $theme-header-additional-maxwidth;
        margin: 0 auto;
      }
    }
  }
}

.top-bar-is-open {
  .navigation-flyouts {
    top: 118px !important;
  }
}

.top-bar-nav {
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: $bcb-topbar-container-bg;
  border-bottom: 1px solid $bcb-topbar-container-border;
  .topbar-max-width-container{
        display: flex;
    justify-content: space-between;
    align-items: center;
     @if $theme-header-additional-maxwidth == "1" {
          // Full-width-boxed
         width: 100%;
          max-width: $container-max-width;
          margin: 0 auto;
        } @else {
          // Full-width
          width: 100%;
          max-width: none;
          margin: 0;
        }
  }
  .top-bar-nav-btn {
    color: $bcb-header-topbar-text;
    font-size: inherit;
        display: flex;
    align-items: center;
    gap: 4px;
    &.btn {
      &:hover {
        color: $bcb-header-topbar-text-hover;
      }
    }
  }
  .top-bar-content-right {
    display: flex;
    gap: 14px;
    align-items: center;
    .service-menu {
      .icon-help {
        svg {
          color: $bcb-header-topbar-text;
        }
      }
      &:hover {
        svg {
          color: $bcb-header-topbar-text-hover;
        }
      }
    }
    .header-actions-btn-toggle {
      line-height: normal;
      .icon {
      width: 18px;
      height: 18px;
      }
      .icon-collpase {
        svg {
          color: $bcb-header-topbar-text;
          top: 4px;
          &:hover {
            color: $bcb-header-topbar-text-hover;
          }
        }
      }
      &:focus {
        box-shadow: none;
      }
    }
  }
  .top-bar-nav-text {
    color: $bcb-header-topbar-text;
    &:hover {
      color: $bcb-header-topbar-text-hover;
    }
  }
  .top-bar-content-left {
    display: flex;
    .bc-ups-topbar-item-1 {
      margin-right: 20px;
      color: $bcb-header-topbar-text;
      font-size: 14px;
      a {
        color: $bcb-header-topbar-text;
        text-decoration: none;
        &:hover {
          color: $bcb-header-topbar-text-hover;
        }
      }
    }
  }
}

.navigation-offcanvas-actions {
  .top-bar-nav-text {
    display: inline;
  }
}

.bc-header-two {
  background: #222;
  color: $bcb-whiteColor;
  padding: 0px;
  .top-bar-nav {
    justify-content: center;
    gap: 80px;
  }
}
