@import '../../../brand-globals/src/less/variables';

//
// Variables
// --------------------------------------------------

@brand-asset-path:    '@{brand-asset-location}parken-und-fliegen/assets/';
@thumbnail-bg:        @color-white;

@btn-default-color:     @color-white;
@btn-default-bg:        @brand-primary;
@btn-default-border:    @btn-default-bg;


//== Labels
//
//##

@label-default-bg:               @gray;
@label-secondary-color:          @gray-dark;


//== Labels muted
//
//##

@label-muted-default-bg:       @gray-lighter;
@label-muted-primary-bg:       tint(@brand-primary, 90%);
@label-muted-secondary-bg:     tint(@brand-secondary, 80%);
@label-muted-success-bg:       tint(@brand-success, 90%);
@label-muted-info-bg:          tint(@brand-info, 90%);
@label-muted-warning-bg:       tint(@brand-warning, 90%);
@label-muted-danger-bg:        tint(@brand-danger, 90%);

@label-muted-default-color:    @text-color;
@label-muted-secondary-color:  @text-color;


//== Backgrounds
@body-bg:   @color-white;

//== Nav Bar
@navbar-default-color:          @color-white;
@navbar-default-link-color:     @gray-dark;
@nav-tabs-active-link-hover-bg: @gray-darker;
@navbar-default-padding-top:    0;
@navbar-default-margin-top:     0;
@navbar-default-margin-bottom:  20px;
.nav-tabs {
  > li {
    > a {
      color: @gray-darker;
      background-color: @gray-lighter;
    }
  }
}

// Typography
@font-family:   'Helvetica Neue', Helvetica, Arial, sans-serif;

@font-size-h1:            @font-size-base * 1.625; // ~26px
@font-size-h2:            @font-size-base * 1.25; // ~20px
@font-size-h3:            @font-size-base * 1.125; // ~18px
@font-size-h4:            @font-size-base * 1; // ~16px
@font-size-h5:            @font-size-base * 0.875; // ~14px
@font-size-h6:            @font-size-base * .75; // ~12px

//== Footer
@footer-bg:                       @bg-primary;
@footer-color:                    @color-white;

@footer-bottom-bg:                darken(@bg-primary, 10%);
@footer-bottom-color:             @color-white;
@footer-bottom-link:              @color-white;
@footer-bottom-padding-vertical:  @block-padding-small;
@footer-bottom-link-hover:        @text-muted-inverse;

@footer-top-link:                 @gray;
@footer-top-bg:                   @color-white;
@footer-top-color:                @gray-darker;
@footer-top-link-hover:           @gray-dark;

// Mobile Apps Banner
.footer-apps {
  background-color:             @brand-primary;
}

//== Logo
@logo:          '@{brand-asset-path-images}logo_parken-und-fliegen.png';
@logo-width:    293px;
@logo-height:   66px;

//== Buttons
@button-separator:  2px;
@button-padding:  10px;

// Tabs
@nav-tabs-border-color:                         @brand-primary;
@nav-tabs-link-hover-border-color:              @gray;
@nav-tabs-active-link-hover-bg:                 @brand-primary;
@nav-tabs-active-link-hover-color:              @color-white;
@nav-tabs-active-link-hover-border-color:       @nav-tabs-border-color;
@nav-tabs-justified-link-border-color:          @nav-tabs-border-color;
@nav-tabs-justified-active-link-border-color:   @nav-tabs-active-link-hover-bg;