@import '../includes/fonts/ptsans';
@import '../includes/fonts/opensans';

$blue: #008fd2;
$orange: #f9b300;
$darkgray: #383838;

$primary-color: $blue;
$font-family: "ff-tisa-sans-web-pro", "Open Sans", arial, sans-serif;
$title-font-family: "ff-tisa-sans-web-pro", "PT Sans", sans-serif;

$width: 1296px;
$nav-color: $darkgray;
$nav-background: white;
$nav-item-selected-background: $nav-background;
$nav-item-selected-color: black;
$nav-item-hover-background: $nav-background;
$nav-item-hover-color: black;
$nav-submenu-background: $nav-background;
$nav-submenu-color: $nav-color;
$nav-button-background: white;
$nav-button-color: #525252;
$nav-border-color: transparent;
$nav-mobile-menu-background: white;
$nav-mobile-bottom-bar-background: $blue;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-background: darken($blue, 10%);
$nav-mobile-bottom-bar-item-hover-color: white;
$nav-mobile-bottom-bar-item-selected-background: darken($blue, 5%);
$nav-mobile-bottom-bar-item-selected-color: white;

$title-background: transparent;
$title-font-size: 24px;

$cell-title-cover-border: false;

$cell-border-radius: 1ex 1ex 1ex 0;

$button-border-radius: $cell-border-radius;
$button-background: $blue;
$button-hover-background: darken($blue, 5%);

$footer-background: #111111;

$widget-focus-border: 1px solid $blue;
$buttons-order: previous, cancel (grow), submit;
$wcs-step-current-color: black;
$wcs-step-border-bottom: none;
