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

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300';

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

//
// Spacings
//

@global-margin: 20px;
@global-large-margin: 30px;

//
// Text
//

@global-color: #3a3d41;
@global-muted-color: #868b96;
@global-link-color: #747d92;
@global-link-hover-color: #47567a;

//
// Backgrounds & Borders
//

@global-background: #eceff5;
@global-border: rgba(59, 63, 75, 0.15);
@global-default-hover-background: rgba(255, 255, 255, 0.7);
@global-default-active-background: rgba(117, 137, 165, 0.15);
@global-default-gradient-top: #fafafa;
@global-default-gradient-bottom: #f4f4f4;
@global-primary-gradient-top: #828ba1;
@global-primary-gradient-bottom: #747d93;
@global-success-gradient-top: #80c5a5;
@global-success-gradient-bottom: #5cb29c;
@global-warning-gradient-top: #f4cd97;
@global-warning-gradient-bottom: #f0b663;
@global-danger-gradient-top: #d87c98;
@global-danger-gradient-bottom: #c46379;

//
// Base
//

@base-em-color: #a35073;
@base-code-color: #6ab285;
@base-code-background: rgba(255, 255, 255, 0.7);
@base-selection-background: #547faa;
@base-ins-background: #ffffe1;
@base-mark-background: #dadfe9;
@base-h1-font-size: round(@global-font-size * 2.85); // 40px
@base-h1-line-height: round(@base-h1-font-size * 1.25); // 50px
@base-h2-font-size: round(@global-font-size * 2.28); // 32px
@base-h2-line-height: round(@base-h2-font-size * 1.25); // 40px
@base-h3-font-size: round(@global-font-size * 1.71); // 24px
@base-h3-line-height: round(@base-h3-font-size * 1.25); // 30px
@base-h4-font-size: round(@global-font-size * 1.28); // 18px
@base-h4-line-height: round(@base-h4-font-size * 1.33); // 24px
@base-body-font-family: 'Open Sans';
@base-heading-font-family: 'Open Sans';
@base-heading-font-weight: 300;
@base-body-gradient-inner: lighten(@global-background, 2.5%);
@base-pre-background: rgba(255, 255, 255, 0.7);

//
// Panel
//

@panel-box-background: rgba(255, 255, 255, 0.7);
@panel-box-secondary-color: #616878;
@panel-box-secondary-title-color: #414f60;
@panel-box-primary-background: rgba(117, 137, 165, 0.15);
@panel-box-primary-color: #5f7b8c;
@panel-box-primary-title-color: #475c71;
@panel-box-secondary-background: rgba(255, 255, 255, 0.4);
@panel-box-border: rgba(59,63,75,0.2);

//
// Article
//

@article-title-font-weight: 300;

//
// Comment
//

@comment-background: rgba(255, 255, 255, 0.7);

//
// Nav
//

@nav-padding-horizontal: 20px;
@nav-navbar-hover-box-shadow: rgba(43, 48, 64, 0.1);
@nav-side-hover-background: rgba(117, 137, 165, 0.15);
@nav-side-active-box-shadow: rgba(43, 48, 64, 0.1);
@nav-dropdown-hover-box-shadow: rgba(0,0,0,0.08);
@nav-search-active-box-shadow: rgba(0,0,0,0.08);

//
// Navbar
//

@navbar-nav-height: 45px;
@navbar-border-bottom: rgba(0, 0, 0, 0.2);
@navbar-nav-hover-border: rgb(206, 206, 206);
@navbar-nav-active-background: rgba(255, 255, 255, 0.7);

//
// Subnav
//

@subnav-pill-hover-background: rgba(255, 255, 255, 0.7);

//
// Pagination
//

@pagination-border: rgba(59, 63, 75, 0.2);
@pagination-border-bottom: rgba(59, 63, 75, 0.3);
@pagination-active-border: rgba(59, 63, 75, 0.5);
@pagination-active-border-bottom: rgba(59, 63, 75, 0.7);
@pagination-disabled-background: rgba(255, 255, 255, 0.7);

//
// Tab
//

@tab-hover-background: rgba(255, 255, 255, 0.7);

//
// List
//

@list-striped-background: rgba(255, 255, 255, 0.7);

//
// Table
//

@table-striped-background: rgba(255, 255, 255, 0.7);

//
// Form
//

@form-focus-border: rgba(59, 63, 75, 0.3);
@form-focus-background: #ffffff;
@form-danger-background: rgba(255, 255, 255, 0.5);
@form-danger-border: rgba(199, 158, 171, 0.6);
@form-danger-color: #ad5166;
@form-success-background: rgba(255, 255, 255, 0.5);
@form-success-border: rgba(132, 177, 152, 0.6);
@form-success-color: #22906a;
@form-disabled-background: rgba(255, 255, 255, 0.7);

//
// Button
//

@button-primary-hover-background: #697186;
@button-primary-active-background: #53596b;
@button-success-hover-background: #75b898;
@button-success-active-background: #5e987c;
@button-danger-hover-background: #be6479;
@button-danger-active-background: #834150;
@button-border: rgba(59, 65, 79, 0.2);
@button-border-bottom: rgba(59, 65, 79, 0.35);
@button-disabled-background: rgba(255, 255, 255, 0.7);

//
// Icon
//

@icon-button-hover-color: @global-link-hover-color;

//
// Alert
//

@alert-background: #f5f9fb;
@alert-color: #55707d;
@alert-success-background: #f5fcf8;
@alert-success-color: #537f6e;
@alert-warning-background: #fef9f5;
@alert-warning-color: #bd8962;
@alert-danger-background: #fff8f8;
@alert-danger-color: #c05866;

//
// Thumbnail
//

@thumbnail-hover-border: rgba(0,0,0,0.15);
@thumbnail-hover-box-shadow: rgba(0, 0, 0, 0.1);
@thumbnail-background: rgba(255, 255, 255, 0.7);
@thumbnail-hover-background: #fff;

//
// Overlay
//

@overlay-area-background: rgba(59, 65, 79, 0.5);
@overlay-caption-background: rgba(59, 65, 79, 0.5);

//
// Search
//

@search-icon-color: rgba(59, 65, 79, 0.3);
@search-close-color: rgba(59, 65, 79, 0.3);
@search-placeholder-color: @search-icon-color;

//
// Badge
//

@badge-font-size: 11px;
@badge-font-weight: normal;

//
// Dropdown
//

@dropdown-width: 220px;
@dropdown-box-shadow: rgba(0, 0, 0, 0.04);
@dropdown-border: rgba(0,0,0,0.12);

//
// Modal
//

@modal-background: rgba(59, 62, 69, 0.6);

//
// Offcanvas
//

@offcanvas-bar-background: #3b3e45;
@offcanvas-panel-color: #7e8698;
@offcanvas-panel-link-color: #e0e4ec;
@offcanvas-panel-link-hover-color: #b4c4e5;
@offcanvas-panel-text-shadow: rgba(31, 37, 49, 0.25);

//
// Tooltip
//

@tooltip-background: #3b414f;
@tooltip-color: rgba(245, 248, 251, 0.7);
@tooltip-text-shadow: rgba(59, 65, 79, 0.3);

//
// Text
//

@text-info-color: #2d5891;
@text-success-color: #299f65;
@text-warning-color: #cf7552;
@text-danger-color: #be3949;

//
// Utility
//

@utility-heading-large-font-size: round(@global-font-size * 3.71); // 52px
@utility-heading-large-line-height: round(@utility-heading-large-font-size * 1.23); // 64px