.et-widget-uspbar {

  font-size: small;

  &.bg-fullsize,
  &.bg-boxed .container {
    background-color: $colorNeutral2;
    color: color-yiq($colorNeutral2);
  }

  &.bottom-line-enabled:not(.bg-fullsize) {
    .container,
    .container-fluid {
      border-bottom: 1px solid $colorPrimary1;
    }
  }
  &.bottom-line-enabled.bg-fullsize {
    border-bottom: 1px solid $colorPrimary1;
  }

  .container,
  .container-fluid {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .et-usp-bar-content {
    display: flex;
    flex-direction: row;
    gap: $grid-gutter-width;
    justify-content: space-between;
  }

  .et-usp-bar-content-left,
  .et-usp-bar-content-center,
  .et-usp-bar-content-right {
    display: flex;
    flex-direction: row;
    gap: $grid-gutter-width;
    flex-wrap: wrap;
  }
  .et-usp-bar-content-left {
    justify-content: flex-start;
  }
  .et-usp-bar-content-center {
    justify-content: center;
  }
  .et-usp-bar-content-right {
    justify-content: flex-end;
  }

  .et-usp-bar-item,
  .et-usp-bar-item-link {
    display: flex;
    align-items: center;
    gap: 5px;

    img.et-usp-bar-item-image {
      max-height: 18px;
      width: auto;
    }
  }

  .dropdown-toggle {
    padding-top: 0;
    padding-bottom: 0;
  }

  /*
   * Defacto these dropdowns are visible above all others and need a higher than default z-index.
   */
  .dropdown-menu {
    z-index: $zindex-fixed + 5;
  }
}