@use "sass:math";

//
// Color system
//

$white:    #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:    #000;

$default: #eaebec;
$primary: #ed1c24;
$secondary: #2c3e4c;
$light: #EAECED;
$dark: #505050;

$link-color: inherit;
$link-hover-color: $primary;
$link-hover-decoration:                   none;
$link-alternate-color: #ffffff;
$link-alternate-hover-color: darken($link-alternate-color, 15%);

$body-bg: #F6F6F6;
$body-color: $dark;


//
// Options
//
$enable-rounded: false;

//
// Fonts
//
$font-family-sans-serif: "Raleway", sans-serif;

$html-font-size: 14px;
$font-size-base: 1rem;
$h1-font-size: $font-size-base * 2;
$h2-font-size: $font-size-base * 1.5;
$h3-font-size: $font-size-base * 1.1;
$h4-font-size: $font-size-base * 1.1;


$headings-font-weight: 700;
$blockquote-font-size: ($font-size-base * 1.15);
$headings-color: #262626;
$headline-scaling: ();
$headline-scaling: map-merge(
                (
                        xs: .8,
                        md: 1
                ),
                $headline-scaling
);
$headline-awesome-scaling: ();
$headline-awesome-scaling: map-merge(
                (
                        xs: 1
                ),
                $headline-awesome-scaling
);

$line-height-base: 1.5;

$lead-font-size: $font-size-base * 1.1;
$lead-font-weight: null;


// Components
//
// Define common padding and border radius sizes and more.

$line-height-lg:              1.5;
$line-height-sm:              1.5;

$border-width:                1px;
$border-color:                $gray-300;

$border-radius:               0;
$border-radius-lg:            0;
$border-radius-sm:            0;

$rounded-pill:                50rem;

$box-shadow-sm:               0 .125rem .25rem rgba($black, .075);
$box-shadow:                  0 .5rem 1rem rgba($black, .15);
$box-shadow-lg:               0 1rem 3rem rgba($black, .175);

$component-active-color:      $white;
$component-active-bg:         $primary;

$caret-width:                 .3em;
$caret-vertical-align:        $caret-width * .85;
$caret-spacing:               $caret-width * .85;

$transition-base:             all .2s ease-in-out;
$transition-fade:             opacity .15s linear;
$transition-collapse:         height .35s ease;



//
// Grid
//


$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1366px
);

$grid-float-breakpoint: map-get($grid-breakpoints, 'lg');
$grid-gutter-width: 4rem;

//
// Grid containers
//

$container-max-widths: (
        sm: 540px,
        md: 720px,
        lg: 960px,
        xl: 1200px
);

//
// Navbar
//
$nav-link-padding-x: 1rem;
$navbar-nav-link-padding-x: $nav-link-padding-x;
$nav-link-padding-y: 1rem;
$navbar-heights: (
        xs: 5.5rem

);

$navbar-light-color: $gray-900;
$navbar-light-hover-color: $primary;
$navbar-light-active-color: $primary;

//
// Subnav
//
$subnav-font-size: $font-size-base * .875;
$subnav-line-height: 1.25;
$subnav-link-padding-x: 1rem;
$subnav-link-padding-y: .5rem;
$subnav-border-color: red;
$subnav-color: rgba($black, .5);
$subnav-hover-color: rgba($black, .7);
$subnav-hover-bg: #f2f2f2;
$subnav-active-color: $link-color;
$subnav-active-bg: transparent;

// Dropdowns
//
// Dropdown menu container and contents.

$dropdown-min-width:                15rem;
$dropdown-font-size:                (math.div(13,14)) * 1em;
$dropdown-color:                    $body-color;
$dropdown-bg:                       $body-bg;
$dropdown-border-color:             none;
$dropdown-border-radius:            $border-radius;
$dropdown-border-width:             0;

$dropdown-link-color:               $gray-900;
$dropdown-link-color:               inherit;
$dropdown-link-hover-color:         $primary;
$dropdown-link-hover-bg:            transparent;

$dropdown-link-active-color:        $primary;
$dropdown-link-active-bg:           transparent;

$dropdown-item-padding-y:           .5rem;
$dropdown-item-padding-x:           2.5rem;




//
// Cards
//

$card-spacer-y: 1rem;
$card-spacer-x: 1.5rem;

$card-border-width: 0;
$card-cap-bg: $secondary;
$card-cap-color: $light;
$card-bg: $body-bg;
$card-group-margin: 10px;
$card-deck-margin: $card-group-margin;

//
// Frame Inner Spacing
//
$frame-inner-spacing: 2rem;
$frame-inner-spacing-scaling: ();
$frame-inner-spacing-scaling: map-merge(
                (
                        xs: 1,
                        sm: 1.25,
                        md: 1.5,
                        lg: 1.75,
                        xl: 1.75
                ),
                $frame-inner-spacing-scaling
);

//
// Frame Outer Spacing
//
$frame-outer-spacing: 1rem;
$frame-outer-spacing-scaling: ();
$frame-outer-spacing-scaling: map-merge(
                (
                        none: 0,
                        extra-small: 1,
                        small: 1.5,
                        medium: 2,
                        large: 2.5,
                        extra-large: 3
                ),
                $frame-outer-spacing-scaling
);

//
// Frame Background
//
$frame-backgrounds: ();
$frame-backgrounds: map-merge(
                (
                        primary: (
                                background: $primary,
                                link-color: $link-alternate-color,
                                link-hover-color: $link-alternate-hover-color
                        ),
                        secondary: (
                                background: $secondary,
                                link-color: $link-alternate-color,
                                link-hover-color: $link-alternate-hover-color
                        ),
                        light: (
                                background: $light,
                                link-color: $link-color,
                                link-hover-color: $link-hover-color
                        ),
                        dark: (
                                background: $dark,
                                link-color: $link-color,
                                link-hover-color: $link-hover-color
                        )
                ),
                $frame-backgrounds
);

//
// Footer
//
$footer-sections: ();
$footer-sections: map-merge(
                (
                        content: (
                          //background:                $body-bg,
                                color: $gray-600,
                                link-color: $gray-600,
                                link-color-hover: $link-hover-color,
                        )
                ),
                $footer-sections
);



$timeline-item-spacing: 1.5rem;
$timeline-item-padding: 1.5rem;
$timeline-item-border: 0 none;
$timeline-item-border-radius: 0;
$timeline-item-shadow: 0 1px 0 0 rgba(0, 0, 0, .15);
$timeline-item-headline-color: $primary;
$timeline-item-headline-size: 1.5rem;
$timeline-item-date-size: .8rem;
$timeline-item-color: $body-color;
$timeline-item-bg: $body-bg;
$timeline-item-caption-bg: #f2f2f2;

$timeline-icon-color: $body-color;
$timeline-icon-bg: $primary;
$timeline-icon-border: 2px solid $secondary;
$timeline-icon-border-radius: 50%;
$timeline-icon-border-opacity: .25;

$timeline-marker-size: 16px;
$timeline-marker-bg: $timeline-icon-bg;
$timeline-marker-border: $timeline-icon-border;
$timeline-marker-border-radius: $timeline-icon-border-radius;
$timeline-marker-border-opacity: $timeline-icon-border-opacity;

$timeline-path-border: 2px dashed $secondary;
$timeline-path-opacity: .5;
