// Import a Google Font
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto:400,900&display=swap');

// Update Bulma's global variables
$family-sans-serif: 'Open Sans',
sans-serif;
$family-heading: 'Roboto',
sans-serif;
// The container horizontal gap, which acts as the offset for breakpoints
$gap: 32px !default; // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
$tablet: 768px !default; // 960px container + 4rem
$desktop: 960px + (2 * $gap) !default; // 1152px container + 4rem
$widescreen: 1152px + (2 * $gap) !default;
$widescreen-enabled: true !default; // 1344px container + 4rem
$fullhd: 1344px + (2 * $gap) !default;
$fullhd-enabled: true !default;
//Colors
$white: #fff;
$white-ter: #fff;
$dark: #012a4a;
$red: #ef476f;
$pink: #c33764;
$yellow: #ffd166;
$grey-light: #C4C4C4;
$grey-darker: #272838;
$success: #5AD160;
$danger: $red;
$primary: #014f86;
$secondary: #468faf;
$info: $secondary;
$link: #fff;
$link-hover: $info;
$text: $grey-darker;


$plan-1: #4BB151;
$plan-2: #F79646;
$plan-3: #F6402A;
$plan-4: #376296;
$plan-5: #6B5B95;

$button-padding-horizontal: 2em;
$footer-background-color: $dark;
$footer-color: $white;
$footer-padding: 1rem 0;
$radius: 4px;
$input-border-color: $grey-light;
$input-hover-border-color: $primary;
$input-focus-border-color: $primary;
$navbar-breakpoint: $tablet;
$modal-card-head-border-bottom: 0;
$modal-card-foot-border-top: 0;
$navbar-item-hover-background-color: rgba($grey-darker, 0.5);
$menu-item-color: $white;
$menu-item-hover-color: $white;
$menu-item-hover-background-color: rgba($grey-darker, 0.5);
$menu-item-active-background-color: rgba($grey-darker, 0.5);
$title-size: 1.5rem;
$subtitle-size: 1rem;
$tabs-link-active-color: $primary;
$tabs-link-active-border-bottom-color: $primary;
$pricing-item-color: $grey-darker;
$pagination-current-background-color: $white;
$pagination-current-color: $primary;
$pagination-hover-color: $primary;
$pagination-hover-border-color: $primary;
$pagination-focus-color: $primary;
$pagination-focus-border-color: $primary;
$box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
//Custom variables
$nav-sticky-height: 4.25rem;
$drawer-width: 240px;
$drawer-color: rgba(#256782, 0.6);