// Custom vars

$gray-dark: #464646;
$blue: #2c62cb;
$blue-dark: #1a489c;
$blue-xdark: #002454;
$flesh: #f7f4f1;
$sep-color: hsla(0, 0%, 0%, 0.2);

// fonts size
$fz-h1: 3.125em;
$fz-h2: 1.875em;
$fz-h3: 1.375em;
$fz-h4: 1.25rem;
$fz-small: 0.875em;
$fz-xsmall: 0.78em;

// Core vars
$primary-color: $blue-dark;
$font-color: $gray-dark;
$font-family: orkney, sans-serif;
$link-color: $blue;
$body-background: $flesh;

$width: 1200px;
$mobile-limit: 1024px;
$mobile-width: none;
$very-small-limit: 560px;
$columns-gutter: 30px;

$header-background-color: white;

$nav-menu-side: 40px;
$nav-background: $flesh;
$nav-full-width-background: true;
$nav-color: $blue-xdark;
$nav-button-background: $primary-color;
$nav-submenu-color: $blue-xdark;
$nav-item-selected-background: white;
$nav-item-selected-color: $nav-color;
$responsive-menu: left-to-right;
$nav-mobile-menu-background: $flesh;
$nav-mobile-menu-item-color: $nav-color;

$nav-mobile-bottom-bar-background: $blue-xdark;
$nav-mobile-bottom-bar-color: white;
$nav-mobile-bottom-bar-item-hover-color: white;
$nav-mobile-bottom-bar-item-hover-background: $link-color;
$nav-mobile-bottom-bar-item-selected-background: $link-color;
$nav-mobile-bottom-bar-item-selected-color: white;

$cell-image-position: top;
$cell-image-padding: 0;
$cell-background: $flesh;
$cell-border: 1px solid transparent;
$cell-title-cover-border: false;
$cell-entry-color: $font-color;
$cell-entry-font-weight: 400;
$cell-entry-hover-background: transparent;
$cell-entry-hover-color: $link-color;
$cell-entry-border: 1px solid $sep-color;

$title-background: transparent;
$title-color: $blue-xdark;
$title-font-size: $fz-h3;
$title-weight: 700;

$widget-background: $body-background;
$widget-border: 1px solid $sep-color;
$widget-focus-border: 1px solid $font-color;
$widget-unique-checkbox-position: left;

$wcs-step-border-bottom: none;
$wcs-step-marker-type: disc;

$button-background: $link-color;
$button-hover-background: $primary-color;

$wcs-steps-spacing: 0.7rem;
$wcs-step-color: darken($flesh, 40%);
$wcs-step-marker-background: darken($flesh, 15%);
$wcs-step-marker-color: white;
$wcs-step-current-marker-background: $primary-color;
$wcs-step-current-marker-color: white;

$footer-background: #0047a3;
$footer-link-color: white;
$footer-menucell-separator: 1px solid hsla(0, 0%, 100%, 0.3);
