@import '../includes/fonts/oswald';
@import '../includes/fonts/lato';

$black: rgb(51, 51, 51);
$blue: #00365f;
$gray: #cecece;
$dark-blue: #00192c;
$light-gray: #eaeaea;
$light-blue: #0061ac;
$light-light-blue: #e9edf5;
$orange: #e7392f;

$primary-color: $blue;
$secondary-color: $orange;

$border-radius: 5px;
$font-color: $black;
$font-family: Oswald, sans-serif;
$font-size: 1.2rem;
$width: 1200px;
$link-color: $primary-color;

$nav-background: $primary-color;
$nav-full-width-background: true;
$nav-color: $light-light-blue;
$nav-item-background: transparent;
$nav-active-color: transparent;
$nav-after-image: false;
$header-full-width-background: true;
$toplinks-style: none;

$title-color: $secondary-color;
$title-padding: 0.8rem 1.8rem 0.4rem 0.8rem;
$title-background: $light-gray;
$title-font-size: 1rem;

$cell-entry-background: transparent;
$cell-entry-hover-background: transparent;
$cell-entry-hover-color: $secondary-color;

$cell-border: 1px solid $light-gray;

$button-background: $primary-color;
$button-hover-background: $dark-blue;
$button-border-radius: 0;
$buttons-order: previous, cancel (grow), submit;

$wcs-step-current-border-bottom: 0;
$wcs-step-border-bottom: 0;
$widget-focus-outline: 2px solid $primary-color;
$widget-focus-border: 1px solid transparent;

$footer-color: $light-light-blue;
$footer-link-color: $light-light-blue;
$back-top-display: top;

$nav-mobile-menu-item-color: white;
$nav-mobile-menu-background: white;
$nav-mobile-menu-item-hover-background: $primary-color;
$nav-mobile-menu-item-hover-color: white;
$nav-submenu-background: white;
$nav-submenu-color: $primary-color;
$responsive-menu: left-to-right;
$nav-menu-side: 48px;
