@internal-fonts: 'Roboto:300,400|Roboto+Condensed:300,400,700|Open+Sans:600';
@global-font-family: Roboto;
@global-font-size: 16px;
@global-line-height: 1.625; // 26px
@global-2xlarge-font-size: 46px;
@global-xlarge-font-size: 36px;
@global-large-font-size: 22px;
@global-medium-font-size: 18px;
@global-small-font-size: 13px;
@global-primary-font-family: Roboto Condensed;
@global-primary-font-weight: 300;
@global-primary-text-transform: none;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: Roboto;
@global-secondary-font-weight: normal;
@global-secondary-text-transform: inherit;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
@global-color: #767779;
@global-emphasis-color: #5b5b5b;
@global-muted-color: #aaa;
@global-link-color: @global-primary-background;
@global-link-hover-color: darken(@global-link-color, 10%);
@global-inverse-color: #fff;
@global-background: #fff;
@global-muted-background: #fafafa;
@global-primary-background: #00a0de;
@global-secondary-background: #1b2831;
@global-success-background: #01ce7f;
@global-warning-background: #f8d027;
@global-danger-background: #f54f43;
@global-border: #e8e8e8;
@global-border-width: 1px;
@global-border-radius: 2px;
@global-small-box-shadow: 0 3px 12px rgba(0,0,0,0.07);
@global-medium-box-shadow: 0 4px 28px rgba(0,0,0,0.07);
@global-large-box-shadow: 0 6px 50px rgba(0,0,0,0.05);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;
@global-gutter: 25px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;
@global-control-height: 40px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-body-font-weight: 300;
@base-link-hover-text-decoration: none;
@base-h1-font-size: @global-2xlarge-font-size * 0.82; // 44px
@base-h5-font-size: @global-small-font-size;
@base-blockquote-font-size: 20px;
@base-blockquote-footer-margin-top: @global-margin;
@base-h3-font-weight: 700;
@base-h3-text-transform: uppercase;
@base-h4-font-family: @global-primary-font-family;
@base-h4-font-weight: 700;
@base-h4-text-transform: uppercase;
@base-h4-letter-spacing: @global-primary-letter-spacing;
@base-h4-font-style: @global-primary-font-style;
@base-h5-font-family: @global-primary-font-family;
@base-h5-font-weight: 700;
@base-h5-text-transform: uppercase;
@base-h4-letter-spacing: @global-primary-letter-spacing;
@base-h4-font-style: @global-primary-font-style;
@base-h6-text-transform: uppercase;
@base-code-padding-horizontal: 6px;
@base-code-padding-vertical: 2px;
@base-code-border-width: @global-border-width;
@base-code-border: @global-border;
@base-code-border-radius: 3px;
@base-pre-padding: 10px;
@base-pre-background: @global-background;
@base-pre-border-width: @global-border-width;
@base-pre-border: @global-border;
@base-pre-border-radius: 3px;
@inverse-base-link-color: @global-inverse-color;
@inverse-base-link-hover-color: fade(@global-inverse-color, 50%);
@inverse-base-code-border: @inverse-global-border;
@heading-small-font-size-m: 54px;
@divider-small-border-width: 3px;
@divider-small-border: @global-primary-background;
@divider-icon-color: @global-primary-background;
@list-striped-background: @global-muted-background;
@table-header-cell-font-weight: @global-primary-font-weight;
@table-header-cell-font-size: @global-small-font-size;
@inverse-icon-link-color: @global-inverse-color;
@inverse-icon-link-hover-color: @inverse-global-muted-color;
@inverse-icon-link-active-color: @inverse-global-muted-color;
@form-range-thumb-height: 14px;
@form-range-thumb-background: @global-background;
@form-range-track-height: 2px;
@form-range-track-background: @global-border;
@form-range-track-focus-background: @global-primary-background;
@form-range-thumb-border-width: 2px;
@form-range-thumb-border: @global-primary-background;
@form-background: @global-background;
@form-focus-background: @global-background;
@form-radio-background: transparent;
@form-radio-checked-focus-background: darken(@global-primary-background, 5%);
@form-stacked-margin-bottom: 5px;
@form-border-mode: -bottom;
@form-border-width: @global-border-width;
@form-border: @global-border;
@form-focus-border: darken(@global-primary-background, 5%);
@form-disabled-border: @global-border;
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @form-focus-border;
@form-radio-border-width: @global-border-width;
@form-radio-border: @global-border;
@form-radio-focus-border: @global-primary-background;
@form-radio-disabled-border: @global-border;
@form-label-font-size: @global-small-font-size;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-radio-background: transparent;
@inverse-form-radio-focus-background: transparent;
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @inverse-global-primary-background;
@inverse-form-radio-border: @inverse-global-border;
@inverse-form-radio-focus-border: @inverse-global-primary-background;
@button-font-size: @global-small-font-size;
@button-default-background: @global-background;
@button-default-hover-background: @button-default-background;
@button-default-hover-color: @global-link-color;
@button-default-active-background: @button-default-background;
@button-link-hover-text-decoration: none;
@button-secondary-hover-background: lighten(@button-secondary-background, 10%);
@button-secondary-active-background: lighten(@button-secondary-background, 15%);
@button-text-color: @global-color;
@button-text-hover-color: @global-link-color;
@button-link-hover-color: @global-link-color;
@button-border-radius: @global-border-radius;
@button-small-border-radius: @global-border-radius;
@button-large-border-radius: @global-border-radius;
@button-text-transform: uppercase;
@button-default-box-shadow: @global-small-box-shadow;
@button-default-hover-box-shadow: @global-large-box-shadow;
@button-text-mode: arrow;
@inverse-button-default-hover-background: fade(@inverse-button-default-background, 85%);
@inverse-button-default-active-background: fade(@inverse-button-default-background, 75%);
@inverse-button-primary-hover-background: fade(@inverse-button-primary-background, 85%);
@inverse-button-primary-active-background: fade(@inverse-button-primary-background, 75%);
@inverse-button-secondary-hover-background: fade(@inverse-button-secondary-background, 85%);
@inverse-button-secondary-active-background: fade(@inverse-button-secondary-background, 75%);
@card-badge-height: 25px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @card-default-background;
@card-primary-background: lighten(@global-primary-background, 5%);
@card-primary-hover-background: lighten(@global-primary-background, 10%);
@card-secondary-background: lighten(@global-secondary-background, 5%);
@card-secondary-hover-background: lighten(@global-secondary-background, 12%);
@card-border-radius: @global-border-radius;
@card-badge-border-radius: @global-border-radius;
@card-badge-text-transform: uppercase;
@card-hover-box-shadow: @global-large-box-shadow;
@card-default-box-shadow: @global-large-box-shadow;
@card-default-hover-box-shadow: @global-medium-box-shadow;
@card-secondary-box-shadow: @global-large-box-shadow;
@card-secondary-hover-box-shadow: @global-medium-box-shadow;
@inverse-card-badge-color: darken(@inverse-global-inverse-color, 20%);
@alert-primary-background: lighten(@global-primary-background, 48%);
@alert-warning-color: darken(@global-warning-background, 10%);
@alert-success-color: darken(@global-success-background, 8%);
@alert-warning-color: darken(@global-warning-background, 15%);
@alert-border-radius: @global-border-radius;
@placeholder-border-radius: @global-border-radius;
@badge-font-size: 12px;
@inverse-badge-color: @global-secondary-background;
@label-text-transform: uppercase;
@label-font-size: 12px;
@label-padding-vertical: 2px;
@label-padding-horizontal: 10px;
@label-background: @global-primary-background;
@label-line-height: @global-line-height;
@label-border-radius: @global-border-radius;
@article-title-font-size: @global-2xlarge-font-size * 0.82; //44px
@comment-primary-border-radius: @global-border-radius;
@search-default-background: transparent;
@search-default-border-mode: -bottom;
@search-default-border-width: @global-border-width;
@search-default-border: @global-border;
@search-default-focus-border: darken(@global-primary-background, 5%);
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-toggle-color: fade(@global-inverse-color, 80%);
@inverse-search-toggle-hover-color: @global-inverse-color;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @inverse-global-primary-background;
@accordion-title-font-weight: 700;
@accordion-title-text-transform: uppercase;
@accordion-title-hover-color: @global-link-color;
@dropdown-background: @global-background;
@dropdown-nav-item-color: @global-color;
@dropdown-border-radius: @global-border-radius;
@dropdown-box-shadow: @global-small-box-shadow;
@dropdown-nav-margin-horizontal: -@dropdown-padding;
@dropdown-nav-item-padding-vertical: 6px;
@dropdown-nav-item-padding-horizontal: 25px;
@dropdown-nav-item-hover-background: @global-muted-background;
@dropdown-nav-subtitle-font-size: 13px;
@dropdown-nav-subtitle-color: @global-muted-color;
@dropdown-nav-subtitle-font-family: @global-font-family;
@dropdown-nav-subtitle-font-weight: normal;
@dropbar-padding-top: 20px;
@dropbar-background: @global-primary-background;
@dropbar-color: @inverse-global-color;
@dropbar-color-mode: light;
@modal-dialog-border-radius: @global-border-radius;
@slider-container-margin-top: -44px;
@slider-container-margin-bottom: -56px;
@slider-container-margin-left: -50px;
@slider-container-margin-right: -50px;
@offcanvas-overlay-background: rgba(85,100,140,0.3);
@offcanvas-bar-background: @global-primary-background;
@notification-message-border-radius: @global-border-radius;
@nav-item-padding-vertical: 8px;
@nav-item-padding-horizontal: 16px;
@nav-sublist-padding-left: (@nav-item-padding-horizontal + @nav-sublist-deeper-padding-left);
@nav-sublist-deeper-padding-left: 16px;
@nav-divider-margin-vertical: 15px;
@nav-default-item-color: @global-color;
@nav-default-item-active-color: @global-inverse-color;
@nav-default-subtitle-font-size: 13px;
@nav-primary-subtitle-font-size: @global-small-font-size;
@nav-secondary-subtitle-font-size: 14px;
@nav-secondary-sublist-font-size: 16px;
@nav-dividers-margin-top: 7px;
@nav-default-item-hover-background: darken(@global-muted-background, 2%);
@nav-default-item-active-background: @global-primary-background;
@nav-default-item-border-radius: @global-border-radius;
@nav-default-subtitle-color: @global-muted-color;
@nav-default-subtitle-font-family: @global-font-family;
@nav-default-subtitle-font-weight: normal;
@nav-primary-item-padding-vertical: 5px;
@nav-primary-item-padding-horizontal: 0;
@nav-primary-header-padding-vertical: 5px;
@nav-primary-header-padding-horizontal: 0;
@nav-primary-subtitle-color: fade(@global-muted-color, 90%);
@nav-primary-subtitle-font-family: @global-font-family;
@nav-primary-subtitle-font-weight: normal;
@nav-secondary-margin-top: 15px;
@nav-secondary-item-padding-horizontal: 0;
@inverse-nav-default-item-active-color: @inverse-global-inverse-color;
@inverse-nav-secondary-subtitle-color: @inverse-global-color;
@inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color;
@inverse-nav-default-item-hover-background: @inverse-global-muted-background;
@inverse-nav-default-item-active-background: @inverse-global-primary-background;
@navbar-background: @global-primary-background;
@navbar-color-mode: light;
@navbar-nav-item-padding-horizontal: 0;
@navbar-nav-item-color: darken(@global-muted-color, 10%);
@navbar-nav-item-font-size: @global-small-font-size;
@navbar-nav-item-font-family: Open Sans;
@navbar-nav-item-hover-color: @global-emphasis-color;
@navbar-toggle-color: darken(@global-muted-color, 10%);
@navbar-dropdown-shift-margin: -@navbar-dropdown-padding;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: @global-primary-background;
@navbar-dropdown-color: @global-inverse-color;
@navbar-dropdown-color-mode: light;
@navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding;
@navbar-dropdown-dropbar-padding-bottom: (@navbar-dropdown-dropbar-padding-top + 20px);
@navbar-dropdown-nav-item-color: fade(@global-inverse-color, 70%);
@navbar-dropdown-nav-item-hover-color: @global-inverse-color;
@navbar-dropdown-nav-item-active-color: @global-inverse-color;
@navbar-dropdown-nav-header-color: fade(@global-inverse-color, 50%);
@navbar-dropdown-nav-divider-border: fade(@global-inverse-color, 10%);
@navbar-dropdown-nav-subtitle-font-size: 13px;
@navbar-dropdown-nav-sublist-item-color: fade(@global-inverse-color, 70%);
@navbar-dropdown-nav-sublist-item-hover-color: @global-inverse-color;
@navbar-dropdown-nav-sublist-item-active-color: @global-inverse-color;
@navbar-gap-m: 50px;
@navbar-nav-gap-m: 50px;
@navbar-nav-item-padding-horizontal-m: 0;
@navbar-nav-item-line-mode: true;
@navbar-nav-item-line-slide-mode: left;
@navbar-nav-item-line-transition-duration: 0.4s;
@navbar-nav-item-line-margin-vertical: 24px;
@navbar-nav-item-line-background: @global-primary-background;
@navbar-nav-item-font-weight: 600;
@navbar-nav-item-text-transform: uppercase;
@navbar-subtitle-color: @global-inverse-color;
@navbar-subtitle-font-family: @global-font-family;
@navbar-subtitle-font-weight: 400;
@navbar-subtitle-text-transform: none;
@navbar-primary-nav-item-font-size: @global-medium-font-size;
@navbar-dropdown-nav-item-padding-vertical: 6px;
@navbar-dropdown-nav-item-padding-horizontal: 0;
@navbar-dropdown-nav-subtitle-font-family: @global-font-family;
@navbar-dropdown-nav-subtitle-font-weight: 400;
@navbar-dropdown-nav-subtitle-text-transform: none;
@inverse-navbar-nav-item-color: fade(@global-inverse-color, 80%);
@inverse-navbar-nav-item-hover-color: @global-inverse-color;
@inverse-navbar-nav-item-onclick-color: @global-inverse-color;
@inverse-navbar-nav-item-active-color: @global-inverse-color;
@inverse-navbar-item-color: @global-inverse-color;
@inverse-navbar-nav-item-line-background: @inverse-global-primary-background;
@inverse-navbar-toggle-color: fade(@global-inverse-color, 80%);
@inverse-navbar-toggle-hover-color: @global-inverse-color;
@subnav-margin-horizontal: 24px;
@subnav-divider-border-height: 18px;
@subnav-item-active-color: @global-color;
@subnav-pill-item-border-radius: @global-border-radius;
@inverse-subnav-item-color: fade(@global-inverse-color, 80%);
@inverse-subnav-item-hover-color: @global-inverse-color;
@pagination-margin-horizontal: 10px;
@pagination-item-padding-vertical: 0;
@pagination-item-padding-horizontal: 0;
@pagination-item-active-color: @global-inverse-color;
@pagination-item-hover-color: @global-link-color;
@pagination-item-min-width: 26px;
@pagination-item-border-radius: @global-border-radius;
@pagination-item-active-background: @global-primary-background;
@tab-item-active-color: @global-color;
@tab-border-width: 0;
@tab-item-border-width: 2px;
@tab-item-font-size: @global-small-font-size;
@tab-item-text-transform: uppercase;
@slidenav-padding-vertical: 12px;
@slidenav-color: @global-emphasis-color;
@slidenav-hover-color: fade(@slidenav-color, 70%);
@slidenav-active-color: fade(@slidenav-hover-color, 50%);
@inverse-slidenav-color: @inverse-global-emphasis-color;
@inverse-slidenav-hover-color: fade(@inverse-slidenav-color, 70%);
@inverse-slidenav-active-color: fade(@inverse-slidenav-hover-color, 50%);
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-active-background: @global-primary-background;
@dotnav-item-onclick-background: fade(@dotnav-item-background, 50%);
@inverse-dotnav-item-onclick-background: fade(@inverse-global-color, 80%);
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@iconnav-item-color: @global-emphasis-color;
@iconnav-item-hover-color: @global-primary-background;
@iconnav-item-active-color: @global-primary-background;
@inverse-iconnav-item-color: fade(@global-inverse-color, 80%);
@inverse-iconnav-item-hover-color: @global-inverse-color;
@inverse-iconnav-item-active-color: @global-inverse-color;
@text-lead-font-family: @global-font-family;
@logo-font-size: 28px;
@logo-font-family: @global-primary-font-family;
@logo-font-weight: 700;
@logo-text-transform: uppercase;
@inverse-global-inverse-color: @global-emphasis-color;