// Variables
//
// Copy settings from this file into the provided `_custom.scss` to override
// the Bootstrap defaults without modifying key, versioned files.
//
// Variables should follow the `$component-state-property-size` formula for
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

// Table of Contents
//
// Color system
// Options
// Spacing
// Body
// Links
// Paragraphs
// Grid breakpoints
// Grid containers
// Grid columns
// Fonts
// Components
// Tables
// Buttons
// Forms
// Dropdowns
// Z-index master list
// Navs
// Navbar
// Pagination
// Jumbotron
// Form states and alerts
// Cards
// Tooltips
// Popovers
// Badges
// Modals
// Alerts
// Progress bars
// List group
// Image thumbnails
// Figures
// Breadcrumbs
// Carousel
// Close
// Code


//
// Color system
//

$white:     #fff !default; // bootstrap default
$gray-700:  #43536d !default;
$gray-100:  lighten($gray-700, 60%) !default; // #eef0f4
$gray-200:  lighten($gray-700, 50%) !default; // #ced5e1
$gray-300:  lighten($gray-700, 40%) !default; // #aebace
$gray-400:  lighten($gray-700, 30%) !default; // #8f9fba
$gray-500:  lighten($gray-700, 20%) !default; // #6f84a7
$gray-600:  lighten($gray-700, 10%) !default; // #566b8d
$gray-800:  darken($gray-700, 10%) !default; // #303b4d
$gray-900:  darken($gray-700, 20%) !default; // #1c232e
$black:     #000 !default; // bootstrap default

$grays: (
  100: $gray-100,
  200: $gray-200,
  300: $gray-300,
  400: $gray-400,
  500: $gray-500,
  600: $gray-600,
  700: $gray-700,
  800: $gray-800,
  900: $gray-900
) !default;

$blue:     #005ae1; // custom
$mid-blue: #0071c4; // custom
$indigo:   #6610f2 !default; // bootstrap default
$purple:   #6f42c1 !default; // bootstrap default
$pink:     #e83e8c !default; // bootstrap default
$red:      #da273b !default; // custom
$orange:   #fd7e14 !default; // bootstrap default
$yellow:   #ffc107 !default; // bootstrap default
$green:    #008a00 !default; // custom
$teal:     #20c997 !default; // bootstrap default
$cyan:     #29abe2 !default; // custom

$colors: (
  "blue": $blue,
  "indigo": $indigo,
  "purple": $purple,
  "pink": $pink,
  "red": $red,
  "orange": $orange,
  "yellow": $yellow,
  "green": $green,
  "teal": $teal,
  "cyan": $cyan,
  "white": $white,
  "gray": $gray-600,
  "gray-dark": $gray-800,
);

$theme-colors: (
  primary: $green, // custom
  secondary: $gray-600, // bootstrap default
  success: $green, // bootstrap default
  info: $mid-blue, // bootstrap default
  warning: $yellow, // bootstrap default
  danger: $red, // bootstrap default
  light: $gray-100, // bootstrap default
  dark: $gray-800 // bootstrap default
);

// Set a specific jump point for requesting color jumps
//$theme-color-interval: 8% !default;


// Options
//
// Quickly modify global styling by enabling or disabling optional features.

//$enable-rounded:            true !default;
$enable-shadows:            true;
//$enable-gradients:          false !default;
//$enable-transitions:        true !default;
//$enable-hover-media-query:  false !default;
//$enable-grid-classes:       true !default;
//$enable-print-styles:       true !default;


// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.

$spacer: 1.2308rem; // $font-size-root (13px) * $spacer = 16px
$spacers: (
  0: 0,
  1: ($spacer * .25),
  2: ($spacer * .5),
  3: $spacer,
  4: ($spacer * 1.5),
  5: ($spacer * 3),
  // Note: Do not use map_get($spacers, xl/lg/sm/xs) within this file only
  // This will cause a build failure in different modules such as silversripe/login-forms
  // which include their own node_modules/bootstrap/scss/_variables.scss that includes the default $spacers
  // 0,1,2,3,4,5 but not the custom ones xl,lg,sm,xs below
  xl: $spacer * 2.5, // 40px - custom
  lg: $spacer * 1.5, // 24px - custom
  sm: $spacer * .75, // 12px - custom
  xs: $spacer * .625 // 10px - custom
) !default;

// This variable affects the `.h-*` and `.w-*` classes.
//$sizes: (
//  25: 25%,
//  50: 50%,
//  75: 75%,
//  100: 100%
//) !default;

// Body
//
// Settings for the `<body>` element.

$body-bg: lighten($gray-100, 4);
$body-color: $gray-700; // eg. Text, labels, iconography

// Links
//
// Style anchor elements.

$link-color: #0071c4;
//$link-decoration:       none !default;
$link-hover-color: darken($link-color, 5%);
//$link-hover-decoration: underline !default;

// Paragraphs
//
// Style p element.

//$paragraph-margin-bottom: 1rem;


// Grid breakpoints
//
// Define the minimum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.

$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 544px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px,
  // Extra extra large screen / wide desktop
  xxl: 1400px
);
//@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
//@include _assert-starts-at-zero($grid-breakpoints);


// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

$container-max-widths: (
  sm: 576px,
  md: 720px,
  lg: 940px,
  xl: 1140px
);
//@include _assert-ascending($container-max-widths, "$container-max-widths");


// Grid columns
//
// Set the number of columns and specify the width of the gutters.

//$grid-columns: 12 !default;
$grid-gutter-width: $spacer * 2.5; // 40px

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

$line-height-lg: calc(4 / 3);
$line-height-sm: 1.5;

$border-width: 1px !default;
$border-color: $gray-200;

$border-radius:          .23rem !default;
$border-radius-lg:       .5rem !default;
$border-radius-sm:       .192rem !default;

//$component-active-color: $white !default;
$component-active-bg: $link-color;

//$caret-width:            .3em !default;

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


// Fonts
//
// Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-serif: Georgia, "Times New Roman", Times, serif;
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font-family-base: $font-family-sans-serif;

$font-size-base: 1rem; // Uses $font-size-root: 13px
$font-size-lg: 1.231rem; // 16px
$font-size-sm: .923rem; // 12px

//$font-weight-light: 300 !default;
//$font-weight-normal: normal !default;
//$font-weight-bold: bold !default;

//$font-weight-base: $font-weight-normal !default;
$line-height-base: 1.5384;

$h1-font-size: 1.693rem; // 22px
$h2-font-size: 19px; // 2rem;
$h3-font-size: 17px; // 1.75rem;
$h4-font-size: 14px; // 1.5rem;
$h5-font-size: 13px; // 1.25rem;
$h6-font-size: 12px; // 1rem;

$headings-margin-bottom: $spacer;
//$headings-font-family:   inherit !default;
//$headings-font-weight:   500 !default;
//$headings-line-height:   1.1 !default;
//$headings-color:         inherit !default;

//$display1-size: 6rem !default;
//$display2-size: 5.5rem !default;
//$display3-size: 4.5rem !default;
//$display4-size: 3.5rem !default;

//$display1-weight:     300 !default;
//$display2-weight:     300 !default;
//$display3-weight:     300 !default;
//$display4-weight:     300 !default;
//$display-line-height: $headings-line-height !default;

//$lead-font-size:   1.25rem !default;
//$lead-font-weight: 300 !default;

//$small-font-size: 80% !default;

$text-muted: $gray-600;

//$blockquote-small-color:  $gray-600 !default;
//$blockquote-font-size:    ($font-size-base * 1.25) !default;

//$hr-border-color: rgba($black,.1) !default;
//$hr-border-width: $border-width !default;

//$mark-padding: .2em !default;

//$dt-font-weight: $font-weight-bold !default;

//$kbd-box-shadow:         inset 0 -.1rem 0 rgba($black,.25) !default;
//$nested-kbd-font-weight: $font-weight-bold !default;

//$list-inline-padding: 5px !default;

//$mark-bg: #fcf8e3 !default;


// Tables
//
// Customizes the `.table` component with basic values, each used across all table variations.

$table-cell-padding: $spacer;
$table-cell-padding-sm: $spacer * .75;
$table-cell-padding-lg: $spacer * 1.5;

//$table-bg:                      transparent !default;
$table-accent-bg: $white;
$table-hover-bg: #f0f4f7;
$table-active-bg: map_get($theme-colors, primary);

//$table-border-width:            $border-width !default;
$table-border-color:            lighten($border-color, 4) !default;

//$table-head-bg:                 $gray-200 !default;
//$table-head-color:              $gray-700 !default;

//$table-inverse-bg:              $gray-900 !default;
//$table-inverse-accent-bg:       rgba($white, .05) !default;
//$table-inverse-hover-bg:        rgba($white, .075) !default;
//$table-inverse-border-color:    lighten($gray-900, 7.5%) !default;
//$table-inverse-color:           $body-bg !default;


// Buttons
//
// For each of Bootstrap's buttons, define text, background and border color.

$input-btn-padding-x: .7692rem; // 10px
$input-btn-padding-y: .3846rem; // 5px
$input-btn-line-height: $line-height-base;

$input-btn-padding-x-sm: .4615rem; // 6px
$input-btn-padding-y-sm: .3077rem; // 4px
//$input-btn-line-height-sm:  1.5 !default;

//$input-btn-padding-y-lg:    .5rem !default;
//$input-btn-padding-x-lg:    1rem !default;
//$input-btn-line-height-lg:  1.5 !default;

//$btn-font-weight:                $font-weight-normal !default;
//$btn-box-shadow:                 inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
//$btn-focus-box-shadow:           0 0 0 3px rgba(theme-color("primary"), .25) !default;
//$btn-active-box-shadow:          inset 0 3px 5px rgba($black,.125) !default;

//$btn-link-disabled-color:        $gray-600 !default;

//$btn-block-spacing-y:            .5rem !default;

// Allows for customizing button radius independently from global border radius
//$btn-border-radius:              $border-radius !default;
//$btn-border-radius-lg:           $border-radius-lg !default;
//$btn-border-radius-sm:           $border-radius-sm !default;

//$btn-transition:                 background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;


// Forms

//$input-bg:                       $white !default;
$input-disabled-bg: darken($body-bg, 2);

$input-color: lighten($gray-700, 10);
$input-border-color: darken($body-bg, 14);
//$input-btn-border-width:         $border-width !default; // For form controls and buttons
//$input-box-shadow:               inset 0 1px 1px rgba($black,.075) !default;

//$input-border-radius:            $border-radius !default;
//$input-border-radius-lg:         $border-radius-lg !default;
//$input-border-radius-sm:         $border-radius-sm !default;

//$input-focus-bg:                 $input-bg !default;
$input-focus-border-color:       #66afe9;
$input-focus-box-shadow:         rgba(102, 175, 233, .6);
//$input-focus-color:              $input-color !default;

$input-placeholder-color:        darken($gray-400, 4%); // #8295b2 - target 3:1 contrast ratio

//$input-height-border:           $input-btn-border-width * 2 !default;

//$input-height-inner:            ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
//$input-height:                  calc(#{$input-height-inner} + #{$input-height-border}) !default;

//$input-height-inner-sm:         ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
//$input-height-sm:               calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;

//$input-height-inner-lg:         ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
//$input-height-lg:               calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;

//$input-transition:               border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;

//$form-text-margin-top:     .25rem !default;

$form-check-margin-bottom:  .5rem !default;
$form-check-input-gutter:   1.5385rem;
//$form-check-input-margin-y: .25rem !default;
//$form-check-input-margin-x: .25rem !default;

//$form-check-inline-margin-x: .75rem !default;

//$form-group-margin-bottom:       1rem !default;

//$input-group-addon-color:        $input-color !default;
$input-group-addon-bg:           $gray-100;
//$input-group-addon-border-color: $input-border-color !default;
//$input-group-btn-border-color:   $input-border-color !default;

//$custom-control-gutter:   1.5rem !default;
//$custom-control-spacer-y: .25rem !default;
//$custom-control-spacer-x: 1rem !default;

//$custom-control-indicator-size:       1rem !default;
//$custom-control-indicator-bg:         #ddd !default;
//$custom-control-indicator-bg-size:    50% 50% !default;
//$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;

//$custom-control-indicator-disabled-bg:       $gray-200 !default;
//$custom-control-description-disabled-color:  $gray-600 !default;

//$custom-control-indicator-checked-color:      $white !default;
//$custom-control-indicator-checked-bg:         theme-color("primary") !default;
//$custom-control-indicator-checked-box-shadow: none !default;

//$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary") !default;

//$custom-control-indicator-active-color:      $white !default;
//$custom-control-indicator-active-bg:         lighten(theme-color("primary"), 35%) !default;
//$custom-control-indicator-active-box-shadow: none !default;

//$custom-checkbox-indicator-border-radius: $border-radius !default;
//$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;

//$custom-checkbox-indicator-indeterminate-bg: theme-color("primary") !default;
//$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
//$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
//$custom-checkbox-indicator-indeterminate-box-shadow: none !default;

//$custom-radio-indicator-border-radius: 50% !default;
//$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;

//$custom-select-padding-y:          .375rem !default;
//$custom-select-padding-x:          .75rem  !default;
//$custom-select-height:              $input-height  !default;
//$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
//$custom-select-line-height:         $input-btn-line-height !default;
//$custom-select-color:               $input-color !default;
//$custom-select-disabled-color:      $gray-600 !default;
//$custom-select-bg:            $white !default;
//$custom-select-disabled-bg:   $gray-200 !default;
//$custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
//$custom-select-indicator-color: #333 !default;
//$custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
//$custom-select-border-width:  $input-btn-border-width !default;
//$custom-select-border-color:  $input-border-color !default;
//$custom-select-border-radius: $border-radius !default;

//$custom-select-focus-border-color: lighten(theme-color("primary"), 25%) !default;
//$custom-select-focus-box-shadow:   inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;

//$custom-select-font-size-sm:  75% !default;
//$custom-select-height-sm: $input-height-sm !default;

//$custom-file-height:           $input-height !default;
//$custom-file-width:            14rem !default;
//$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary") !default;

//$custom-file-padding-y:     $input-btn-padding-y !default;
//$custom-file-padding-x:     $input-btn-padding-x !default;
//$custom-file-line-height:   $input-btn-line-height !default;
//$custom-file-color:         $input-color !default;
//$custom-file-bg:            $input-bg !default;
//$custom-file-border-width:  $input-btn-border-width !default;
//$custom-file-border-color:  $input-border-color !default;
//$custom-file-border-radius: $input-border-radius !default;
//$custom-file-box-shadow:    $input-box-shadow !default;
//$custom-file-button-color:  $custom-file-color !default;
//$custom-file-button-bg:     $input-group-addon-bg !default;
//$custom-file-text: (
//  placeholder: (
//    en: "Choose file..."
//  ),
//  button-label: (
//    en: "Browse"
//  )
//) !default;


// Form validation
//$form-feedback-valid-color:   theme-color("success") !default;
//$form-feedback-invalid-color: theme-color("danger") !default;


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

//$dropdown-min-width:             10rem !default;
//$dropdown-padding-y:             .5rem !default;
//$dropdown-spacer:                .125rem !default;
//$dropdown-bg:                    $white !default;
//$dropdown-border-color:          rgba($black,.15) !default;
//$dropdown-border-width:          $border-width !default;
//$dropdown-divider-bg:            $gray-200 !default;
//$dropdown-box-shadow:            0 .5rem 1rem rgba($black,.175) !default;

$dropdown-link-color:            $body-color;
$dropdown-link-hover-color:      $body-color;
//$dropdown-link-hover-bg:         $gray-100 !default;

//$dropdown-link-active-color:     $component-active-color !default;
//$dropdown-link-active-bg:        $component-active-bg !default;

//$dropdown-link-disabled-color:   $gray-600 !default;

$dropdown-item-padding-y:        .45rem !default;
$dropdown-item-padding-x:        1.3rem !default;

//$dropdown-header-color:          $gray-600 !default;


// Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.

//$zindex-dropdown:           1000 !default;
//$zindex-sticky:             1020 !default;
//$zindex-fixed:              1030 !default;
//$zindex-modal-backdrop:     1040 !default;
//$zindex-modal:              1050 !default;
//$zindex-popover:            1060 !default;
//$zindex-tooltip:            1070 !default;

// Navs

$nav-link-padding-y:            $spacer; // .5rem !default;
$nav-link-padding-x:            map_get($spacers, 1); // 1rem !default;
//$nav-link-disabled-color:       $gray-600 !default;

$nav-tabs-border-color: $border-color;
$nav-tabs-border-width:                       $border-width !default;
$nav-tabs-border-radius:                      0 !default;
$nav-tabs-link-hover-border-color:            $gray-300;
$nav-tabs-link-active-color: $body-color;
$nav-tabs-link-active-bg: transparent;
$nav-tabs-link-active-border-color: $text-muted;

//$nav-pills-border-radius:     $border-radius !default;
//$nav-pills-link-active-color: $component-active-color !default;
//$nav-pills-link-active-bg:    $component-active-bg !default;

// Navbar

//$navbar-padding-y:                  ($spacer / 2) !default;
//$navbar-padding-x:                  $spacer !default;

//$navbar-brand-font-size:            $font-size-lg !default;
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
//$nav-link-height:                   $navbar-brand-font-size * $line-height-base !default;
//$navbar-brand-height:               ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
//$navbar-brand-padding-y:            ($navbar-brand-height - $nav-link-height) / 2 !default;

//$navbar-toggler-padding-y:           .25rem !default;
//$navbar-toggler-padding-x:           .75rem !default;
//$navbar-toggler-font-size:           $font-size-lg !default;
//$navbar-toggler-border-radius:       $btn-border-radius !default;

//$navbar-dark-color:                 rgba($white,.5) !default;
//$navbar-dark-hover-color:           rgba($white,.75) !default;
//$navbar-dark-active-color:          rgba($white,1) !default;
//$navbar-dark-disabled-color:        rgba($white,.25) !default;
//$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
//$navbar-dark-toggler-border-color:  rgba($white,.1) !default;

//$navbar-light-color:                rgba($black,.5) !default;
//$navbar-light-hover-color:          rgba($black,.7) !default;
//$navbar-light-active-color:         rgba($black,.9) !default;
//$navbar-light-disabled-color:       rgba($black,.3) !default;
//$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
//$navbar-light-toggler-border-color: rgba($black,.1) !default;

// Pagination

//$pagination-padding-y:                .5rem !default;
//$pagination-padding-x:                .75rem !default;
//$pagination-padding-y-sm:             .25rem !default;
//$pagination-padding-x-sm:             .5rem !default;
//$pagination-padding-y-lg:             .75rem !default;
//$pagination-padding-x-lg:             1.5rem !default;
//$pagination-line-height:              1.25 !default;

//$pagination-color:                     $link-color !default;
//$pagination-bg:                        $white !default;
//$pagination-border-width:              $border-width !default;
//$pagination-border-color:              #ddd !default;

//$pagination-hover-color:               $link-hover-color !default;
//$pagination-hover-bg:                  $gray-200 !default;
//$pagination-hover-border-color:        #ddd !default;

//$pagination-active-color:              $white !default;
//$pagination-active-bg:                 theme-color("primary") !default;
//$pagination-active-border-color:       theme-color("primary") !default;

//$pagination-disabled-color:            $gray-600 !default;
//$pagination-disabled-bg:               $white !default;
//$pagination-disabled-border-color:     #ddd !default;


// Jumbotron

//$jumbotron-padding:              2rem !default;
//$jumbotron-bg:                   $gray-200 !default;


// Cards

//$card-spacer-y:            .75rem !default;
//$card-spacer-x:            1.25rem !default;
//$card-border-width:        1px !default;
//$card-border-radius:       $border-radius !default;
//$card-border-color:        rgba($black,.125) !default;
//$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
//$card-cap-bg:              rgba($black, .03) !default;
//$card-bg:                  $white !default;

//$card-img-overlay-padding: 1.25rem !default;

//$card-deck-margin:          ($grid-gutter-width / 2) !default;

//$card-columns-count:        3 !default;
//$card-columns-gap:          1.25rem !default;
//$card-columns-margin:       $card-spacer-y !default;


// Tooltips

//$tooltip-max-width:           200px !default;
//$tooltip-color:               $white !default;
//$tooltip-bg:                  $black !default;
//$tooltip-opacity:             .9 !default;
//$tooltip-padding-y:           3px !default;
//$tooltip-padding-x:           8px !default;
//$tooltip-margin:              0 !default;


//$tooltip-arrow-width:         5px !default;
//$tooltip-arrow-height:        5px !default;
//$tooltip-arrow-color:         $tooltip-bg !default;


// Popovers

$popover-font-size:                 $font-size-base;  // SS custom
$popover-bg:                        $white; // SS custom
//$popover-max-width:                 276px !default;
//$popover-border-width:              $border-width !default;
//$popover-border-color:              rgba($black, .2) !default;
//$popover-border-radius:             $border-radius-lg !default;
//$popover-box-shadow:                0 .25rem .5rem rgba($black, .2);

$popover-header-bg:                 $popover-bg; // SS custom
//$popover-header-color:              $headings-color !default;
$popover-header-padding-y:          $spacer * .75; // SS custom: 12px
$popover-header-padding-x:          $spacer; // SS custom: 16px

//$popover-body-color:                $body-color !default;
$popover-body-padding-y:            $popover-header-padding-y; // SS custom
$popover-body-padding-x:            $popover-header-padding-x; // SS custom

//$popover-arrow-width:               1rem;
//$popover-arrow-height:              .5rem;
//$popover-arrow-color:               $popover-bg !default;

//$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;


// Badges

//$badge-color:                 $white !default;
//$badge-font-size:             75% !default;
//$badge-font-weight:           $font-weight-bold !default;
//$badge-padding-y:             .25em !default;
//$badge-padding-x:             .4em !default;

//$badge-pill-padding-x:        .6em !default;
// Use a higher than normal value to ensure completely rounded edges when
// customizing padding or font-size on labels.
//$badge-pill-border-radius:    10rem !default;


// Modals

// Padding applied to the modal body
$modal-inner-padding: 1.5385rem; // 20px


//$modal-dialog-margin:         10px !default;
//$modal-dialog-margin-y-sm-up: 30px !default;

//$modal-title-line-height:     $line-height-base !default;

$modal-content-bg: $body-bg;
//$modal-content-border-color:     rgba($black,.2) !default;
//$modal-content-border-width:     $border-width !default;
//$modal-content-box-shadow-xs:    0 3px 9px rgba($black,.5) !default;
//$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;

//$modal-backdrop-bg:           $black !default;
//$modal-backdrop-opacity:      .5 !default;
$modal-header-border-color: #e5e5e5;
$modal-footer-border-color: #e5e5e5;
//$modal-header-border-width:   $modal-content-border-width !default;
//$modal-footer-border-width:   $modal-header-border-width !default;
$modal-header-padding: calc($spacer * .625) calc($grid-gutter-width / 2);

$modal-xl: calc(100% - calc($spacer * .625));
$modal-lg: 900px;
$modal-md: 600px;
//$modal-sm:                    300px !default;

//$modal-transition:            transform .3s ease-out !default;


// Alerts
//
// Define alert colors, border radius, and padding.

//$alert-padding-y:             .75rem !default;
//$alert-padding-x:             1.25rem !default;
//$alert-margin-bottom:         1rem !default;
//$alert-border-radius:         $border-radius !default;
//$alert-link-font-weight:      $font-weight-bold !default;
//$alert-border-width:          $border-width !default;


// Progress bars

//$progress-height:               1rem !default;
//$progress-font-size:            .75rem !default;
//$progress-bg:                   $gray-200 !default;
//$progress-border-radius:        $border-radius !default;
//$progress-box-shadow:           inset 0 .1rem .1rem rgba($black,.1) !default;
//$progress-bar-color:            $white !default;
//$progress-bar-bg:               theme-color("primary") !default;
//$progress-bar-animation-timing: 1s linear infinite !default;
//$progress-bar-transition:       width .6s ease !default;

// List group

//$list-group-bg:                  $white !default;
$list-group-border-color: darken($body-bg, 6);
//$list-group-border-width:        $border-width !default;
$list-group-border-radius: 0;

//$list-group-item-padding-y:      .75rem !default;
//$list-group-item-padding-x:      1.25rem !default;

$list-group-hover-bg: #f5f5f5;
//$list-group-active-color:             $component-active-color !default;
//$list-group-active-bg:                $component-active-bg !default;
//$list-group-active-border-color:      $list-group-active-bg !default;

$list-group-disabled-color: $gray-300;
$list-group-disabled-bg: $gray-200;

//$list-group-action-color:             $gray-700 !default;
//$list-group-action-hover-color:       $list-group-action-color !default;

//$list-group-action-active-color:      $body-color !default;
//$list-group-action-active-bg:         $gray-200 !default;


// Image thumbnails

//$thumbnail-padding:           .25rem !default;
//$thumbnail-bg:                $body-bg !default;
//$thumbnail-border-width:      $border-width !default;
//$thumbnail-border-color:      #ddd !default;
//$thumbnail-border-radius:     $border-radius !default;
//$thumbnail-box-shadow:        0 1px 2px rgba($black,.075) !default;
//$thumbnail-transition:        all .2s ease-in-out !default;


// Figures

//$figure-caption-font-size: 90% !default;
//$figure-caption-color:     $gray-600 !default;


// Breadcrumbs

$breadcrumb-padding-y: 7px;
$breadcrumb-padding-x: 0;
//$breadcrumb-item-padding:       .5rem !default;

//$breadcrumb-margin-bottom:      1rem !default;

$breadcrumb-bg: transparent;
$breadcrumb-divider-color: darken($body-bg, 14);
$breadcrumb-active-color: $body-color;
//$breadcrumb-divider:            "/" !default;


// Carousel

//$carousel-control-color:                      $white !default;
//$carousel-control-width:                      15% !default;
//$carousel-control-opacity:                    .5 !default;

//$carousel-indicator-width:                    30px !default;
//$carousel-indicator-height:                   3px !default;
//$carousel-indicator-spacer:                   3px !default;
//$carousel-indicator-active-bg:                $white !default;

//$carousel-caption-width:                      70% !default;
//$carousel-caption-color:                      $white !default;

//$carousel-control-icon-width:                 20px !default;

//$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
//$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;

//$carousel-transition:           transform .6s ease !default;


// Close

//$close-font-size:             $font-size-base * 1.5 !default;
//$close-font-weight:           $font-weight-bold !default;
//$close-color:                 $black !default;
//$close-text-shadow:           0 1px 0 $white !default;

// Code

//$code-font-size:              90% !default;
//$code-padding-y:              .2rem !default;
//$code-padding-x:              .4rem !default;
//$code-color:                  #bd4147 !default;
//$code-bg:                     $gray-100 !default;

//$kbd-color:                   $white !default;
//$kbd-bg:                      $gray-900 !default;

//$pre-color:                   $gray-900 !default;
//$pre-scrollable-max-height:   340px !default;