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

// Global values
// --------------------------------------------------

// Grays
// -------------------------
@font-path                                   : '../fonts/';

@gray-darker                                 : lighten(#000, 13.5%); // #222
@gray-dark                                   : lighten(#000, 20%);   // #333
@gray                                        : lighten(#000, 33.5%); // #555
@gray-light                                  : lighten(#000, 60%);   // #999
@gray-lighter                                : lighten(#000, 93.5%); // #eee

// Brand colors
// -------------------------

@brand-primary                               : #179bb2;
@brand-success                               : #5cb85c;
@brand-warning                               : #f0ad4e;
@brand-danger                                : #d9534f;
@brand-info                                  : #5bc0de;

// Scaffolding
// -------------------------

@body-bg                                     : #E9E9E9;
@text-color                                  : #909090;

// Links
// -------------------------

@link-color                                  : #000000;
@link-hover-color                            : #d35346;

// Typography
// -------------------------

@font-family-sans-serif                      : 'rockwellregular', sans-serif;
@font-family-serif                           : Georgia, "Times New Roman", Times, serif;
@font-family-monospace                       : Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base                            : @font-family-sans-serif;

@font-size-base                              : 14px;
@font-size-large                             : ceil(@font-size-base * 1.25); // ~18px
@font-size-small                             : ceil(@font-size-base * 0.85); // ~12px

@line-height-base                            : 1.428571429; // 20/14
@line-height-computed                        : floor(@font-size-base * @line-height-base); // ~20px

@headings-font-family                        : 'montserratbold', sans-serif;
@headings-font-weight                        : 400;
@headings-line-height                        : 1.1;
@headings-color                              : inherit;

// Iconography
// -------------------------

@icon-font-path                              : "../fonts/";
@icon-font-name                              : "glyphicons-halflings-regular";

@theme-font-path                             : "../fonts/";
@fa-font-path                                : "../fonts/";
@fa-version                                  : 4.2;


// Components
// -------------------------
// Based on 14px font-size 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;

@line-height-large                           : 1.33;
@line-height-small                           : 1.5;

@border-radius-base                          : 4px;
@border-radius-large                         : 6px;
@border-radius-small                         : 3px;
@border-color                                : #e5e5e5;

@component-active-bg                         : @brand-primary;

@caret-width-base                            : 4px;
@caret-width-large                           : 5px;

// Tables
// -------------------------

@table-cell-padding                          : 8px;
@table-condensed-cell-padding                : 5px;

@table-bg                                    : transparent; // overall background-color
@table-bg-accent                             : #f9f9f9; // for striping
@table-bg-hover                              : #f5f5f5;
@table-bg-active                             : @table-bg-hover;

@table-border-color                          : #ddd; // table and cell border


// Buttons
// -------------------------

@btn-font-weight                             : normal;

@btn-default-color                           : #000;
@btn-default-bg                              : #fff;
@btn-default-border                          : #000;

@btn-primary-color                           : #000;
@btn-primary-bg                              : #fff;
@btn-primary-border                          : #000;

@btn-success-color                           : @brand-success;
@btn-success-bg                              : #fff;
@btn-success-border                          : @brand-success;

@btn-warning-color                           : @brand-warning;
@btn-warning-bg                              : #fff;
@btn-warning-border                          : @brand-warning;

@btn-danger-color                            : @brand-danger;
@btn-danger-bg                               : #fff;
@btn-danger-border                           : @brand-danger;

@btn-info-color                              : @brand-info;
@btn-info-bg                                 : #fff;
@btn-info-border                             : @brand-info;

@btn-link-disabled-color                     : @gray-light;


// Forms
// -------------------------

@input-bg                                    : #fff;
@input-bg-disabled                           : @gray-lighter;

@input-color                                 : @gray;
@input-border                                : #ccc;
@input-border-radius                         : @border-radius-base - 3;
@input-border-focus                          : #66afe9;

@input-color-placeholder                     : @gray-light;

@input-height-base                           : (@line-height-computed + (@padding-base-vertical * 2) - 0);
@input-height-large                          : (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
@input-height-small                          : (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@legend-color                                : @gray-dark;
@legend-border-color                         : #e5e5e5;

@input-group-addon-bg                        : @gray-lighter;
@input-group-addon-border-color              : @input-border;


// Dropdowns
// -------------------------

@dropdown-bg                                 : #fff;
@dropdown-border                             : rgba(0,0,0,.15);
@dropdown-fallback-border                    : #ccc;
@dropdown-divider-bg                         : #e5e5e5;

@dropdown-link-active-color                  : #fff;
@dropdown-link-active-bg                     : @component-active-bg;

@dropdown-link-color                         : @gray-dark;
@dropdown-link-hover-color                   : #fff;
@dropdown-link-hover-bg                      : @dropdown-link-active-bg;

@dropdown-link-disabled-color                : @gray-light;

@dropdown-header-color                       : @gray-light;

@dropdown-caret-color                        : #000;


// COMPONENT VARIABLES
// --------------------------------------------------


// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these            : )

@zindex-navbar                               : 1000;
@zindex-dropdown                             : 1000;
@zindex-popover                              : 1010;
@zindex-tooltip                              : 1030;
@zindex-navbar-fixed                         : 1030;
@zindex-modal-background                     : 1040;
@zindex-modal                                : 1050;

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
@screen-xs                                   : 480px;
@screen-phone                                : @screen-xs;

// Small screen / tablet
@screen-sm                                   : 768px;
@screen-tablet                               : @screen-sm;

// Medium screen / desktop
@screen-md                                   : 992px;
@screen-desktop                              : @screen-md;

// Large screen / wide desktop
@screen-lg                                   : 1200px;
@screen-lg-desktop                           : @screen-lg;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max                               : (@screen-sm - 1);
@screen-sm-max                               : (@screen-md - 1);
@screen-md-max                               : (@screen-lg - 1);


// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns                                : 12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width                           : 18px;
// Point at which the navbar stops collapsing
@grid-float-breakpoint                       : @screen-tablet;


// Navbar
// -------------------------

// Basics of a navbar
@navbar-height                               : 36px;
@navbar-margin-bottom                        : 0;
@navbar-default-color                        : #777;
@navbar-default-bg                           : transparent;
@navbar-default-border                       : transparent;
@navbar-border-radius                        : @border-radius-base;
@navbar-padding-horizontal                   : floor(@grid-gutter-width / 2);
@navbar-padding-vertical                     : ((@navbar-height - @line-height-computed) / 2);

// Navbar links
@navbar-default-link-color                   : #fff;
@navbar-default-link-hover-color             : #fff;
@navbar-default-link-hover-bg                : #262A2E;
@navbar-default-link-active-color            : #fff;
@navbar-default-link-active-bg               : #262A2E;
@navbar-default-link-disabled-color          : #ccc;
@navbar-default-link-disabled-bg             : transparent;

// Navbar brand label
@navbar-default-brand-color                  : @navbar-default-link-color;
@navbar-default-brand-hover-color            : darken(@navbar-default-link-color, 10%);
@navbar-default-brand-hover-bg               : transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg              : transparent;
@navbar-default-toggle-icon-bar-bg           : #fff;
@navbar-default-toggle-border-color          : transparent;


// Inverted navbar
//
// Reset inverted navbar basics
@navbar-inverse-color                        : @gray-light;
@navbar-inverse-bg                           : #222;
@navbar-inverse-border                       : darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color                   : @gray-light;
@navbar-inverse-link-hover-color             : #fff;
@navbar-inverse-link-hover-bg                : transparent;
@navbar-inverse-link-active-color            : @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg               : darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color          : #444;
@navbar-inverse-link-disabled-bg             : transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color                  : @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color            : #fff;
@navbar-inverse-brand-hover-bg               : transparent;

// Inverted navbar search
// Normal navbar needs no special styles or vars
@navbar-inverse-search-bg                    : lighten(@navbar-inverse-bg, 25%);
@navbar-inverse-search-bg-focus              : #fff;
@navbar-inverse-search-border                : @navbar-inverse-bg;
@navbar-inverse-search-placeholder-color     : #ccc;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg              : #333;
@navbar-inverse-toggle-icon-bar-bg           : #fff;
@navbar-inverse-toggle-border-color          : #333;


// Navs
// -------------------------

@nav-link-padding                            : 7px 16px;
@nav-link-hover-bg                           : #fff;

@nav-disabled-link-color                     : @gray-light;
@nav-disabled-link-hover-color               : @gray-light;

@nav-open-link-hover-color                   : #fff;
@nav-open-caret-border-color                 : #fff;

// Tabs
@nav-tabs-border-color                       : #ddd;

@nav-tabs-link-hover-border-color            : @gray-lighter;

@nav-tabs-active-link-hover-bg               : @body-bg;
@nav-tabs-active-link-hover-color            : #000;
@nav-tabs-active-link-hover-border-color     : #ddd;

@nav-tabs-justified-link-border-color        : #ddd;
@nav-tabs-justified-active-link-border-color : @body-bg;

// Pills
@nav-pills-active-link-hover-bg              : @component-active-bg;
@nav-pills-active-link-hover-color           : #fff;


// Pagination
// -------------------------

@pagination-bg                               : #fff;
@pagination-border                           : transparent;

@pagination-hover-bg                         : transparent;

@pagination-active-bg                        : transparent;
@pagination-active-color                     : @text-color;

@pagination-disabled-color                   : @gray-light;


// Pager
// -------------------------

@pager-border-radius                         : 15px;
@pager-disabled-color                        : @gray-light;


// Jumbotron
// -------------------------

@jumbotron-padding                           : 30px;
@jumbotron-color                             : inherit;
@jumbotron-bg                                : @gray-lighter;

@jumbotron-heading-color                     : #000;


// Form states and alerts
// -------------------------

@state-warning-text                          : #c09853;
@state-warning-bg                            : #fcf8e3;
@state-warning-border                        : darken(spin(@state-warning-bg, -10), 3%);

@state-danger-text                           : #b94a48;
@state-danger-bg                             : #f2dede;
@state-danger-border                         : darken(spin(@state-danger-bg, -10), 3%);

@state-success-text                          : #468847;
@state-success-bg                            : #dff0d8;
@state-success-border                        : darken(spin(@state-success-bg, -10), 5%);

@state-info-text                             : #3a87ad;
@state-info-bg                               : #d9edf7;
@state-info-border                           : darken(spin(@state-info-bg, -10), 7%);


// Tooltips
// -------------------------
@tooltip-max-width                           : 200px;
@tooltip-color                               : #fff;
@tooltip-bg                                  : #000;

@tooltip-arrow-width                         : 5px;
@tooltip-arrow-color                         : @tooltip-bg;


// Popovers
// -------------------------
@popover-bg                                  : #fff;
@popover-max-width                           : 276px;
@popover-border-color                        : rgba(0,0,0,.2);
@popover-fallback-border-color               : #ccc;

@popover-title-bg                            : darken(@popover-bg, 3%);

@popover-arrow-width                         : 10px;
@popover-arrow-color                         : #fff;

@popover-arrow-outer-width                   : (@popover-arrow-width + 1);
@popover-arrow-outer-color                   : rgba(0,0,0,.25);
@popover-arrow-outer-fallback-color          : #999;


// Labels
// -------------------------

@label-default-bg                            : @gray-light;
@label-primary-bg                            : @brand-primary;
@label-success-bg                            : @brand-success;
@label-info-bg                               : @brand-info;
@label-warning-bg                            : @brand-warning;
@label-danger-bg                             : @brand-danger;

@label-color                                 : @text-color;
@label-link-hover-color                      : @text-color;


// Modals
// -------------------------
@modal-inner-padding                         : 20px;

@modal-title-padding                         : 15px;
@modal-title-line-height                     : @line-height-base;

@modal-content-bg                            : #fff;
@modal-content-border-color                  : #e5e5e5;
@modal-content-fallback-border-color         : #999;

@modal-backdrop-bg                           : #000;
@modal-header-border-color                   : #e5e5e5;
@modal-footer-border-color                   : @modal-header-border-color;


// Alerts
// -------------------------
@alert-padding                               : 15px;
@alert-border-radius                         : @border-radius-base;
@alert-link-font-weight                      : bold;

@alert-success-bg                            : @state-success-bg;
@alert-success-text                          : @state-success-text;
@alert-success-border                        : @state-success-border;

@alert-info-bg                               : @state-info-bg;
@alert-info-text                             : @state-info-text;
@alert-info-border                           : @state-info-border;

@alert-warning-bg                            : @state-warning-bg;
@alert-warning-text                          : @state-warning-text;
@alert-warning-border                        : @state-warning-border;

@alert-danger-bg                             : @state-danger-bg;
@alert-danger-text                           : @state-danger-text;
@alert-danger-border                         : @state-danger-border;


// Progress bars
// -------------------------
@progress-bg                                 : #f5f5f5;
@progress-bar-color                          : #fff;

@progress-bar-bg                             : @brand-primary;
@progress-bar-success-bg                     : @brand-success;
@progress-bar-warning-bg                     : @brand-warning;
@progress-bar-danger-bg                      : @brand-danger;
@progress-bar-info-bg                        : @brand-info;


// List group
// -------------------------
@list-group-bg                               : #fff;
@list-group-border                           : #ddd;
@list-group-border-radius                    : @border-radius-base;

@list-group-hover-bg                         : #f5f5f5;
@list-group-active-color                     : #fff;
@list-group-active-bg                        : @component-active-bg;
@list-group-active-border                    : @list-group-active-bg;

@list-group-link-color                       : #555;
@list-group-link-heading-color               : #333;


// Panels
// -------------------------
@panel-bg                                    : #fff;
@panel-inner-border                          : #ddd;
@panel-border-radius                         : @border-radius-base;
@panel-footer-bg                             : #f5f5f5;

@panel-default-text                          : @gray-dark;
@panel-default-border                        : #ddd;
@panel-default-heading-bg                    : #f5f5f5;

@panel-primary-text                          : #fff;
@panel-primary-border                        : @brand-primary;
@panel-primary-heading-bg                    : @brand-primary;

@panel-success-text                          : @state-success-text;
@panel-success-border                        : @state-success-border;
@panel-success-heading-bg                    : @state-success-bg;

@panel-warning-text                          : @state-warning-text;
@panel-warning-border                        : @state-warning-border;
@panel-warning-heading-bg                    : @state-warning-bg;

@panel-danger-text                           : @state-danger-text;
@panel-danger-border                         : @state-danger-border;
@panel-danger-heading-bg                     : @state-danger-bg;

@panel-info-text                             : @state-info-text;
@panel-info-border                           : @state-info-border;
@panel-info-heading-bg                       : @state-info-bg;


// Thumbnails
// -------------------------
@thumbnail-padding                           : 4px;
@thumbnail-bg                                : @body-bg;
@thumbnail-border                            : #ddd;
@thumbnail-border-radius                     : @border-radius-base;

@thumbnail-caption-color                     : @text-color;
@thumbnail-caption-padding                   : 9px;


// Wells
// -------------------------
@well-bg                                     : #f5f5f5;


// Badges
// -------------------------
@badge-color                                 : #fff;
@badge-link-hover-color                      : #fff;
@badge-bg                                    : @gray-light;

@badge-active-color                          : @link-color;
@badge-active-bg                             : #fff;

@badge-font-weight                           : bold;
@badge-line-height                           : 1;
@badge-border-radius                         : 10px;


// Breadcrumbs
// -------------------------
@breadcrumb-bg                               : transparent;
@breadcrumb-color                            : #ccc;
@breadcrumb-active-color                     : @gray-light;


// Carousel
// ------------------------

@carousel-text-shadow                        : 0 1px 2px rgba(0,0,0,.6);

@carousel-control-color                      : #fff;
@carousel-control-width                      : 15%;
@carousel-control-opacity                    : .5;
@carousel-control-font-size                  : 20px;

@carousel-indicator-active-bg                : #fff;
@carousel-indicator-border-color             : #fff;

@carousel-caption-color                      : #fff;


// Close
// ------------------------
@close-color                                 : #000;
@close-font-weight                           : bold;
@close-text-shadow                           : 0 1px 0 #fff;


// Code
// ------------------------
@code-color                                  : #c7254e;
@code-bg                                     : #f9f2f4;

@pre-bg                                      : #f5f5f5;
@pre-color                                   : @gray-dark;
@pre-border-color                            : #ccc;
@pre-scrollable-max-height                   : 340px;

// Type
// ------------------------
@text-muted                                  : @gray-light;
@abbr-border-color                           : @gray-light;
@headings-small-color                        : @gray-light;
@blockquote-small-color                      : @gray-light;
@blockquote-border-color                     : @gray-lighter;
@page-header-border-color                    : @gray-lighter;

// Miscellaneous
// -------------------------

// Hr border color
@hr-border                                   : @gray-lighter;

// Horizontal forms & lists
@component-offset-horizontal                 : 180px;


// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet                            : ((720px + @grid-gutter-width));

// Medium screen / desktop
@container-desktop                           : ((940px + @grid-gutter-width));

// Large screen / wide desktop
@container-lg-desktop                        : ((1170px + @grid-gutter-width));