/*!
 ______ _____   _______ _______ _______ _______ ______ _______ 
|   __ \     |_|    ___|_     _|   |   |       |   __ \   _   |
|    __/       |    ___| |   | |       |   -   |      <       |
|___|  |_______|_______| |___| |___|___|_______|___|__|___|___|

P L E T H O R A T H E M E S . C O M                    (c) 2015
                        
Theme Name: CleanStart
CUSTOM VARIABLES v.1.4
================================================================= 
*/

//== Colors

@brand-primary:         @wp-skin-color;

@body-bg:               @wp-body-bg; // Background color for `<body>`.

@text-color:            @wp-text-color;

@link-color:            @wp-link-color;

@link-hover-color:      darken(@link-color, 15%);

@header-bgcolor: @wp-header-bgcolor;
@header-link-color: @wp-header-link-color;
@header-link-hover-color: @wp-header-link-hover-color;
@sticky-header-transparency: @wp-sticky-header-transparency; // You have to add "transparent_header" class to body

@topbar-bgcolor: @wp-topbar-bgcolor;
@topbar-text-color: @wp-topbar-text-color;
@topbar-link-color: @wp-topbar-link-color;

@topbar-link-hover-color: lighten(@topbar-link-color, 15%);

@skin-colored-section-text: @wp-skin-colored-section-text;
@skin-colored-section-link: @wp-skin-colored-section-link;

@skin-colored-section-link-hover-color: darken(@skin-colored-section-link, 15%);

@dark-section-text: @wp-dark-section-text;
@dark-section-link: @wp-dark-section-link;
@dark-section-bgcolor: @wp-dark-section-bgcolor;

@dark-section-link-hover-color: darken(@dark-section-link, 15%);

@footer-bgcolor: @wp-footer-bgcolor;
@footer-text-color: @wp-footer-text-color;
@footer-link-color: @wp-footer-link-color;

@footer-link-hover-color: darken(@footer-link-color, 15%);

//== Head Panel Heights

@slider-height: @wp-slider-height;
@full-page-photo-height: 480px;

//== Typography
//
//## Font, line-height for body text, headings, and more.

@font-family-sans-serif:  @wp-font-family-sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-alternative: @wp-font-family-alternative, "Helvetica Neue", Helvetica, Arial, sans-serif;

@font-family-serif:       Georgia, "Times New Roman", Times, serif;

@font-size-base:          @wp-font-size-base;
@font-size-large:         ceil((@font-size-base * 1.1)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.8)); // ~12px


//** By default, this inherits from the `<body>`.
@headings-font-family:    @font-family-alternative;
@headings-font-weight:    normal;
@headings-line-height:    1.1;
@headings-color:          inherit;

@text-shadows:		  	  @wp-text-shadows;
@cs-headings-text-transform: @wp-cs-headings-text-transform;

//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.33;
@line-height-small:         1.5;

@border-radius-base:        6px;
@border-radius-large:       9px;
@border-radius-small:       3px;

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                700;
@btn-text-transform:             @wp-btn-text-transform;

@btn-default-color:              @body-bg;
@btn-default-bg:                 @text-color;
@btn-default-border:             @text-color;

@btn-primary-color:              @body-bg;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             transparent;

@btn-primary-inv-color:          @brand-primary;
@btn-primary-inv-bg:             transparent;
@btn-primary-inv-border:         @brand-primary;