.uber-header {
	&.header-7 {
		&.light-color {
			background-color: @white;
			height: auto;
			padding-top: @t3-global-padding;
			border-bottom: 0;
		}

		.logo {
			padding-bottom: @t3-global-padding;
			height: auto;
			line-height: 1;
			border-right: 0;
		}

		.t3-mainnav {
			width: 100%;
			border-top: 1px solid @t3-border-color;
			border-bottom: 1px solid @t3-border-color;
		}

		.row {
			position: relative;
		}

		// Navigation right
    .site-navigation-right {
      .right-menu {
        ul li {
          > a {
            border: 0;
            text-transform: none;
          	font-weight: @font-weight-bold;
          	background: @brand-secondary;
          	padding: @t3-global-padding/2 @t3-global-padding;
          	color: @white;
          	height: auto;
          	line-height: 1;
          	border-radius: 2px;

            &:hover, &:focus {
              background: darken(@brand-secondary, 10%);
              color: @white;
            }

            &.head-login:after {
              top: 11px;
              color: @white;
              left: 20px;
            }
          }

          &.active > a,
          &.alias-parent-active > a {
            &, &:hover {
              background: darken(@brand-secondary, 10%);
              color: @white;
            }
          }
        }
      }
    }

    .off-canvas-toggle {
      border: 0;
      text-transform: none;
      font-weight: @font-weight-bold;
      position: absolute;
      right: 0;
      bottom: 0;

      @media (max-width: @screen-sm-max) {
        right: @grid-gutter-width/4;
      }

      span {
      	display: none;
      }

      .fa {
      	margin-left: 0;
      }

      &:hover, &:focus, &:active {
        color: @brand-primary;
        background: transparent;
      }
    }

    // Navigation
    .navbar-default .navbar-nav {
      > li {
        border-right-color: @t3-border-color;
        .transition(all 0.2s);

        > a {
          text-transform: none;
          font-weight: @font-weight-bold;

          &:hover,
          &:focus {
          }
        }

        > .nav-header {
        }
      }

      > .open > a {
        &,
        &:hover,
        &:focus {
          background-color: @gray-lightest;
          border: 0;
        }
      }

      > .active > a,
      > .alias-parent-active > a {
        & {
          color: @brand-primary;
          background-color: transparent;
        }

        &:hover,
        &:focus {
          background-color: @gray-lightest;
        }
      }

      .dropdown-menu {
      	border: 0;
        background-color: @gray-lightest;
      }
    }
	}

	&.affix {
		position: fixed;
	}
}