.navbar
    position: relative
    min-height: 50px
    width: 100%
    display: table

    &.navbar-absolute,
    &.navbar-fixed
        border-right: 1px solid $brands['default']
        border-left: 1px solid $brands['default']
        border-bottom: 1px solid $brands['default']

    &.navbar-center

        > .container
            margin: 0 auto
            width: 50%
            position: relative

    for $brand in $brands
        &.navbar-{$brand},
        &.navbar-{$brand} *
            color: lightness($brands[$brand]) < $bright-text-lightness ? #ffffff : #000000

            > .container
                background-color: $brands[$brand]
                border-color: lightness($brands[$brand]) < $bright-border-lightness ? $brands[$brand] : darken(#ffffff, 25%)

    > .container
        clear: both
        margin-right: auto
        margin-left: auto
        display: table
        width:100%
        height:60px

        > .nav
            float: right;
            margin-right: 20px;
            margin-top: 20px;
            display: inline-block;

    .navbar-title
        float: left
        display: inline-block
        margin-left: 20px
        margin-top: 20px
        font-weight: bold

        > * > a
            color: black
            text-decoration: none

    .navbar-content
        float: right
        margin-left: 20px
        margin-top: 20px