/**
 * This file is part of OXID eSales Wave theme.
 *
 * OXID eSales Wave theme is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * OXID eSales Wave theme is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with OXID eSales Wave theme.  If not, see <http://www.gnu.org/licenses/>.
 *
 * @link      http://www.oxid-esales.com
 * @copyright (C) OXID eSales AG 2003-2016
 */

//
// Theme Variables
// --------------------------------------------------

$font-family-base: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-size-base: 1rem !default;
$line-height-base: 1.5 !default;

//== Colors
//
//## Brand colors to use across Wave

$fa-font-path : '../fonts/' !default;

$brand-primary:   #009EC0 !default;
$brand-secondary: #FC6621 !default;
$brand-tertiary: #fff !default;

// stylelint-disable
$white:    #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #6c757d !default;
$gray-700: #495057 !default;
$gray-800: #333333 !default;
$gray-900: #212529 !default;
$black:    #000 !default;

$gray-dark: $gray-800 !default;

$ox-border: $gray-200 !default;
$ox-header-border: $ox-border !default;
$ox-footer-border: $ox-border !default;

$ox-bg: $gray-100 !default;
$ox-header-bg: $ox-bg !default;
$ox-footer-bg: $ox-bg !default;

$ox-color: $gray-600 !default;
$ox-footer-color: $ox-color !default;
$ox-header-color: $ox-color !default;

$primary:       $brand-primary !default;
$secondary:     $brand-secondary !default;
//$success:       $green !default;
//$info:          $cyan !default;
//$warning:       $yellow !default;
//$danger:        $red !default;
//$light:         $gray-100 !default;
//$dark:          $gray-800 !default;


$ox-container-base-background-color:    $white !default;
$ox-container-header-background-color:  $ox-container-base-background-color !default;
$ox-container-wrapper-background-color: $ox-container-base-background-color !default;
$ox-footer-color-facebook:              #428BCA !default;
$ox-footer-color-google-plus:           #d73d32 !default;
$ox-footer-color-twitter:               #1AB2E8 !default;
$ox-footer-color-youtube:               #CC181E !default;
$ox-footer-color-blog:                  #333333 !default;

//$ox-footer-bg:                          #F2F2F2 !default;
//$ox-footer-border:                      #E7E7E7 !default;
//$ox-footer-color:                       #666666 !default;


//== Boxed layout
//
//## Variables to use across the boxed layout

$ox-boxed-container-shadow: 0 5px 20px rgba( 0, 0, 0, 0.2 ) !default;


//== Home page

$ox-start-section-margin-vertical:   50px !default;
$ox-start-manufacturerslider-bg:     #F2F2F2 !default;
$ox-start-manufacturerslider-border: #E7E7E7 !default;


//== Lists

$ox-listitem-grid-row-margin-bottom:     30px !default;
$ox-listitem-grid-picture-height:        190px !default;
$ox-listitem-grid-picture-padding:       15px !default;
$ox-listitem-grid-title-rows:            2 !default;

$ox-listitem-infogrid-row-margin-bottom: 50px !default;
$ox-listitem-infogrid-picture-height:    275px !default;
$ox-listitem-infogrid-title-rows:        2 !default;

$ox-listfilter-bg:                       #F2F2F2 !default;
$ox-listfilter-border:                   #E7E7E7 !default;
$ox-listfilter-padding-horizontal:       15px !default;
$ox-listfilter-padding-vertical:         10px !default;
$ox-listfilter-margin-top:               15px !default;


//== Main navbar

$ox-mainnav-link-font-size: 1.2em !default;
$ox-mainnav-link-font-weight: 200 !default;
$ox-mainnav-fixed-shadow: 0 0 3px rgba( 0, 0, 0, 0.2 ) !default;


//== Minibasket

$ox-shopping-bag-font-family:    $font-family-base !default;
$ox-shopping-bag-font-size:      20px !default;
$ox-shopping-bag-mini-font-size: 22px !default;


//== Details page

$ox-page-details-items-pager-border-bottom: #E7E7E7 !default;
$ox-page-details-product-title-font-size:   22px !default;
$ox-page-details-rating-star-filled-color:  #F60 !default;
$ox-page-details-rating-star-empty-color:   #C7C7C7 !default;


//== Checkout (Global)

$ox-checkout-steps-border-color: $brand-primary !default;
$ox-checkout-steps-bg:           $ox-checkout-steps-border-color !default;
$ox-checkout-steps-color:        #FFF !default;
$ox-checkout-steps-active-bg:    $brand-secondary !default;
$ox-checkout-steps-active-color: #FFF !default;
$ox-checkout-steps-passed-bg:    #5cb85c !default;
$ox-checkout-steps-passed-color: #FFF !default;


//
// Custom Variables
// --------------------------------------------------

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

//## Headings

$h1-font-size: 36px !default;
$h2-font-size: 30px !default;
$h3-font-size: 24px !default;
$h4-font-size: 18px !default;
$h5-font-size: 14px !default;
$h6-font-size: 12px !default;


//## Line Height
$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px

//== Scaffolding
//
//## Settings for some of the most global styles.

$link-color:       $gray-dark !default;
$link-hover-color: $brand-primary !default;
$link-disabled-color: #C7C7C7 !default;


//== Navbar
//
//##

$navbar-height:                    40px !default;
$navbar-margin-bottom:             0 !default;
$navbar-border-radius:             0 !default;
$navbar-default-bg:                #FFF !default;
$navbar-default-color:             $brand-primary !default;
$navbar-default-link-active-bg:    transparent !default;
$navbar-default-link-hover-bg:     $navbar-default-link-active-bg !default;
$navbar-default-link-active-color: $brand-secondary !default;
$navbar-default-link-hover-color:  $navbar-default-link-active-color !default;


//== Breadcrumbs
//
//##

$breadcrumb-bg:                 transparent !default;
$breadcrumb-active-color:       $brand-secondary !default;
$breadcrumb-padding-horizontal: 0 !default;

//== Container Variable
//
//##

$container-max-widths: (
        sm: 100%,
        md: 750px,
        lg: 970px,
        xl: 1170px
) !default;