$enable-prefers-reduced-motion-media-query:   true;
$enable-deprecation-messages: false;
$color-primary: #da322f;
$primary_color: #da322f;
$color-light: #f7f7f7;
$color-bg-light: $color-light;
$color-buttonface: #dddddd;
$color-filter-text: #7d7d7d;
$color-filter-border: #d7d7d7;

$border-radius: 3px;

$transition-duration: 0.15s;
$transition-timing: linear;
$transition-delay: 0s;

$button-border-radius: 3rem;

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

$grid-mobile-xs: 479px;

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

@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: 540px,
        md: 720px,
        lg: 960px,
        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;
$grid-gutter-width: 30px;


$spacer: 1rem !default;
$spacers: () !default;
$spacers: map-merge((
        0: 0,
        1: ($spacer * .25),
        2: ($spacer * .5),
        3: $spacer,
        4: ($spacer * 1.5),
        5: ($spacer * 3)
), $spacers);

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

$enable-caret:                      true !default;
$enable-rounded:                    true !default;
$enable-shadows:                    false !default;
$enable-gradients:                  false !default;
$enable-transitions:                true !default;
$enable-hover-media-query:          false !default; // Deprecated, no longer affects any compiled CSS
$enable-grid-classes:               true !default;
$enable-print-styles:               true !default;
$enable-validation-icons:           true !default;

$line-height-base:                  1.5 !default;
$border-width:                      1px !default;
$border-radius:                     .25rem !default;
$border-radius-lg:                  .3rem !default;
$border-radius-sm:                  .2rem !default;

// Modal
$zindex-modal-backdrop:             100089 !default; // wpadminbar is 99999 already...
$zindex-modal:                      100090 !default;

// Padding applied to the modal body
$modal-inner-padding:               1.5rem !default;

$modal-dialog-margin:               .5rem !default;
$modal-dialog-margin-y-sm-up:       1.75rem !default;

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

$modal-content-bg:                  $white !default;
$modal-content-border-color:        rgba($black, .2) !default;
$modal-content-border-width:        $border-width !default;
$modal-content-border-radius:       $border-radius-lg !default;
$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;

$modal-backdrop-bg:                 $black !default;
$modal-backdrop-opacity:            .5 !default;
$modal-header-border-color:         $gray-200 !default;
$modal-footer-border-color:         $modal-header-border-color !default;
$modal-header-border-width:         $modal-content-border-width !default;
$modal-footer-border-width:         $modal-header-border-width !default;
$modal-header-padding:              1.5rem !default;

$modal-xl:                          1140px !default;
$modal-lg:                          800px !default;
$modal-md:                          500px !default;
$modal-sm:                          300px !default;

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

$transition-fade:             opacity .15s linear !default;
$transition-collapse:         height .35s ease !default;