// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

//
// Component: Navbar
//
// ========================================================================


// Variables
// ========================================================================

@navbar-background:                             rgba(0,0,0,0);
@navbar-color:                                  @global-color;
@navbar-link-color:                             @global-link-color;
@navbar-link-hover-color:                       @global-dark-background;

@navbar-nav-height:                             100px;
@navbar-nav-padding-horizontal:                 20px;
@navbar-nav-color:                              @global-dark-color;
@navbar-nav-font-size:                          15px;
@navbar-nav-font-weight:                        400;
@navbar-nav-font-family:                        @global-small-font-family;
@navbar-nav-hover-background:                   @navbar-background;
@navbar-nav-hover-color:                        @global-color;
@navbar-nav-onclick-background:                 @navbar-background;
@navbar-nav-onclick-color:                      @global-color;
@navbar-nav-active-background:                  @navbar-background;
@navbar-nav-active-color:                       @navbar-nav-color;

@navbar-brand-font-size:                        round((@global-font-size * 1.28)); // 18px / 20px
@navbar-brand-color:                            @global-dark-color;
@navbar-brand-hover-color:                      @global-color;

@navbar-toggle-font-size:                       round((@global-font-size * 1.28)); // 18px / 20px
@navbar-toggle-color:                           @global-color;
@navbar-toggle-hover-color:                     @global-color;

//
// New
//

@navbar-nav-letter-spacing:                     0;
@navbar-nav-text-transform:                     @global-text-transform;
@navbar-nav-muted-color:                        fade(@navbar-nav-color, 40%);

@navbar-brand-font-family:                      @global-heading-font-family;
@navbar-brand-font-weight:                      normal;
@navbar-brand-text-transform:                   @global-text-transform;


// Component
// ========================================================================

.hook-navbar() {}


// Sub-object: `uk-navbar-nav`
// ========================================================================

.hook-navbar-nav() {
    letter-spacing: @navbar-nav-letter-spacing;
    text-transform: @navbar-nav-text-transform;
}

// Hover
.hook-navbar-nav-hover() {}

// OnClick
.hook-navbar-nav-onclick() {}

// Active
.hook-navbar-nav-active() {}


// Sub-object: `uk-navbar-content`
// ========================================================================

.hook-navbar-content() {}


// Miscellaneous
// ========================================================================

.hook-navbar-misc() {

    .uk-navbar-brand {
        font-family: @navbar-brand-font-family;
        font-weight: @navbar-brand-font-weight;
        text-transform: @navbar-brand-text-transform;
    }

    // Hover Navbar
    .uk-navbar-nav:hover > li > a {
        color: @navbar-nav-muted-color;
        -webkit-transition: color 0.3s ease-in;
        transition: color 0.3s ease-in;
    }

    .uk-navbar-nav:hover > li > a:hover { color: @navbar-nav-color; }

    /* Appear not as link */
    .uk-navbar-nav > li > a[href='#'] { cursor: pointer; }

}