`s, which have `min-width: 0;` by default.\n // So we reset that to ensure fieldsets behave more like a standard block element.\n // See https://github.com/twbs/bootstrap/issues/12359\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n min-width: 0;\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n // Reset the entire legend element to match the `fieldset`\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n}\n\ninput[type=\"search\"] {\n // This overrides the extra rounded corners on search inputs in iOS so that our\n // `.form-control` class can properly style them. Note that this cannot simply\n // be added to `.form-control` as it's not specific enough. For details, see\n // https://github.com/twbs/bootstrap/issues/11586.\n -webkit-appearance: none;\n}\n\n// todo: needed?\noutput {\n display: inline-block;\n// font-size: $font-size-base;\n// line-height: $line-height;\n// color: $input-color;\n}\n\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\n[hidden] {\n display: none !important;\n}\n","// Bootstrap overrides\n//\n// Copy variables from `_variables.scss` to this file to override default values\n// without modifying source files.\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px,\n xxl: 1280px,\n xxxl: 1360px,\n hd: 1920px\n);\n\n$black: #000;\n$white: #fff;\n\n$gray-light: #acacac;\n$gray-lighter: #efefef;\n$gray: #696969;\n$gray-dark: #292b2c;\n\n$orange: #f9c000;\n$green: #9fe924;\n$yellow: #fbebbb;\n$red: #f11d1d;\n$pink: #fa847c;\n$brown-light: #a75a07;\n\n$brand-primary: $orange;\n$brand-success: $pink;\n//$brand-info: $teal !default;\n$brand-warning: $yellow;\n$brand-danger: $red;\n$brand-inverse: $white;\n\n\n$font-family-sans-serif: 'Open Sans',-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n$font-family-base: $font-family-sans-serif;\n$font-family-accent: 'Proxima Nova',-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n$font-family-accent-semibold: 'Proxima Nova Semibold',-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n$headings-font-family: $font-family-base;\n\n$body-color: #000;\n\n$enable-gradients: true;\n\n$input-btn-border-width: 2px;\n\n$font-size-base: .875rem; // 14px. Assumes the browser default, typically `16px`\n$font-size-lg: 1rem;\n$font-size-sm: .78125rem; //12.5px\n$font-size-xs: .75rem; // 12px\n$font-size-xxs: .625rem; // 10px\n\n$font-size-xl: 1.25rem; // custom value\n\n$line-height-base: 1;\n\n$font-weight-normal: normal;\n\n$font-size-h1: 2.25rem; //36px\n$font-size-h2: 2rem; //32px\n$font-size-h3: 1.75rem; //28px\n$font-size-h4: 1.5rem; //24px\n$font-size-h5: 1.375rem; // 22px\n$font-size-h6: 1.25rem; // 20px\n$display4-size: 3rem; // 48px\n$lead-font-size: 1.375rem; //22px\n\n$spacer: 1rem;\n$spacer-x: $spacer;\n$spacer-y: $spacer;\n\n\n$border-radius-sm: 1rem;\n$border-radius: 1.5rem;\n$border-radius-lg: 2rem;\n\n\n$link-color: #ec716d;;//$brand-primary;\n$link-decoration: none;\n$link-hover-color: darken($link-color, 5%);\n$link-hover-decoration: none;\n\n$btn-padding-x: 1rem;\n$btn-padding-y: .5rem;\n$btn-line-height: 1.25;\n$btn-font-weight: $font-weight-normal;\n\n$btn-padding-x-sm: 1rem;\n$btn-padding-x: 2rem;\n$btn-padding-x-lg: 3rem;\n\n$btn-border-radius-sm: $btn-padding-x-sm;\n$btn-border-radius: $btn-padding-x;\n$btn-border-radius-lg: $btn-padding-x-lg;\n\n//$btn-padding-y-sm: 1.125rem;\n$btn-padding-y-sm: 0.32rem;\n//$btn-padding-y: 1.375rem;\n$btn-padding-y: 1.125rem;\n$btn-padding-y-lg: 1.5rem;\n\n$btn-transition: all .2s ease-in-out;\n\n$btn-primary-color: $black;\n$btn-primary-bg: $brand-primary;\n$btn-primary-border: $btn-primary-bg;\n\n$btn-secondary-color: $gray-dark;\n$btn-secondary-bg: $white;\n$btn-secondary-border: #ccc;\n\n$btn-info-color: $black;\n$btn-info-bg: #dbdbdb;\n$btn-info-border: $btn-info-bg;\n\n$btn-success-color: $white;\n$btn-success-bg: $brand-success;\n$btn-success-border: $btn-success-bg;\n\n$btn-warning-color: $black;\n$btn-warning-bg: $yellow;\n\n//Form elements\n$input-border-radius: 0px;\n$input-bg: #f8f8f8;\n$input-padding-y: 0.8125rem;\n$input-border-color:rgba($black,.15);\n\n$dropdown-padding-y: 1rem;\n\n$breadcrumb-bg: $white;\n\n//dropdown\n$dropdown-border-width: 1px;\n$dropdown-border-color: $input-border-color;\n\n//Badge for Shop Catalog\n$badge-padding-y: 0.32rem;\n$badge-padding-x: 1rem;\n$badge-pill-padding-x: 1rem;\n$badge-font-size: $font-size-xs;\n$badge-font-weight: normal;\n$badge-color: $black;\n$badge-default-bg: $gray-lighter;\n\n$input-group-addon-bg: $brand-primary;\n$input-group-addon-border-color: $brand-primary;\n\n$transition-base: all .2s ease-in-out;\n$time: .2s;\n\n// Popovers\n$asp-popover-size: 28px;\n$popover-inner-padding: 1px !default;\n$popover-bg: #fff;\n//$popover-max-width: 500px;\n$popover-border-width: 0px;\n$popover-border-color: transparent;\n\n$popover-title-bg: darken($popover-bg, 3%);\n$popover-title-padding-x: $asp-popover-size;\n$popover-title-padding-y: 16px;\n\n$popover-content-padding-x: $asp-popover-size;\n$popover-content-padding-y: 32px;\n\n$popover-arrow-width: $asp-popover-size / 2;\n$popover-arrow-color: $popover-bg;\n\n$popover-arrow-outer-width: ($popover-arrow-width + 1px);\n$popover-arrow-outer-color: fade-in($popover-border-color, .05);\n\n// Modals\n\n// Padding applied to the modal body\n//$modal-inner-padding: 15px !default;\n//\n//$modal-dialog-margin: 10px !default;\n//$modal-dialog-sm-up-margin-y: 30px !default;\n//\n//$modal-title-line-height: $line-height-base !default;\n//\n//$modal-content-bg: $white !default;\n//$modal-content-border-color: rgba($black,.2) !default;\n$modal-content-border-width: 0;\n//$modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;\n//$modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;\n//\n//$modal-backdrop-bg: $black !default;\n//$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: transparent;\n$modal-footer-border-color: $modal-header-border-color;\n$modal-header-border-width: $modal-content-border-width;\n$modal-footer-border-width: $modal-header-border-width;\n//$modal-header-padding: 15px !default;\n\n$modal-lg: 900px;\n$modal-md: 500px;\n$modal-sm: 390px;\n\n$modal-transition: transform .3s ease-out !default;\n\n// Load bootstrap from node_modules\n@import \"../../../node_modules/bootstrap/scss/bootstrap\";\n\n\n\n.col-xl-col_count-5 {\n @include media-breakpoint-up(xl) {\n flex: 0 0 20%;\n max-width: 20%;\n }\n}\n\n\n.dropdown-menu {\n border-radius: 0;\n}\n\n.dropdown-item {\n padding:{\n top: 6px;\n bottom: 6px;\n }\n}\n\n.popover {\n pointer-events: none;\n border: 1px solid #e95b56;\n}\n.popover-content {\n padding: 22px 28px;\n}\n.popover.bs-tether-element-attached-top::after,\n.popover.popover-bottom::after {\n border-bottom-color: #fff;\n}\n.popover.bs-tether-element-attached-bottom::after,\n.popover.popover-top::after {\n border-top-color: #fff;\n}\n.popover.bs-tether-element-attached-left::after,\n.popover.popover-right::after {\n border-right-color: #fff;\n}\n.popover.bs-tether-element-attached-right::after,\n.popover.popover-left::after {\n border-left-color: #fff;\n}\n.popover.bs-tether-element-attached-right::before,\n.popover.popover-left::before {\n border-left-color: #d20700;\n}\n.popover.bs-tether-element-attached-left::before,\n.popover.popover-right::before {\n border-right-color: #d20700;\n}\n.popover.bs-tether-element-attached-bottom::before,\n.popover.popover-top::before {\n border-top-color: #d20700;\n}\n.popover.bs-tether-element-attached-top::before,\n.popover.popover-bottom::before {\n border-bottom-color: #d20700;\n}","// Variables\n//\n// Copy settings from this file into the provided `_custom.scss` to override\n// the Bootstrap defaults without modifying key, versioned files.\n\n\n// Table of Contents\n//\n// Colors\n// Options\n// Spacing\n// Body\n// Links\n// Grid breakpoints\n// Grid containers\n// Grid columns\n// Fonts\n// Components\n// Tables\n// Buttons\n// Forms\n// Dropdowns\n// Z-index master list\n// Navbar\n// Navs\n// Pagination\n// Jumbotron\n// Form states and alerts\n// Cards\n// Tooltips\n// Popovers\n// Badges\n// Modals\n// Alerts\n// Progress bars\n// List group\n// Image thumbnails\n// Figures\n// Breadcrumbs\n// Carousel\n// Close\n// Code\n\n@mixin _assert-ascending($map, $map-name) {\n $prev-key: null;\n $prev-num: null;\n @each $key, $num in $map {\n @if $prev-num == null {\n // Do nothing\n } @else if not comparable($prev-num, $num) {\n @warn \"Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n } @else if $prev-num >= $num {\n @warn \"Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !\";\n }\n $prev-key: $key;\n $prev-num: $num;\n }\n}\n\n// Replace `$search` with `$replace` in `$string`\n// @author Hugo Giraudel\n// @param {String} $string - Initial string\n// @param {String} $search - Substring to replace\n// @param {String} $replace ('') - New value\n// @return {String} - Updated string\n@function str-replace($string, $search, $replace: \"\") {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n\n @return $string;\n}\n\n@mixin _assert-starts-at-zero($map) {\n $values: map-values($map);\n $first-value: nth($values, 1);\n @if $first-value != 0 {\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\n }\n}\n\n\n// General variable structure\n//\n// Variable format should follow the `$component-modifier-state-property` order.\n\n\n// Colors\n//\n// Grayscale and brand colors for use across Bootstrap.\n\n// Start with assigning color names to specific hex values.\n$white: #fff !default;\n$black: #000 !default;\n$red: #d9534f !default;\n$orange: #f0ad4e !default;\n$yellow: #ffd500 !default;\n$green: #5cb85c !default;\n$blue: #0275d8 !default;\n$teal: #5bc0de !default;\n$pink: #ff5b77 !default;\n$purple: #613d7c !default;\n\n// Create grayscale\n$gray-dark: #292b2c !default;\n$gray: #464a4c !default;\n$gray-light: #636c72 !default;\n$gray-lighter: #eceeef !default;\n$gray-lightest: #f7f7f9 !default;\n\n// Reassign color vars to semantic color scheme\n$brand-primary: $blue !default;\n$brand-success: $green !default;\n$brand-info: $teal !default;\n$brand-warning: $orange !default;\n$brand-danger: $red !default;\n$brand-inverse: $gray-dark !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-hover-media-query: false !default;\n$enable-grid-classes: true !default;\n$enable-print-styles: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacer-x: $spacer !default;\n$spacer-y: $spacer !default;\n$spacers: (\n 0: (\n x: 0,\n y: 0\n ),\n 1: (\n x: ($spacer-x * .25),\n y: ($spacer-y * .25)\n ),\n 2: (\n x: ($spacer-x * .5),\n y: ($spacer-y * .5)\n ),\n 3: (\n x: $spacer-x,\n y: $spacer-y\n ),\n 4: (\n x: ($spacer-x * 1.5),\n y: ($spacer-y * 1.5)\n ),\n 5: (\n x: ($spacer-x * 3),\n y: ($spacer-y * 3)\n )\n) !default;\n$border-width: 1px !default;\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%\n) !default;\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-dark !default;\n$inverse-bg: $gray-dark !default;\n$inverse-color: $gray-lighter !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: $brand-primary !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints);\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width-base: 30px !default;\n$grid-gutter-widths: (\n xs: $grid-gutter-width-base,\n sm: $grid-gutter-width-base,\n md: $grid-gutter-width-base,\n lg: $grid-gutter-width-base,\n xl: $grid-gutter-width-base\n) !default;\n\n// Fonts\n//\n// Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !default;\n$font-family-serif: Georgia, \"Times New Roman\", Times, serif !default;\n$font-family-monospace: Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: 1.25rem !default;\n$font-size-sm: .875rem !default;\n$font-size-xs: .75rem !default;\n\n$font-weight-normal: normal !default;\n$font-weight-bold: bold !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$font-size-h1: 2.5rem !default;\n$font-size-h2: 2rem !default;\n$font-size-h3: 1.75rem !default;\n$font-size-h4: 1.5rem !default;\n$font-size-h5: 1.25rem !default;\n$font-size-h6: 1rem !default;\n\n$headings-margin-bottom: ($spacer / 2) !default;\n$headings-font-family: inherit !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.1 !default;\n$headings-color: inherit !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: 1.25rem !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-light !default;\n\n$abbr-border-color: $gray-light !default;\n\n$blockquote-small-color: $gray-light !default;\n$blockquote-font-size: ($font-size-base * 1.25) !default;\n$blockquote-border-color: $gray-lighter !default;\n$blockquote-border-width: .25rem !default;\n\n$hr-border-color: rgba($black,.1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: 5px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: (4 / 3) !default;\n$line-height-sm: 1.5 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$component-active-color: $white !default;\n$component-active-bg: $brand-primary !default;\n\n$caret-width: .3em !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-sm-cell-padding: .3rem !default;\n\n$table-bg: transparent !default;\n\n$table-inverse-bg: $gray-dark !default;\n$table-inverse-color: $body-bg !default;\n\n$table-bg-accent: rgba($black,.05) !default;\n$table-bg-hover: rgba($black,.075) !default;\n$table-bg-active: $table-bg-hover !default;\n\n$table-head-bg: $gray-lighter !default;\n$table-head-color: $gray !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $gray-lighter !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background and border color.\n\n$btn-padding-x: 1rem !default;\n$btn-padding-y: .5rem !default;\n$btn-line-height: 1.25 !default;\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;\n$btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;\n\n$btn-primary-color: $white !default;\n$btn-primary-bg: $brand-primary !default;\n$btn-primary-border: $btn-primary-bg !default;\n\n$btn-secondary-color: $gray-dark !default;\n$btn-secondary-bg: $white !default;\n$btn-secondary-border: #ccc !default;\n\n$btn-info-color: $white !default;\n$btn-info-bg: $brand-info !default;\n$btn-info-border: $btn-info-bg !default;\n\n$btn-success-color: $white !default;\n$btn-success-bg: $brand-success !default;\n$btn-success-border: $btn-success-bg !default;\n\n$btn-warning-color: $white !default;\n$btn-warning-bg: $brand-warning !default;\n$btn-warning-border: $btn-warning-bg !default;\n\n$btn-danger-color: $white !default;\n$btn-danger-bg: $brand-danger !default;\n$btn-danger-border: $btn-danger-bg !default;\n\n$btn-link-disabled-color: $gray-light !default;\n\n$btn-padding-x-sm: .5rem !default;\n$btn-padding-y-sm: .25rem !default;\n\n$btn-padding-x-lg: 1.5rem !default;\n$btn-padding-y-lg: .75rem !default;\n\n$btn-block-spacing-y: .5rem !default;\n$btn-toolbar-margin: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: all .2s ease-in-out !default;\n\n\n// Forms\n\n$input-padding-x: .75rem !default;\n$input-padding-y: .5rem !default;\n$input-line-height: 1.25 !default;\n\n$input-bg: $white !default;\n$input-bg-disabled: $gray-lighter !default;\n\n$input-color: $gray !default;\n$input-border-color: rgba($black,.15) !default;\n$input-btn-border-width: $border-width !default; // For form controls and buttons\n$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-bg-focus: $input-bg !default;\n$input-border-focus: lighten($brand-primary, 25%) !default;\n$input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;\n$input-color-focus: $input-color !default;\n\n$input-color-placeholder: $gray-light !default;\n\n$input-padding-x-sm: .5rem !default;\n$input-padding-y-sm: .25rem !default;\n\n$input-padding-x-lg: 1.5rem !default;\n$input-padding-y-lg: .75rem !default;\n\n$input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;\n$input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;\n$input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;\n\n$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;\n\n$form-text-margin-top: .25rem !default;\n$form-feedback-margin-top: $form-text-margin-top !default;\n\n$form-check-margin-bottom: .5rem !default;\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .25rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n\n$form-group-margin-bottom: $spacer-y !default;\n\n$input-group-addon-bg: $gray-lighter !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$cursor-disabled: not-allowed !default;\n\n$custom-control-gutter: 1.5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-spacer-y: .25rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;\n$custom-control-indicator-bg: #ddd !default;\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;\n\n$custom-control-disabled-cursor: $cursor-disabled !default;\n$custom-control-disabled-indicator-bg: $gray-lighter !default;\n$custom-control-disabled-description-color: $gray-light !default;\n\n$custom-control-checked-indicator-color: $white !default;\n$custom-control-checked-indicator-bg: $brand-primary !default;\n$custom-control-checked-indicator-box-shadow: none !default;\n\n$custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;\n\n$custom-control-active-indicator-color: $white !default;\n$custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;\n$custom-control-active-indicator-box-shadow: none !default;\n\n$custom-checkbox-radius: $border-radius !default;\n$custom-checkbox-checked-icon: 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-checked-indicator-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;\n\n$custom-checkbox-indeterminate-bg: $brand-primary !default;\n$custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;\n$custom-checkbox-indeterminate-icon: 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-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$custom-checkbox-indeterminate-box-shadow: none !default;\n\n$custom-radio-radius: 50% !default;\n$custom-radio-checked-icon: 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-checked-indicator-color}'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$custom-select-padding-x: .75rem !default;\n$custom-select-padding-y: .375rem !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-light !default;\n$custom-select-bg: $white !default;\n$custom-select-disabled-bg: $gray-lighter !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: #333 !default;\n$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;\n$custom-select-border-width: $input-btn-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n\n$custom-select-focus-border-color: lighten($brand-primary, 25%) !default;\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\n\n$custom-select-sm-padding-y: .2rem !default;\n$custom-select-sm-font-size: 75% !default;\n\n$custom-file-height: 2.5rem !default;\n$custom-file-width: 14rem !default;\n$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;\n\n$custom-file-padding-x: .5rem !default;\n$custom-file-padding-y: 1rem !default;\n$custom-file-line-height: 1.5 !default;\n$custom-file-color: $gray !default;\n$custom-file-bg: $white !default;\n$custom-file-border-width: $border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $border-radius !default;\n$custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $gray-lighter !default;\n$custom-file-text: (\n placeholder: (\n en: \"Choose file...\"\n ),\n button-label: (\n en: \"Browse\"\n )\n) !default;\n\n\n// Form validation icons\n$form-icon-success-color: $brand-success !default;\n$form-icon-success: 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='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-icon-warning-color: $brand-warning !default;\n$form-icon-warning: 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='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-icon-danger-color: $brand-danger !default;\n$form-icon-danger: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-margin-top: .125rem !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black,.15) !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-divider-bg: $gray-lighter !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;\n\n$dropdown-link-color: $gray-dark !default;\n$dropdown-link-hover-color: darken($gray-dark, 5%) !default;\n$dropdown-link-hover-bg: $gray-lightest !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-light !default;\n\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-light !default;\n\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown-backdrop: 990 !default;\n$zindex-navbar: 1000 !default;\n$zindex-dropdown: 1000 !default;\n$zindex-fixed: 1030 !default;\n$zindex-sticky: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navbar\n\n$navbar-border-radius: $border-radius !default;\n$navbar-padding-x: $spacer !default;\n$navbar-padding-y: ($spacer / 2) !default;\n\n$navbar-brand-padding-y: .25rem !default;\n\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-inverse-color: rgba($white,.5) !default;\n$navbar-inverse-hover-color: rgba($white,.75) !default;\n$navbar-inverse-active-color: rgba($white,1) !default;\n$navbar-inverse-disabled-color: rgba($white,.25) !default;\n$navbar-inverse-toggler-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-inverse-toggler-border: rgba($white,.1) !default;\n\n$navbar-light-color: rgba($black,.5) !default;\n$navbar-light-hover-color: rgba($black,.7) !default;\n$navbar-light-active-color: rgba($black,.9) !default;\n$navbar-light-disabled-color: rgba($black,.3) !default;\n$navbar-light-toggler-bg: str-replace(url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border: rgba($black,.1) !default;\n\n// Navs\n\n$nav-item-margin: .2rem !default;\n$nav-item-inline-spacer: 1rem !default;\n$nav-link-padding: .5em 1em !default;\n$nav-link-hover-bg: $gray-lighter !default;\n$nav-disabled-link-color: $gray-light !default;\n\n$nav-tabs-border-color: #ddd !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-lighter !default;\n$nav-tabs-active-link-hover-color: $gray !default;\n$nav-tabs-active-link-hover-bg: $body-bg !default;\n$nav-tabs-active-link-hover-border-color: #ddd !default;\n$nav-tabs-justified-link-border-color: #ddd !default;\n$nav-tabs-justified-active-link-border-color: $body-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-active-link-color: $component-active-color !default;\n$nav-pills-active-link-bg: $component-active-bg !default;\n\n\n// Pagination\n\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: #ddd !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-lighter !default;\n$pagination-hover-border: #ddd !default;\n\n$pagination-active-color: $white !default;\n$pagination-active-bg: $brand-primary !default;\n$pagination-active-border: $brand-primary !default;\n\n$pagination-disabled-color: $gray-light !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border: #ddd !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-bg: $gray-lighter !default;\n\n\n// Form states and alerts\n//\n// Define colors for form feedback states and, by default, alerts.\n\n$state-success-text: #3c763d !default;\n$state-success-bg: #dff0d8 !default;\n$state-success-border: darken($state-success-bg, 5%) !default;\n\n$state-info-text: #31708f !default;\n$state-info-bg: #d9edf7 !default;\n$state-info-border: darken($state-info-bg, 7%) !default;\n\n$state-warning-text: #8a6d3b !default;\n$state-warning-bg: #fcf8e3 !default;\n$mark-bg: $state-warning-bg !default;\n$state-warning-border: darken($state-warning-bg, 5%) !default;\n\n$state-danger-text: #a94442 !default;\n$state-danger-bg: #f2dede !default;\n$state-danger-border: darken($state-danger-bg, 5%) !default;\n\n\n// Cards\n\n$card-spacer-x: 1.25rem !default;\n$card-spacer-y: .75rem !default;\n$card-border-width: 1px !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black,.125) !default;\n$card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: $gray-lightest !default;\n$card-bg: $white !default;\n\n$card-link-hover-color: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-deck-margin: ($grid-gutter-width-base / 2) !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: 3px !default;\n$tooltip-padding-x: 8px !default;\n$tooltip-margin: 3px !default;\n\n$tooltip-arrow-width: 5px !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n\n// Popovers\n\n$popover-inner-padding: 1px !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black,.2) !default;\n$popover-box-shadow: 0 5px 10px rgba($black,.2) !default;\n\n$popover-title-bg: darken($popover-bg, 3%) !default;\n$popover-title-padding-x: 14px !default;\n$popover-title-padding-y: 8px !default;\n\n$popover-content-padding-x: 14px !default;\n$popover-content-padding-y: 9px !default;\n\n$popover-arrow-width: 10px !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Badges\n\n$badge-default-bg: $gray-light !default;\n$badge-primary-bg: $brand-primary !default;\n$badge-success-bg: $brand-success !default;\n$badge-info-bg: $brand-info !default;\n$badge-warning-bg: $brand-warning !default;\n$badge-danger-bg: $brand-danger !default;\n\n$badge-color: $white !default;\n$badge-link-hover-color: $white !default;\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-x: .4em !default;\n$badge-padding-y: .25em !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 15px !default;\n\n$modal-dialog-margin: 10px !default;\n$modal-dialog-sm-up-margin-y: 30px !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black,.2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;\n$modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $gray-lighter !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding: 15px !default;\n\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-x: 1.25rem !default;\n$alert-padding-y: .75rem !default;\n$alert-margin-bottom: $spacer-y !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-success-bg: $state-success-bg !default;\n$alert-success-text: $state-success-text !default;\n$alert-success-border: $state-success-border !default;\n\n$alert-info-bg: $state-info-bg !default;\n$alert-info-text: $state-info-text !default;\n$alert-info-border: $state-info-border !default;\n\n$alert-warning-bg: $state-warning-bg !default;\n$alert-warning-text: $state-warning-text !default;\n$alert-warning-border: $state-warning-border !default;\n\n$alert-danger-bg: $state-danger-bg !default;\n$alert-danger-text: $state-danger-text !default;\n$alert-danger-border: $state-danger-border !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: .75rem !default;\n$progress-bg: $gray-lighter !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: $brand-primary !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n\n// List group\n\n$list-group-color: $body-color !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black,.125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-x: 1.25rem !default;\n$list-group-item-padding-y: .75rem !default;\n\n$list-group-hover-bg: $gray-lightest !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border: $list-group-active-bg !default;\n$list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;\n\n$list-group-disabled-color: $gray-light !default;\n$list-group-disabled-bg: $list-group-bg !default;\n$list-group-disabled-text-color: $list-group-disabled-color !default;\n\n$list-group-link-color: $gray !default;\n$list-group-link-heading-color: $gray-dark !default;\n$list-group-link-hover-color: $list-group-link-color !default;\n\n$list-group-link-active-color: $list-group-color !default;\n$list-group-link-active-bg: $gray-lighter !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: #ddd !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;\n$thumbnail-transition: all .2s ease-in-out !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-light !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-bg: $gray-lighter !default;\n$breadcrumb-divider-color: $gray-light !default;\n$breadcrumb-active-color: $gray-light !default;\n$breadcrumb-divider: \"/\" !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$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;\n$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;\n\n$carousel-transition: transform .6s ease-in-out !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 90% !default;\n$code-padding-x: .4rem !default;\n$code-padding-y: .2rem !default;\n$code-color: #bd4147 !default;\n$code-bg: $gray-lightest !default;\n\n$kbd-color: $white !default;\n$kbd-bg: $gray-dark !default;\n\n$pre-bg: $gray-lightest !default;\n$pre-color: $gray-dark !default;\n$pre-border-color: #ccc !default;\n$pre-scrollable-max-height: 340px !default;\n","@mixin hover {\n // TODO: re-enable along with mq4-hover-shim\n// @if $enable-hover-media-query {\n// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover\n// // Currently shimmed by https://github.com/twbs/mq4-hover-shim\n// @media (hover: hover) {\n// &:hover { @content }\n// }\n// }\n// @else {\n &:hover { @content }\n// }\n}\n\n@mixin hover-focus {\n @if $enable-hover-media-query {\n &:focus { @content }\n @include hover { @content }\n }\n @else {\n &:focus,\n &:hover {\n @content\n }\n }\n}\n\n@mixin plain-hover-focus {\n @if $enable-hover-media-query {\n &,\n &:focus {\n @content\n }\n @include hover { @content }\n }\n @else {\n &,\n &:focus,\n &:hover {\n @content\n }\n }\n}\n\n@mixin hover-focus-active {\n @if $enable-hover-media-query {\n &:focus,\n &:active {\n @content\n }\n @include hover { @content }\n }\n @else {\n &:focus,\n &:active,\n &:hover {\n @content\n }\n }\n}\n","//\n// Headings\n//\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6 {\n margin-bottom: $headings-margin-bottom;\n font-family: $headings-font-family;\n font-weight: $headings-font-weight;\n line-height: $headings-line-height;\n color: $headings-color;\n}\n\nh1, .h1 { font-size: $font-size-h1; }\nh2, .h2 { font-size: $font-size-h2; }\nh3, .h3 { font-size: $font-size-h3; }\nh4, .h4 { font-size: $font-size-h4; }\nh5, .h5 { font-size: $font-size-h5; }\nh6, .h6 { font-size: $font-size-h6; }\n\n.lead {\n font-size: $lead-font-size;\n font-weight: $lead-font-weight;\n}\n\n// Type display classes\n.display-1 {\n font-size: $display1-size;\n font-weight: $display1-weight;\n line-height: $display-line-height;\n}\n.display-2 {\n font-size: $display2-size;\n font-weight: $display2-weight;\n line-height: $display-line-height;\n}\n.display-3 {\n font-size: $display3-size;\n font-weight: $display3-weight;\n line-height: $display-line-height;\n}\n.display-4 {\n font-size: $display4-size;\n font-weight: $display4-weight;\n line-height: $display-line-height;\n}\n\n\n//\n// Horizontal rules\n//\n\nhr {\n margin-top: $spacer-y;\n margin-bottom: $spacer-y;\n border: 0;\n border-top: $hr-border-width solid $hr-border-color;\n}\n\n\n//\n// Emphasis\n//\n\nsmall,\n.small {\n font-size: $small-font-size;\n font-weight: $font-weight-normal;\n}\n\nmark,\n.mark {\n padding: $mark-padding;\n background-color: $mark-bg;\n}\n\n\n//\n// Lists\n//\n\n.list-unstyled {\n @include list-unstyled;\n}\n\n// Inline turns list items into inline-block\n.list-inline {\n @include list-unstyled;\n}\n.list-inline-item {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: $list-inline-padding;\n }\n}\n\n\n//\n// Misc\n//\n\n// Builds on `abbr`\n.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\n.blockquote {\n padding: ($spacer / 2) $spacer;\n margin-bottom: $spacer;\n font-size: $blockquote-font-size;\n border-left: $blockquote-border-width solid $blockquote-border-color;\n}\n\n.blockquote-footer {\n display: block;\n font-size: 80%; // back to default font-size\n color: $blockquote-small-color;\n\n &::before {\n content: \"\\2014 \\00A0\"; // em dash, nbsp\n }\n}\n\n// Opposite alignment of blockquote\n.blockquote-reverse {\n padding-right: $spacer;\n padding-left: 0;\n text-align: right;\n border-right: $blockquote-border-width solid $blockquote-border-color;\n border-left: 0;\n}\n\n.blockquote-reverse .blockquote-footer {\n &::before {\n content: \"\";\n }\n &::after {\n content: \"\\00A0 \\2014\"; // nbsp, em dash\n }\n}\n","// Lists\n\n// Unstyled keeps list items block level, just removes default browser padding and list-style\n@mixin list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n","// Responsive images (ensure images don't scale beyond their parents)\n//\n// This is purposefully opt-in via an explicit class rather than being the default for all `![]()
`s.\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\n// which weren't expecting the images within themselves to be involuntarily resized.\n// See also https://github.com/twbs/bootstrap/issues/18178\n.img-fluid {\n @include img-fluid;\n}\n\n\n// Image thumbnails\n.img-thumbnail {\n padding: $thumbnail-padding;\n background-color: $thumbnail-bg;\n border: $thumbnail-border-width solid $thumbnail-border-color;\n @include border-radius($thumbnail-border-radius);\n @include transition($thumbnail-transition);\n @include box-shadow($thumbnail-box-shadow);\n\n // Keep them at most 100% wide\n @include img-fluid;\n}\n\n//\n// Figures\n//\n\n.figure {\n // Ensures the caption's text aligns with the image.\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: ($spacer-y / 2);\n line-height: 1;\n}\n\n.figure-caption {\n font-size: $figure-caption-font-size;\n color: $figure-caption-color;\n}\n","// Image Mixins\n// - Responsive image\n// - Retina image\n\n\n// Responsive image\n//\n// Keep images from scaling beyond the width of their parents.\n\n@mixin img-fluid {\n // Part 1: Set a maximum relative to the parent\n max-width: 100%;\n // Part 2: Override the height to auto, otherwise images will be stretched\n // when setting a width and height attribute on the img element.\n height: auto;\n}\n\n\n// Retina image\n//\n// Short retina mixin for setting background-image and -size.\n\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\n background-image: url($file-1x);\n\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\n // but doesn't convert dppx=>dpi.\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\n // Compatibility info: http://caniuse.com/#feat=css-media-resolution\n @media\n only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\n only screen and (min-resolution: 2dppx) { // Standardized\n background-image: url($file-2x);\n background-size: $width-1x $height-1x;\n }\n}\n","// Single side border-radius\n\n@mixin border-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n border-top-left-radius: $radius;\n }\n}\n","// Toggles\n//\n// Used in conjunction with global variables to enable certain theme features.\n\n@mixin box-shadow($shadow...) {\n @if $enable-shadows {\n box-shadow: $shadow;\n }\n}\n\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n}\n\n// Utilities\n@import \"mixins/breakpoints\";\n@import \"mixins/hover\";\n@import \"mixins/image\";\n@import \"mixins/badge\";\n@import \"mixins/resize\";\n@import \"mixins/screen-reader\";\n@import \"mixins/size\";\n@import \"mixins/reset-text\";\n@import \"mixins/text-emphasis\";\n@import \"mixins/text-hide\";\n@import \"mixins/text-truncate\";\n@import \"mixins/transforms\";\n@import \"mixins/visibility\";\n\n// // Components\n@import \"mixins/alert\";\n@import \"mixins/buttons\";\n@import \"mixins/cards\";\n@import \"mixins/pagination\";\n@import \"mixins/lists\";\n@import \"mixins/list-group\";\n@import \"mixins/nav-divider\";\n@import \"mixins/forms\";\n@import \"mixins/table-row\";\n\n// // Skins\n@import \"mixins/background-variant\";\n@import \"mixins/border-radius\";\n@import \"mixins/gradients\";\n\n// // Layout\n@import \"mixins/clearfix\";\n// @import \"mixins/navbar-align\";\n@import \"mixins/grid-framework\";\n@import \"mixins/grid\";\n@import \"mixins/float\";\n","// Inline and block code styles\ncode,\nkbd,\npre,\nsamp {\n font-family: $font-family-monospace;\n}\n\n// Inline code\ncode {\n padding: $code-padding-y $code-padding-x;\n font-size: $code-font-size;\n color: $code-color;\n background-color: $code-bg;\n @include border-radius($border-radius);\n\n // Streamline the style when inside anchors to avoid broken underline and more\n a > & {\n padding: 0;\n color: inherit;\n background-color: inherit;\n }\n}\n\n// User input typically entered via keyboard\nkbd {\n padding: $code-padding-y $code-padding-x;\n font-size: $code-font-size;\n color: $kbd-color;\n background-color: $kbd-bg;\n @include border-radius($border-radius-sm);\n @include box-shadow($kbd-box-shadow);\n\n kbd {\n padding: 0;\n font-size: 100%;\n font-weight: $nested-kbd-font-weight;\n @include box-shadow(none);\n }\n}\n\n// Blocks of code\npre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n font-size: $code-font-size;\n color: $pre-color;\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n font-size: inherit;\n color: inherit;\n background-color: transparent;\n border-radius: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: $pre-scrollable-max-height;\n overflow-y: scroll;\n}\n","// Container widths\n//\n// Set the container width, and override it for fixed navbars in media queries.\n\n@if $enable-grid-classes {\n .container {\n @include make-container();\n @include make-container-max-widths();\n }\n}\n\n// Fluid container\n//\n// Utilizes the mixin meant for fixed width containers, but without any defined\n// width for fluid, full width layouts.\n\n@if $enable-grid-classes {\n .container-fluid {\n @include make-container();\n }\n}\n\n// Row\n//\n// Rows contain and clear the floats of your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n }\n\n // Remove the negative margin from default .row, then the horizontal padding\n // from all immediate children columns (to prevent runaway style inheritance).\n .no-gutters {\n margin-right: 0;\n margin-left: 0;\n\n > .col,\n > [class*=\"col-\"] {\n padding-right: 0;\n padding-left: 0;\n }\n }\n}\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutters: $grid-gutter-widths) {\n position: relative;\n margin-left: auto;\n margin-right: auto;\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n width: $container-max-width;\n max-width: 100%;\n }\n }\n}\n\n@mixin make-gutters($gutters: $grid-gutter-widths) {\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n@mixin make-row($gutters: $grid-gutter-widths) {\n display: flex;\n flex-wrap: wrap;\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n margin-right: ($gutter / -2);\n margin-left: ($gutter / -2);\n }\n }\n}\n\n@mixin make-col-ready($gutters: $grid-gutter-widths) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n min-height: 1px; // Prevent collapsing\n\n @each $breakpoint in map-keys($gutters) {\n @include media-breakpoint-up($breakpoint) {\n $gutter: map-get($gutters, $breakpoint);\n padding-right: ($gutter / 2);\n padding-left: ($gutter / 2);\n }\n }\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // width: percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n margin-left: percentage($size / $columns);\n}\n\n@mixin make-col-push($size, $columns: $grid-columns) {\n left: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-pull($size, $columns: $grid-columns) {\n right: if($size > 0, percentage($size / $columns), auto);\n}\n\n@mixin make-col-modifier($type, $size, $columns) {\n // Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)\n @if $type == push {\n @include make-col-push($size, $columns);\n } @else if $type == pull {\n @include make-col-pull($size, $columns);\n } @else if $type == offset {\n @include make-col-offset($size, $columns);\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.1.\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px))\n// 767px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n @include media-breakpoint-up($lower, $breakpoints) {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n @include media-breakpoint-between($name, $name, $breakpoints) {\n @content;\n }\n}\n","// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutters: $grid-gutter-widths, $breakpoints: $grid-breakpoints) {\n // Common properties for all breakpoints\n %grid-column {\n position: relative;\n width: 100%;\n min-height: 1px; // Prevent columns from collapsing when empty\n\n @include make-gutters($gutters);\n }\n\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n // Allow columns to stretch full width below their breakpoints\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @extend %grid-column;\n }\n }\n .col#{$infix} {\n @extend %grid-column;\n }\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex-basis: 0;\n flex-grow: 1;\n max-width: 100%;\n }\n .col#{$infix}-auto {\n flex: 0 0 auto;\n width: auto;\n }\n\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n @each $modifier in (pull, push) {\n @for $i from 0 through $columns {\n .#{$modifier}#{$infix}-#{$i} {\n @include make-col-modifier($modifier, $i, $columns)\n }\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-xs-0\n .offset#{$infix}-#{$i} {\n @include make-col-modifier(offset, $i, $columns)\n }\n }\n }\n }\n }\n}\n","//\n// Basic Bootstrap table\n//\n\n.table {\n width: 100%;\n max-width: 100%;\n margin-bottom: $spacer;\n\n th,\n td {\n padding: $table-cell-padding;\n vertical-align: top;\n border-top: $table-border-width solid $table-border-color;\n }\n\n thead th {\n vertical-align: bottom;\n border-bottom: (2 * $table-border-width) solid $table-border-color;\n }\n\n tbody + tbody {\n border-top: (2 * $table-border-width) solid $table-border-color;\n }\n\n .table {\n background-color: $body-bg;\n }\n}\n\n\n//\n// Condensed table w/ half padding\n//\n\n.table-sm {\n th,\n td {\n padding: $table-sm-cell-padding;\n }\n}\n\n\n// Bordered version\n//\n// Add borders all around the table and between all the columns.\n\n.table-bordered {\n border: $table-border-width solid $table-border-color;\n\n th,\n td {\n border: $table-border-width solid $table-border-color;\n }\n\n thead {\n th,\n td {\n border-bottom-width: (2 * $table-border-width);\n }\n }\n}\n\n\n// Zebra-striping\n//\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n\n.table-striped {\n tbody tr:nth-of-type(odd) {\n background-color: $table-bg-accent;\n }\n}\n\n\n// Hover effect\n//\n// Placed here since it has to come after the potential zebra striping\n\n.table-hover {\n tbody tr {\n @include hover {\n background-color: $table-bg-hover;\n }\n }\n}\n\n\n// Table backgrounds\n//\n// Exact selectors below required to override `.table-striped` and prevent\n// inheritance to nested tables.\n\n// Generate the contextual variants\n@include table-row-variant(active, $table-bg-active);\n@include table-row-variant(success, $state-success-bg);\n@include table-row-variant(info, $state-info-bg);\n@include table-row-variant(warning, $state-warning-bg);\n@include table-row-variant(danger, $state-danger-bg);\n\n\n// Inverse styles\n//\n// Same table markup, but inverted color scheme: dark background and light text.\n\n.thead-inverse {\n th {\n color: $table-inverse-color;\n background-color: $table-inverse-bg;\n }\n}\n\n.thead-default {\n th {\n color: $table-head-color;\n background-color: $table-head-bg;\n }\n}\n\n.table-inverse {\n color: $table-inverse-color;\n background-color: $table-inverse-bg;\n\n th,\n td,\n thead th {\n border-color: $body-bg;\n }\n\n &.table-bordered {\n border: 0;\n }\n}\n\n\n\n// Responsive tables\n//\n// Add `.table-responsive` to `.table`s and we'll make them mobile friendly by\n// enabling horizontal scrolling. Only applies <768px. Everything above that\n// will display normally.\n\n.table-responsive {\n display: block;\n width: 100%;\n overflow-x: auto;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n // Prevent double border on horizontal scroll due to use of `display: block;`\n &.table-bordered {\n border: 0;\n }\n}\n","// Tables\n\n@mixin table-row-variant($state, $background) {\n // Exact selectors below required to override `.table-striped` and prevent\n // inheritance to nested tables.\n .table-#{$state} {\n &,\n > th,\n > td {\n background-color: $background;\n }\n }\n\n // Hover states for `.table-hover`\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\n .table-hover {\n $hover-background: darken($background, 5%);\n\n .table-#{$state} {\n @include hover {\n background-color: $hover-background;\n\n > td,\n > th {\n background-color: $hover-background;\n }\n }\n }\n }\n}\n","// scss-lint:disable QualifyingElement\n\n//\n// Textual form controls\n//\n\n.form-control {\n display: block;\n width: 100%;\n // // Make inputs at least the height of their button counterpart (base line-height + padding + border)\n // height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-size: $font-size-base;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.\n background-image: none;\n background-clip: padding-box;\n border: $input-btn-border-width solid $input-border-color;\n\n // Note: This has no effect on