//
$blue-1: #1E3664;
$blue-2: #037CC2;
$gray-1: #D5CFC3;
$gray-2: #ddd;
$gray-3: #EAEAEA;
$gray-4: #818a91;
$gray-5: #b3b3b3;
$orange-1: #FF7100;

$space-xsmall: 5px;
$space-small: 10px;
$space-medium: 15px;
$space-large: 25px;
$space-xlarge: 40px;

$border-radius-1: 10px;
$border-radius-2: 3px;

$box-shadow-1: 0 0 5px 2px $gray-5;

$transition-1: 0.3s ease-in-out;

$fz-1: 1rem * 60 / 16;
$fz-2: 1rem * 37 / 16;
$fz-3: 1rem * 25 / 16;
$fz-4: 1rem * 22 / 16;
$fz-5: 1rem * 18 / 16;
$fz-6: 1rem;

// typo
$primary-color: $blue-1;
$secondary-color: $blue-2;
$accent-color: $orange-1;
$font-family: 'Roboto', sans-serif;
$link-color: $blue-1;
$link-hover-color: $accent-color;
$link-hover-decoration: none;

// general
$width: 1120px;
$sidebar-width: 33%;
$columns-gutter: 0px;
$nav-after-image: false;

// header
$toplinks-style: none;

$header-background-color: $primary-color;

$nav-color: white;
$nav-border-radius: 0;

$nav-active-color: white;

$nav-border-color: transparent;
$nav-menu-color: white !default;
$nav-item-selected-border: none;
$nav-item-selected-background: $secondary-color;
$nav-item-selected-border: none;
$nav-button-background: transparent;
$nav-background: transparent;
$nav-item-hover-background: $secondary-color;
$nav-submenu-background: $primary-color;
$nav-submenu-color: $nav-menu-color !default;

$responsive-menu: top-to-bottom;
$nav-menu-side: 35px;

$nav-mobile-menu-background: $primary-color;
$nav-mobile-menu-item-color: white;
$nav-mobile-menu-item-hover-background: $secondary-color;
$nav-mobile-bottom-bar-color: $primary-color;
$sidebar-columns-gutter: 20px;
$columns-gutter: 0;

// content
$title-background: transparent;
$title-font-size: $fz-3;

$carrousel-height: 300px;
$carrousel-text-position: middle left;
$carrousel-navigation-color: white;
$carrousel-navigation-bullet-color: $secondary-color;
$carrousel-navigation-bullet-border: none;

$cell-background: transparent;
$cell-border: none;
$cell-border-radius: $border-radius-1;

$cell-entry-font-weight: normal !default;
$cell-entry-border: 1px solid $gray-2;
$cell-entry-hover-background: none;
$cell-entry-hover-effect: none !default;
$cell-image-padding: none;
$cell-image-size: 38px;

// WCS
$form-sidebar-width: 25%;

$button-background: $primary-color;
$button-color: white;
$button-border: none;
$button-hover-background: $secondary-color;
$button-border-radius: $border-radius-2;
$cancel-button-style: ".theme-gray-button"; 

$widget-background: $gray-3;
$widget-border: 1px solid $gray-4;
$widget-focus-outline: none;
$widget-focus-outline-offset: 0 !default;
$widget-focus-box-shadow: $box-shadow-1;
$widget-unique-checkbox-position: left;

$form-accent-color: $primary-color;

$button-focus-outline: none;
$buttons-order: previous, cancel (grow), submit;

$wcs-step-color: $gray-4;
$wcs-step-border-bottom: 1px solid $gray-3;
$wcs-step-current-border-bottom: $wcs-step-border-bottom;

// marker options
$wcs-step-marker-size: 2.1em;
$wcs-step-marker-type: disc; // square || tied || disc || disc tied
$wcs-step-marker-tie-color: $wcs-step-color !default;
$wcs-step-marker-tie-width: 5px !default;
$wcs-step-marker-background-type: solid !default;


// footer
$footer-background: $primary-color;
$footer-link-color: white;
