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

$font-family-base: 'Open Sans Condensed', Arial, sans-serif;
$font-size-base: 1rem;
$font-size-pxbase: 16px;
$line-height-base: 1.5;

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

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

$brand-primary:   #E30613;
$brand-primary-hover: #be0510;
$brand-secondary: #4B565D;
$brand-tertiary:  #fff;
$brand-font-color: #4B565D;

$green: #00B12D;

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

$text-muted: $brand-secondary;

$border-grey: #4B565D;
$border-button-grey: #898989;

$gray-line: #D4D8D9;

$widget-gray-background: #F0F5F7;

$gray-dark: $gray-800;

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

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

$ox-color: $brand-font-color;
$ox-footer-color: $white;
$ox-header-color: $white;

$primary:       $brand-primary;
$secondary:     $brand-secondary;
//$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;
$ox-container-header-background-color:  $ox-container-base-background-color;
$ox-container-wrapper-background-color: $ox-container-base-background-color;
$ox-footer-color-facebook:              #428BCA;
$ox-footer-color-google-plus:           #d73d32;
$ox-footer-color-twitter:               #1AB2E8;
$ox-footer-color-youtube:               #CC181E;
$ox-footer-color-blog:                  #333333;

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


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

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

//== Home page

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


//== Lists

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

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

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


//== Main navbar

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


//== Minibasket

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


//== Details page

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


//== Checkout (Global)

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


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

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

//## Headings
$h1-font-size: 2.25rem;
$h2-font-size: 2.25rem;
$h3-font-size: 1.5rem;
$h4-font-size: 1.125rem;
$h5-font-size: 1rem;
$h6-font-size: 1rem;

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

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

$link-color:       $brand-secondary;
$link-hover-color: $brand-primary;
$link-disabled-color: #C7C7C7;


//== Navbar
//
//##

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


//== Breadcrumbs
//
//##

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

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

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

$text-success: #1ca30c;
$text-info: $brand-secondary;
$text-warning: #8a6d3b;
$text-danger: $brand-primary;