// custom vars

$cyan: #0e96a8;
$cyan-dark: #00545F;
$cyan-xlight: hsl(185,30%,97%);
$gray: #E6E7E8;
$gray-xdark: #231f20;
$red: #ED1C24;

$ff-ss-serif: Montserrat, sans-serif;

$fz-h1: 1.5em;
$fz-h2: 1.375em;
$fz-h3: 1.125em;

// Core vars
$body-background: $gray;
$primary-color: $cyan;

$width: 1200px;

$font-family: $ff-ss-serif;
$font-color: $gray-xdark;

$nav-menu-side: 40px;
$nav-full-width-background: true;
$nav-background: $cyan-dark;
$nav-active-color: $cyan;
$nav-color: white;
$nav-mobile-menu-background: $cyan-dark;
$nav-mobile-menu-item-color: white;

$title-background: white;
$title-color: $cyan;
$title-font-size: $fz-h3;
$title-weight: 700;
$title-transform: uppercase;

$cell-border: none;
$cell-entry-color: $cyan-dark;
$cell-entry-hover-color: $red;
$cell-entry-hover-background: $cyan-xlight;
$cell-entry-border: 1px solid $gray;

$button-background: $cyan-dark;
$button-hover-background: $cyan;
$buttons-order: cancel (grow), previous, submit;

$wcs-step-current-color: $primary-color;
$wcs-step-color: $font-color;
$wcs-step-current-color: $primary-color;
$wcs-step-border-bottom: none;
$wcs-step-marker-background: hsla(0, 0%, 100%, 0.5);
$wcs-step-current-marker-background: $wcs-step-current-color;
$wcs-step-current-marker-color: $gray;
$wcs-step-marker-size: 2em !default;
$wcs-steps-spacing: 0.7rem;

$widget-unique-checkbox-position: left;

$widget-focus-border: 1px solid $cyan;
$widget-focus-color: $cyan-dark;

$or-separator: false;

$footer-background: $gray-xdark;
