@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap');

// override bootstrap default variables
$font-family-base: 'Open Sans';
$font-size-root: 16px;
$headings-font-weight: 600;
$font-size-h1: 2.25rem;
$font-size-h2: 1.5rem;
$font-size-h3: 1.25rem;
$font-size-h4: 1.1rem;
$font-size-h5: 1.1rem;

$body-bg: #f3f3f3;
$body-color: #01335f;

$brand-primary: #3aa5e1;
$navbar-dark-color: rgba(0, 77, 144, 0.5);
$navbar-dark-hover-color: rgba(0, 77, 144, 0.75);
$navbar-dark-active-color: rgba(0, 77, 144, 1);
$navbar-dark-disabled-color: rgba(0, 77, 144, 0.25);
$navbar-light-color: rgba(0, 77, 144, 0.5);
$navbar-light-hover-color: rgba(0, 77, 144, 0.75);
$navbar-light-active-color: rgba(0, 77, 144, 1);
$navbar-light-disabled-color: rgba(0, 77, 144, 0.25);
$nav-tabs-link-active-bg: #fff;
$navbar-light-color: #004d90;
$modal-backdrop-opacity: 0.5;

body {
  font-family: $font-family-base, sans-serif;
}

.navbar {
  background-image: linear-gradient(90deg, #f4f7fa, #e5edf2);
}