#header
  background-color: $brand-color
  position: fixed
  width: 100%
  z-index: 9999999

  .top-bar
    background-color: $brand-color

    a
      font-size: 1.1rem

    .top-bar-section
      .has-dropdown
        &:hover, &.hover
          a
            background-color: $lightest-brand-color
            color: #fff !important

            &.addon-link
              background-color: transparent
              color: #4c8dcf !important

          & > a:after
            border-color: rgba(255, 255, 255, 1) transparent transparent transparent

    .top-bar-section
      ul
        li
          & > a
            background-color: $brand-color
            padding-right: 44px !important

            &:hover
              background-color: $lightest-brand-color

        & > .divider
          border-right-color: $top-menu-border-color

  .title-area
    width: 239px

    a
      color: #fff

#header
  background-color: $brand-color
  position: fixed
  width: 100%
  z-index: 9999999

  .top-bar
    background-color: $brand-color

    a
      font-size: 1.1rem

    .top-bar-section
      .has-dropdown
        &:hover, &.hover
          a
            background-color: $lightest-brand-color
            color: #fff !important

            &.addon-link
              background-color: transparent
              color: #4c8dcf !important

          & > a:after
            border-color: rgba(255, 255, 255, 1) transparent transparent transparent

    .top-bar-section
      ul
        li
          & > a
            background-color: $brand-color

            &:hover
              background-color: $lightest-brand-color

        & > .divider
          border-right-color: $top-menu-border-color

  .title-area
    width: 239px

    a
      color: #fff

Fix the right padding of the top menus
Fix the right padding of the top menus
