@import '../includes/fonts/roboto';

$green: #37bd9c;
$orange: #fcc14b;
$red: #ec5657;
$darkgray: #232323;

$font-family: Roboto, sans-serif;
$primary-color: $green;
$very-small-limit: 360px;
$width: 1180px;
$sidebar-width: 493px;
$sidebar-position: left;
$border-radius: 0;

$link-color: $green;

$header-background: $green;
$steps-background: $orange;

$mobile-header-height: 32px;

$nav-after-image: false;
$nav-full-width-background: true;
$nav-background: white;
$nav-active-color: $green;
$nav-color: white;
$nav-menu-side: $mobile-header-height;
$nav-mobile-menu-background: $green;
$nav-mobile-menu-item-color: white;

$nav-mobile-bottom-bar-height: 48px;
$nav-mobile-bottom-bar-background: $darkgray;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-background: $green;
$nav-mobile-bottom-bar-item-hover-color: white;
$nav-mobile-bottom-bar-badge-background: $orange;

$footer-background: white;
$footer-color: #333;

$cell-border: 0;
$cell-title-cover-border: false;
$title-color: white;
$title-background: $green;
$title-transform: uppercase;

$carrousel-height: 330px;

$button-background: $green;
$widget-background: white;
$widget-border: 1px solid $darkgray;
$widget-focus-outline: 2px solid $green;
$widget-focus-outline-offset: 2px;
$widget-custom-radio-checkbox: true;

$carrousel-arrows: none;
$carrousel-text-position: bottom left;

$form-sidebar-position: top;
$bq-max--wcs-steps-small-layout: 800px;
$wcs-step-border-bottom: none;
$wcs-steps-spacing: 0;
$wcs-step-color: $darkgray;
$wcs-step-background: #e4e4e4;
$wcs-step-current-color: #fff;
$wcs-step-current-background: $steps-background;
$wcs-step-marker-background: hsla(0,0%,100%,0.6);
$wcs-step-current-marker-color: #000;
$wcs-step-current-marker-background: hsla(0,0%,100%,0.9);