{"version":3,"file":"style.css","sources":["style.scss","bootstrap/bootstrap.scss","bootstrap/_functions.scss","bootstrap/_variables.scss","_variables_custom.scss","bootstrap/_root.scss","bootstrap/_mixins.scss","bootstrap/mixins/_breakpoints.scss","bootstrap/mixins/_hover.scss","bootstrap/mixins/_image.scss","bootstrap/mixins/_badge.scss","bootstrap/mixins/_resize.scss","bootstrap/mixins/_screen-reader.scss","bootstrap/mixins/_size.scss","bootstrap/mixins/_reset-text.scss","bootstrap/mixins/_text-emphasis.scss","bootstrap/mixins/_text-hide.scss","bootstrap/mixins/_text-truncate.scss","bootstrap/mixins/_visibility.scss","bootstrap/mixins/_alert.scss","bootstrap/mixins/_buttons.scss","bootstrap/mixins/_caret.scss","bootstrap/mixins/_pagination.scss","bootstrap/mixins/_lists.scss","bootstrap/mixins/_list-group.scss","bootstrap/mixins/_nav-divider.scss","bootstrap/mixins/_forms.scss","bootstrap/mixins/_table-row.scss","bootstrap/mixins/_vendor-prefixes.scss","bootstrap/mixins/_background-variant.scss","bootstrap/mixins/_border-radius.scss","bootstrap/mixins/_box-shadow.scss","bootstrap/mixins/_gradients.scss","bootstrap/mixins/_transition.scss","bootstrap/mixins/_clearfix.scss","bootstrap/mixins/_grid-framework.scss","bootstrap/mixins/_grid.scss","bootstrap/mixins/_float.scss","bootstrap/_print.scss","bootstrap/_reboot.scss","bootstrap/_type.scss","bootstrap/_images.scss","bootstrap/_code.scss","bootstrap/_grid.scss","bootstrap/_tables.scss","bootstrap/_forms.scss","bootstrap/_buttons.scss","bootstrap/_transitions.scss","bootstrap/_dropdown.scss","bootstrap/_button-group.scss","bootstrap/_input-group.scss","bootstrap/_custom-forms.scss","bootstrap/_nav.scss","bootstrap/_navbar.scss","bootstrap/_breadcrumb.scss","bootstrap/_pagination.scss","bootstrap/_badge.scss","bootstrap/_jumbotron.scss","bootstrap/_alert.scss","bootstrap/_progress.scss","bootstrap/_media.scss","bootstrap/_list-group.scss","bootstrap/_close.scss","bootstrap/_modal.scss","bootstrap/_tooltip.scss","bootstrap/_popover.scss","bootstrap/_carousel.scss","bootstrap/_utilities.scss","bootstrap/utilities/_align.scss","bootstrap/utilities/_background.scss","bootstrap/utilities/_borders.scss","bootstrap/utilities/_clearfix.scss","bootstrap/utilities/_display.scss","bootstrap/utilities/_embed.scss","bootstrap/utilities/_flex.scss","bootstrap/utilities/_float.scss","bootstrap/utilities/_position.scss","bootstrap/utilities/_screenreaders.scss","bootstrap/utilities/_sizing.scss","bootstrap/utilities/_spacing.scss","bootstrap/utilities/_text.scss","bootstrap/utilities/_visibility.scss","_toolkit.scss","custom/_mixins-custom.scss","custom/mixins/_functions.scss","custom/mixins/_flex.scss","custom/mixins/_vendors-custom.scss","custom/mixins/_text-utilities.scss","custom/mixins/_pull-utilities.scss","custom/mixins/_visibility-utilities.scss","custom/mixins/_backgrounds.scss","custom/mixins/_indent-utilities.scss","custom/mixins/_unit-utilities.scss","custom/mixins/_element-groups.scss","custom/mixins/_buttons.scss","custom/mixins/_forms-custom.scss","custom/mixins/_links.scss","custom/mixins/_icons.scss","custom/mixins/_calc-utilities.scss","custom/mixins/_triangles.scss","custom/mixins/_spacer.scss","custom/mixins/_flex-grid-framework.scss","custom/_reset.scss","custom/_text-alignment.scss","custom/_scaffolding-custom.scss","custom/_type-custom.scss","custom/_alerts-custom.scss","custom/_text-styling.scss","custom/_buttons-custom.scss","custom/_icons.scss","custom/_font-awesome.scss","custom/_material-icons.scss","custom/_materialdesignicons.scss","custom/_fl-flat-icons-set-2.scss","custom/_fl-bigmug-line.scss","custom/_fl-36-slim-icons.scss","custom/_fl-puppets.scss","custom/_thumbnails-custom.scss","custom/_figures-custom.scss","custom/_forms-custom.scss","custom/_unit-responsive.scss","custom/_stacktable.scss","custom/_sections.scss","custom/_groups.scss","custom/_utilities-custom.scss","custom/_breadcrumbs-custom.scss","custom/_pagination-custom.scss","custom/_label-custom.scss","custom/_quotes-custom.scss","custom/_box-custom.scss","custom/_post-utilities.scss","custom/_comments-utilities.scss","custom/_page-title.scss","custom/_page-loaders.scss","custom/_shop-utilities.scss","custom/_one-screen-page.scss","custom/_offsets.scss","custom/_links.scss","custom/_lists.scss","custom/_wrappers.scss","custom/_dividers.scss","custom/_nav-custom.scss","custom/_panels-custom.scss","custom/_tables-custom.scss","custom/jumbotron-custom.scss","custom/thin.scss","plugins/_animate.scss","plugins/_counter.scss","plugins/_countdown.scss","plugins/_isotope.scss","plugins/_owl-carousel.scss","plugins/_rd-navbar.scss","plugins/rd-navbar_includes/_rd-navbar-mixins.scss","plugins/rd-navbar_includes/_rd-navbar-components.scss","plugins/rd-navbar_includes/_rd-navbar-static.scss","plugins/rd-navbar_includes/_rd-navbar-fullwidth.scss","plugins/rd-navbar_includes/_rd-navbar-fixed.scss","plugins/rd-navbar_includes/_rd-navbar-sidebar.scss","plugins/rd-navbar_includes/_rd-navbar-default.scss","plugins/rd-navbar_includes/_rd-navbar-corporate-dark.scss","plugins/rd-navbar_includes/_rd-navbar-corporate-light.scss","plugins/_rd-parallax.scss","plugins/_rd-google-map.scss","plugins/_rd-search.scss","plugins/_rd-twitter.scss","plugins/_swiper.scss","plugins/_ui-to-top.scss","plugins/_progress-bar.scss","plugins/_timecircles.scss","plugins/_slick.scss","plugins/_jquery.fs.stepper.scss","plugins/_bootstrap-material-datetimepicker.scss","plugins/_photoswipe.scss","plugins/_select2.scss","plugins/_magnific-popup.scss","plugins/_soundcloud.scss","plugins/_scrollspy.scss","plugins/_material-parallax.scss"],"sourcesContent":["@charset \"UTF-8\";\r\n//\r\n// Imports\r\n//\r\n@import \"bootstrap/bootstrap\"; \r\n@import \"variables_custom\"; \r\n@import \"toolkit\"; ","/*!\r\n * Bootstrap v4.0.0-beta (https://getbootstrap.com)\r\n * Copyright 2011-2017 The Bootstrap Authors\r\n * Copyright 2011-2017 Twitter, Inc.\r\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\r\n */\r\n\r\n@import \"functions\";\r\n@import \"variables\";\r\n@import \"../variables_custom\";\r\n@import \"root\";\r\n@import \"mixins\";\r\n@import \"print\";\r\n@import \"reboot\";\r\n@import \"type\";\r\n@import \"images\";\r\n@import \"code\";\r\n@import \"grid\";\r\n@import \"tables\";\r\n@import \"forms\";\r\n@import \"buttons\";\r\n@import \"transitions\";\r\n@import \"dropdown\";\r\n@import \"button-group\";\r\n@import \"input-group\";\r\n@import \"custom-forms\";\r\n@import \"nav\";\r\n@import \"navbar\";\r\n//@import \"card\";\r\n@import \"breadcrumb\";\r\n@import \"pagination\";\r\n@import \"badge\";\r\n@import \"jumbotron\";\r\n@import \"alert\";\r\n@import \"progress\";\r\n@import \"media\";\r\n@import \"list-group\";\r\n@import \"close\";\r\n@import \"modal\";\r\n@import \"tooltip\";\r\n@import \"popover\";\r\n@import \"carousel\";\r\n@import \"utilities\";\r\n","// Bootstrap functions\r\n//\r\n// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.\r\n\r\n// Ascending\r\n// Used to evaluate Sass maps like our grid breakpoints.\r\n@mixin _assert-ascending($map, $map-name) {\r\n $prev-key: null;\r\n $prev-num: null;\r\n @each $key, $num in $map {\r\n @if $prev-num == null {\r\n // Do nothing\r\n } @else if not comparable($prev-num, $num) {\r\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}' !\";\r\n } @else if $prev-num >= $num {\r\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}' !\";\r\n }\r\n $prev-key: $key;\r\n $prev-num: $num;\r\n }\r\n}\r\n\r\n// Starts at zero\r\n// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.\r\n@mixin _assert-starts-at-zero($map) {\r\n $values: map-values($map);\r\n $first-value: nth($values, 1);\r\n @if $first-value != 0 {\r\n @warn \"First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.\";\r\n }\r\n}\r\n\r\n// Replace `$search` with `$replace` in `$string`\r\n// Used on our SVG icon backgrounds for custom forms.\r\n//\r\n// @author Hugo Giraudel\r\n// @param {String} $string - Initial string\r\n// @param {String} $search - Substring to replace\r\n// @param {String} $replace ('') - New value\r\n// @return {String} - Updated string\r\n@function str-replace($string, $search, $replace: \"\") {\r\n $index: str-index($string, $search);\r\n\r\n @if $index {\r\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\r\n }\r\n\r\n @return $string;\r\n}\r\n\r\n// Color contrast\r\n@function color-yiq($color) {\r\n $r: red($color);\r\n $g: green($color);\r\n $b: blue($color);\r\n\r\n $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;\r\n\r\n @if ($yiq >= 150) {\r\n @return #111;\r\n } @else {\r\n @return #fff;\r\n }\r\n}\r\n\r\n// Retreive color Sass maps\r\n@function color($key: \"blue\") {\r\n @return map-get($colors, $key);\r\n}\r\n\r\n@function theme-color($key: \"primary\") {\r\n @return map-get($theme-colors, $key);\r\n}\r\n\r\n@function gray($key: \"100\") {\r\n @return map-get($grays, $key);\r\n}\r\n\r\n// Request a theme color level\r\n@function theme-color-level($color-name: \"primary\", $level: 0) {\r\n $color: theme-color($color-name);\r\n $color-base: if($level > 0, #000, #fff);\r\n $level: abs($level);\r\n\r\n @return mix($color-base, $color, $level * $theme-color-interval);\r\n}\r\n","// Variables\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n\r\n\r\n//\r\n// Color system\r\n//\r\n\r\n// stylelint-disable\r\n$white: #fff !default;\r\n$gray-100: #f8f9fa !default;\r\n$gray-200: #e9ecef !default;\r\n$gray-300: #dee2e6 !default;\r\n$gray-400: #ced4da !default;\r\n$gray-500: #adb5bd !default;\r\n$gray-600: #868e96 !default;\r\n$gray-700: #495057 !default;\r\n$gray-800: #343a40 !default; \r\n$gray-900: #212529 !default;\r\n$black: #000 !default;\r\n\r\n$grays: () !default;\r\n$grays: map-merge((\r\n \"100\": $gray-100,\r\n \"200\": $gray-200,\r\n \"300\": $gray-300,\r\n \"400\": $gray-400,\r\n \"500\": $gray-500,\r\n \"600\": $gray-600,\r\n \"700\": $gray-700,\r\n \"800\": $gray-800,\r\n \"900\": $gray-900\r\n), $grays);\r\n\r\n$blue: #007bff !default;\r\n$indigo: #6610f2 !default;\r\n$purple: #6f42c1 !default;\r\n$pink: #e83e8c !default;\r\n$red: #dc3545 !default;\r\n$orange: #fd7e14 !default;\r\n$yellow: #ffc107 !default;\r\n$green: #28a745 !default;\r\n$teal: #20c997 !default;\r\n$cyan: #17a2b8 !default;\r\n\r\n$colors: () !default;\r\n$colors: map-merge((\r\n \"blue\": $blue,\r\n \"indigo\": $indigo,\r\n \"purple\": $purple,\r\n \"pink\": $pink,\r\n \"red\": $red,\r\n \"orange\": $orange,\r\n \"yellow\": $yellow,\r\n \"green\": $green,\r\n \"teal\": $teal,\r\n \"cyan\": $cyan,\r\n \"white\": $white,\r\n \"gray\": $gray-600,\r\n \"gray-dark\": $gray-800\r\n), $colors);\r\n\r\n$primary: $blue !default;\r\n$secondary: $gray-600 !default;\r\n$success: $green !default;\r\n$info: $cyan !default;\r\n$warning: $yellow !default;\r\n$danger: $red !default;\r\n$light: $gray-100 !default;\r\n$dark: $gray-800 !default;\r\n\r\n$theme-colors: () !default;\r\n$theme-colors: map-merge((\r\n \"primary\": $primary,\r\n \"secondary\": $secondary,\r\n \"success\": $success,\r\n \"info\": $info,\r\n \"warning\": $warning,\r\n \"danger\": $danger,\r\n \"light\": $light,\r\n \"dark\": $dark\r\n), $theme-colors);\r\n// stylelint-enable\r\n\r\n// Set a specific jump point for requesting color jumps\r\n$theme-color-interval: 8% !default;\r\n\r\n\r\n// Options\r\n//\r\n// Quickly modify global styling by enabling or disabling optional features.\r\n\r\n$enable-caret: true !default;\r\n$enable-rounded: true !default;\r\n$enable-shadows: false !default;\r\n$enable-gradients: false !default;\r\n$enable-transitions: true !default;\r\n$enable-hover-media-query: false !default;\r\n$enable-grid-classes: true !default;\r\n$enable-print-styles: true !default;\r\n\r\n\r\n// Spacing\r\n//\r\n// Control the default styling of most Bootstrap elements by modifying these\r\n// variables. Mostly focused on spacing.\r\n// You can add more entries to the $spacers map, should you need more variation.\r\n\r\n$spacer: 1rem !default;\r\n$spacers: (\r\n 0: 0,\r\n 1: ($spacer * .25),\r\n 2: ($spacer * .5),\r\n 3: $spacer,\r\n 4: ($spacer * 1.5),\r\n 5: ($spacer * 3)\r\n) !default;\r\n\r\n// This variable affects the `.h-*` and `.w-*` classes.\r\n$sizes: (\r\n 25: 25%,\r\n 50: 50%,\r\n 75: 75%,\r\n 100: 100%\r\n) !default;\r\n\r\n// Body\r\n//\r\n// Settings for the `
` element.\r\n\r\n$body-bg: $white !default;\r\n$body-color: $gray-900 !default;\r\n\r\n// Links\r\n//\r\n// Style anchor elements.\r\n\r\n$link-color: theme-color(\"primary\") !default;\r\n$link-decoration: none !default;\r\n$link-hover-color: darken($link-color, 15%) !default;\r\n$link-hover-decoration: underline !default;\r\n\r\n// Paragraphs\r\n//\r\n// Style p element.\r\n\r\n$paragraph-margin-bottom: 1rem !default;\r\n\r\n\r\n// Grid breakpoints\r\n//\r\n// Define the minimum dimensions at which your layout will change,\r\n// adapting to different screen sizes, for use in media queries.\r\n\r\n$grid-breakpoints: (\r\n xs: 0,\r\n sm: 576px,\r\n md: 768px,\r\n lg: 992px,\r\n xl: 1200px\r\n) !default;\r\n\r\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\r\n@include _assert-starts-at-zero($grid-breakpoints);\r\n\r\n\r\n// Grid containers\r\n//\r\n// Define the maximum width of `.container` for different screen sizes.\r\n\r\n$container-max-widths: (\r\n sm: 540px,\r\n md: 720px,\r\n lg: 960px,\r\n xl: 1140px\r\n) !default;\r\n\r\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\r\n\r\n\r\n// Grid columns\r\n//\r\n// Set the number of columns and specify the width of the gutters.\r\n\r\n$grid-columns: 12 !default;\r\n$grid-gutter-width: 30px !default;\r\n\r\n// Components\r\n//\r\n// Define common padding and border radius sizes and more.\r\n\r\n$line-height-lg: 1.5 !default;\r\n$line-height-sm: 1.5 !default;\r\n\r\n$border-width: 1px !default;\r\n$border-color: $gray-200 !default;\r\n\r\n$border-radius: .25rem !default;\r\n$border-radius-lg: .3rem !default;\r\n$border-radius-sm: .2rem !default;\r\n\r\n$component-active-color: $white !default;\r\n$component-active-bg: theme-color(\"primary\") !default;\r\n\r\n$caret-width: .3em !default;\r\n\r\n$transition-base: all .2s ease-in-out !default;\r\n$transition-fade: opacity .15s linear !default;\r\n$transition-collapse: height .35s ease !default;\r\n\r\n\r\n// Fonts\r\n//\r\n// Font, line-height, and color for body text, headings, and more.\r\n\r\n// stylelint-disable value-keyword-case\r\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !default;\r\n$font-family-monospace: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\r\n$font-family-base: $font-family-sans-serif !default;\r\n// stylelint-enable value-keyword-case\r\n\r\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\r\n$font-size-lg: ($font-size-base * 1.25) !default;\r\n$font-size-sm: ($font-size-base * .875) !default;\r\n\r\n$font-weight-light: 300 !default;\r\n$font-weight-normal: 400 !default;\r\n$font-weight-bold: 700 !default;\r\n\r\n$font-weight-base: $font-weight-normal !default;\r\n$line-height-base: 1.5 !default;\r\n\r\n$h1-font-size: $font-size-base * 2.5 !default;\r\n$h2-font-size: $font-size-base * 2 !default;\r\n$h3-font-size: $font-size-base * 1.75 !default;\r\n$h4-font-size: $font-size-base * 1.5 !default;\r\n$h5-font-size: $font-size-base * 1.25 !default;\r\n$h6-font-size: $font-size-base !default;\r\n\r\n$headings-margin-bottom: ($spacer / 2) !default;\r\n$headings-font-family: inherit !default;\r\n$headings-font-weight: 500 !default;\r\n$headings-line-height: 1.2 !default;\r\n$headings-color: inherit !default;\r\n\r\n$display1-size: 6rem !default;\r\n$display2-size: 5.5rem !default;\r\n$display3-size: 4.5rem !default;\r\n$display4-size: 3.5rem !default;\r\n\r\n$display1-weight: 300 !default;\r\n$display2-weight: 300 !default;\r\n$display3-weight: 300 !default;\r\n$display4-weight: 300 !default;\r\n$display-line-height: $headings-line-height !default;\r\n\r\n$lead-font-size: ($font-size-base * 1.25) !default;\r\n$lead-font-weight: 300 !default;\r\n\r\n$small-font-size: 80% !default;\r\n\r\n$text-muted: $gray-600 !default;\r\n\r\n$blockquote-small-color: $gray-600 !default;\r\n$blockquote-font-size: ($font-size-base * 1.25) !default;\r\n\r\n$hr-border-color: rgba($black,.1) !default;\r\n$hr-border-width: $border-width !default;\r\n\r\n$mark-padding: .2em !default;\r\n\r\n$dt-font-weight: $font-weight-bold !default;\r\n\r\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;\r\n$nested-kbd-font-weight: $font-weight-bold !default;\r\n\r\n$list-inline-padding: 5px !default;\r\n\r\n$mark-bg: #fcf8e3 !default;\r\n\r\n\r\n// Tables\r\n//\r\n// Customizes the `.table` component with basic values, each used across all table variations.\r\n\r\n$table-cell-padding: .75rem !default;\r\n$table-cell-padding-sm: .3rem !default;\r\n\r\n$table-bg: transparent !default;\r\n$table-accent-bg: rgba($black,.05) !default;\r\n$table-hover-bg: rgba($black,.075) !default;\r\n$table-active-bg: $table-hover-bg !default;\r\n\r\n$table-border-width: $border-width !default;\r\n$table-border-color: $gray-200 !default;\r\n\r\n$table-head-bg: $gray-200 !default;\r\n$table-head-color: $gray-700 !default;\r\n\r\n$table-dark-bg: $gray-900 !default;\r\n$table-dark-accent-bg: rgba($white, .05) !default;\r\n$table-dark-hover-bg: rgba($white, .075) !default;\r\n$table-dark-border-color: lighten($gray-900, 7.5%) !default;\r\n$table-dark-color: $body-bg !default;\r\n\r\n\r\n// Buttons\r\n//\r\n// For each of Bootstrap's buttons, define text, background and border color.\r\n\r\n$input-btn-padding-y: .375rem !default;\r\n$input-btn-padding-x: .75rem !default;\r\n$input-btn-line-height: $line-height-base !default;\r\n\r\n$input-btn-focus-width: .2rem !default;\r\n$input-btn-focus-color: rgba(theme-color(\"primary\"), .25) !default;\r\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\r\n\r\n$input-btn-padding-y-sm: .25rem !default;\r\n$input-btn-padding-x-sm: .5rem !default;\r\n$input-btn-line-height-sm: $line-height-sm !default;\r\n\r\n$input-btn-padding-y-lg: .5rem !default;\r\n$input-btn-padding-x-lg: 1rem !default;\r\n$input-btn-line-height-lg: $line-height-lg !default;\r\n\r\n$btn-font-weight: $font-weight-normal !default;\r\n$btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;\r\n$btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;\r\n\r\n$btn-link-disabled-color: $gray-600 !default;\r\n\r\n$btn-block-spacing-y: .5rem !default;\r\n\r\n// Allows for customizing button radius independently from global border radius\r\n$btn-border-radius: $border-radius !default;\r\n$btn-border-radius-lg: $border-radius-lg !default;\r\n$btn-border-radius-sm: $border-radius-sm !default;\r\n\r\n$btn-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\r\n\r\n\r\n// Forms\r\n\r\n$form-input-background: $white !default;\r\n$input-disabled-bg: $gray-200 !default;\r\n\r\n$form-input-color: $gray-700 !default;\r\n$form-input-border-color-color: $gray-400 !default;\r\n$input-btn-border-width: $border-width !default; // For form controls and buttons\r\n$input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;\r\n\r\n$form-input-border-color-radius: $border-radius !default;\r\n$form-input-border-color-radius-lg: $border-radius-lg !default;\r\n$form-input-border-color-radius-sm: $border-radius-sm !default;\r\n\r\n$input-focus-bg: $form-input-background !default;\r\n$input-focus-border-color: lighten(theme-color(\"primary\"), 25%) !default;\r\n$input-focus-color: $form-input-color !default;\r\n\r\n$input-placeholder-color: $gray-600 !default;\r\n\r\n$input-height-border: $input-btn-border-width * 2 !default;\r\n\r\n$input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;\r\n$input-height: calc(#{$input-height-inner} + #{$input-height-border}) !default;\r\n\r\n$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;\r\n$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;\r\n\r\n$input-height-inner-lg: ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;\r\n$input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;\r\n\r\n$input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;\r\n\r\n$form-text-margin-top: .25rem !default;\r\n\r\n$form-check-margin-bottom: .5rem !default;\r\n$form-check-input-gutter: 1.25rem !default;\r\n$form-check-input-margin-y: .25rem !default;\r\n$form-check-input-margin-x: .25rem !default;\r\n\r\n$form-check-inline-margin-x: .75rem !default;\r\n\r\n$form-label-margin-bottom: 1rem !default;\r\n\r\n$input-group-addon-color: $form-input-color !default;\r\n$input-group-addon-bg: $gray-200 !default;\r\n$input-group-addon-border-color: $form-input-border-color-color !default;\r\n\r\n$custom-control-gutter: 1.5rem !default;\r\n$custom-control-spacer-y: .25rem !default;\r\n$custom-control-spacer-x: 1rem !default;\r\n\r\n$custom-control-indicator-size: 1rem !default;\r\n$custom-control-indicator-bg: #ddd !default;\r\n$custom-control-indicator-bg-size: 50% 50% !default;\r\n$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;\r\n\r\n$custom-control-indicator-disabled-bg: $gray-200 !default;\r\n$custom-control-description-disabled-color: $gray-600 !default;\r\n\r\n$custom-control-indicator-checked-color: $white !default;\r\n$custom-control-indicator-checked-bg: theme-color(\"primary\") !default;\r\n$custom-control-indicator-checked-box-shadow: none !default;\r\n\r\n$custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;\r\n\r\n$custom-control-indicator-active-color: $white !default;\r\n$custom-control-indicator-active-bg: lighten(theme-color(\"primary\"), 35%) !default;\r\n$custom-control-indicator-active-box-shadow: none !default;\r\n\r\n$custom-checkbox-indicator-border-radius: $border-radius !default;\r\n$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;\r\n\r\n$custom-checkbox-indicator-indeterminate-bg: theme-color(\"primary\") !default;\r\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\r\n$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;\r\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\r\n\r\n$custom-radio-indicator-border-radius: 50% !default;\r\n$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;\r\n\r\n$custom-select-padding-y: .375rem !default;\r\n$custom-select-padding-x: .75rem !default;\r\n$custom-select-height: $input-height !default;\r\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\r\n$custom-select-line-height: $input-btn-line-height !default;\r\n$custom-select-color: $form-input-color !default;\r\n$custom-select-disabled-color: $gray-600 !default;\r\n$custom-select-bg: $white !default;\r\n$custom-select-disabled-bg: $gray-200 !default;\r\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\r\n$custom-select-indicator-color: #333 !default;\r\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;\r\n$custom-select-border-width: $input-btn-border-width !default;\r\n$custom-select-border-color: $form-input-border-color-color !default;\r\n$custom-select-border-radius: $border-radius !default;\r\n\r\n$custom-select-focus-border-color: lighten(theme-color(\"primary\"), 25%) !default;\r\n$custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;\r\n\r\n$custom-select-font-size-sm: 75% !default;\r\n$custom-select-height-sm: $input-height-sm !default;\r\n\r\n$custom-file-height: $input-height !default;\r\n$custom-file-width: 14rem !default;\r\n$custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color(\"primary\") !default;\r\n\r\n$custom-file-padding-y: $input-btn-padding-y !default;\r\n$custom-file-padding-x: $input-btn-padding-x !default;\r\n$custom-file-line-height: $input-btn-line-height !default;\r\n$custom-file-color: $form-input-color !default;\r\n$custom-file-bg: $form-input-background !default;\r\n$custom-file-border-width: $input-btn-border-width !default;\r\n$custom-file-border-color: $form-input-border-color-color !default;\r\n$custom-file-border-radius: $form-input-border-color-radius !default;\r\n$custom-file-box-shadow: $input-box-shadow !default;\r\n$custom-file-button-color: $custom-file-color !default;\r\n$custom-file-button-bg: $input-group-addon-bg !default;\r\n$custom-file-text: (\r\n placeholder: (\r\n en: \"Choose file...\"\r\n ),\r\n button-label: (\r\n en: \"Browse\"\r\n )\r\n) !default;\r\n\r\n\r\n// Form validation\r\n$form-feedback-valid-color: theme-color(\"success\") !default;\r\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\r\n\r\n\r\n// Dropdowns\r\n//\r\n// Dropdown menu container and contents.\r\n\r\n$dropdown-min-width: 10rem !default;\r\n$dropdown-padding-y: .5rem !default;\r\n$dropdown-spacer: .125rem !default;\r\n$dropdown-bg: $white !default;\r\n$dropdown-border-color: rgba($black,.15) !default;\r\n$dropdown-border-width: $border-width !default;\r\n$dropdown-divider-bg: $gray-200 !default;\r\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;\r\n\r\n$dropdown-link-color: $gray-900 !default;\r\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\r\n$dropdown-link-hover-bg: $gray-100 !default;\r\n\r\n$dropdown-link-active-color: $component-active-color !default;\r\n$dropdown-link-active-bg: $component-active-bg !default;\r\n\r\n$dropdown-link-disabled-color: $gray-600 !default;\r\n\r\n$dropdown-item-padding-y: .25rem !default;\r\n$dropdown-item-padding-x: 1.5rem !default;\r\n\r\n$dropdown-header-color: $gray-600 !default;\r\n\r\n\r\n// Z-index master list\r\n//\r\n// Warning: Avoid customizing these values. They're used for a bird's eye view\r\n// of components dependent on the z-axis and are designed to all work together.\r\n\r\n$zindex-dropdown: 1000 !default;\r\n$zindex-sticky: 1020 !default;\r\n$zindex-fixed: 1030 !default;\r\n$zindex-modal-backdrop: 1040 !default;\r\n$zindex-modal: 1050 !default;\r\n$zindex-popover: 1060 !default;\r\n$zindex-tooltip: 1070 !default;\r\n\r\n// Navs\r\n\r\n$nav-link-padding-y: .5rem !default;\r\n$nav-link-padding-x: 1rem !default;\r\n$nav-link-disabled-color: $gray-600 !default;\r\n\r\n$nav-tabs-border-color: #ddd !default;\r\n$nav-tabs-border-width: $border-width !default;\r\n$nav-tabs-border-radius: $border-radius !default;\r\n$nav-tabs-link-hover-border-color: $gray-200 !default;\r\n$nav-tabs-link-active-color: $gray-700 !default;\r\n$nav-tabs-link-active-bg: $body-bg !default;\r\n$nav-tabs-link-active-border-color: #ddd !default;\r\n\r\n$nav-pills-border-radius: $border-radius !default;\r\n$nav-pills-link-active-color: $component-active-color !default;\r\n$nav-pills-link-active-bg: $component-active-bg !default;\r\n\r\n// Navbar\r\n\r\n$navbar-padding-y: ($spacer / 2) !default;\r\n$navbar-padding-x: $spacer !default;\r\n\r\n$navbar-brand-font-size: $font-size-lg !default;\r\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\r\n$nav-link-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;\r\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\r\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\r\n\r\n$navbar-toggler-padding-y: .25rem !default;\r\n$navbar-toggler-padding-x: .75rem !default;\r\n$navbar-toggler-font-size: $font-size-lg !default;\r\n$navbar-toggler-border-radius: $btn-border-radius !default;\r\n\r\n$navbar-dark-color: rgba($white,.5) !default;\r\n$navbar-dark-hover-color: rgba($white,.75) !default;\r\n$navbar-dark-active-color: $white !default;\r\n$navbar-dark-disabled-color: rgba($white,.25) !default;\r\n$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;\r\n$navbar-dark-toggler-border-color: rgba($white,.1) !default;\r\n\r\n$navbar-light-color: rgba($black,.5) !default;\r\n$navbar-light-hover-color: rgba($black,.7) !default;\r\n$navbar-light-active-color: rgba($black,.9) !default;\r\n$navbar-light-disabled-color: rgba($black,.3) !default;\r\n$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;\r\n$navbar-light-toggler-border-color: rgba($black,.1) !default;\r\n\r\n// Pagination\r\n\r\n$pagination-padding-y: .5rem !default;\r\n$pagination-padding-x: .75rem !default;\r\n$pagination-padding-y-sm: .25rem !default;\r\n$pagination-padding-x-sm: .5rem !default;\r\n$pagination-padding-y-lg: .75rem !default;\r\n$pagination-padding-x-lg: 1.5rem !default;\r\n$pagination-line-height: 1.25 !default;\r\n\r\n$pagination-color: $link-color !default;\r\n$pagination-bg: $white !default;\r\n$pagination-border-width: $border-width !default;\r\n$pagination-border-color: #ddd !default;\r\n\r\n$pagination-hover-color: $link-hover-color !default;\r\n$pagination-hover-bg: $gray-200 !default;\r\n$pagination-hover-border-color: #ddd !default;\r\n\r\n$pagination-active-color: $white !default;\r\n$pagination-active-bg: theme-color(\"primary\") !default;\r\n$pagination-active-border-color: theme-color(\"primary\") !default;\r\n\r\n$pagination-disabled-color: $gray-600 !default;\r\n$pagination-disabled-bg: $white !default;\r\n$pagination-disabled-border-color: #ddd !default;\r\n\r\n\r\n// Jumbotron\r\n\r\n$jumbotron-padding: 2rem !default;\r\n$jumbotron-bg: $gray-200 !default;\r\n\r\n\r\n// Cards\r\n\r\n$card-spacer-y: .75rem !default;\r\n$card-spacer-x: 1.25rem !default;\r\n$card-border-width: $border-width !default;\r\n$card-border-radius: $border-radius !default;\r\n$card-border-color: rgba($black,.125) !default;\r\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\r\n$card-cap-bg: rgba($black, .03) !default;\r\n$card-bg: $white !default;\r\n\r\n$card-img-overlay-padding: 1.25rem !default;\r\n\r\n$card-group-margin: ($grid-gutter-width / 2) !default;\r\n$card-deck-margin: $card-group-margin !default;\r\n\r\n$card-columns-count: 3 !default;\r\n$card-columns-gap: 1.25rem !default;\r\n$card-columns-margin: $card-spacer-y !default;\r\n\r\n\r\n// Tooltips\r\n\r\n$tooltip-max-width: 200px !default;\r\n$tooltip-color: $white !default;\r\n$tooltip-bg: $black !default;\r\n$tooltip-opacity: .9 !default;\r\n$tooltip-padding-y: 3px !default;\r\n$tooltip-padding-x: 8px !default;\r\n$tooltip-margin: 0 !default;\r\n\r\n\r\n$tooltip-arrow-width: 5px !default;\r\n$tooltip-arrow-height: 5px !default;\r\n$tooltip-arrow-color: $tooltip-bg !default;\r\n\r\n\r\n// Popovers\r\n\r\n$popover-bg: $white !default;\r\n$popover-max-width: 276px !default;\r\n$popover-border-width: $border-width !default;\r\n$popover-border-color: rgba($black,.2) !default;\r\n$popover-box-shadow: 0 .25rem .5rem rgba($black,.2) !default;\r\n\r\n$popover-header-bg: darken($popover-bg, 3%) !default;\r\n$popover-header-color: $headings-color !default;\r\n$popover-header-padding-y: .5rem !default;\r\n$popover-header-padding-x: .75rem !default;\r\n\r\n$popover-body-color: $body-color !default;\r\n$popover-body-padding-y: $popover-header-padding-y !default;\r\n$popover-body-padding-x: $popover-header-padding-x !default;\r\n\r\n$popover-arrow-width: .8rem !default;\r\n$popover-arrow-height: .4rem !default;\r\n$popover-arrow-color: $popover-bg !default;\r\n\r\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\r\n\r\n\r\n// Badges\r\n\r\n$badge-font-size: 75% !default;\r\n$badge-font-weight: $font-weight-bold !default;\r\n$badge-padding-y: .25em !default;\r\n$badge-padding-x: .4em !default;\r\n$badge-border-radius: $border-radius !default;\r\n\r\n$badge-pill-padding-x: .6em !default;\r\n// Use a higher than normal value to ensure completely rounded edges when\r\n// customizing padding or font-size on labels.\r\n$badge-pill-border-radius: 10rem !default;\r\n\r\n\r\n// Modals\r\n\r\n// Padding applied to the modal body\r\n$modal-inner-padding: 15px !default;\r\n\r\n$modal-dialog-margin: 10px !default;\r\n$modal-dialog-margin-y-sm-up: 30px !default;\r\n\r\n$modal-title-line-height: $line-height-base !default;\r\n\r\n$modal-content-bg: $white !default;\r\n$modal-content-border-color: rgba($black,.2) !default;\r\n$modal-content-border-width: $border-width !default;\r\n$modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5) !default;\r\n$modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5) !default;\r\n\r\n$modal-backdrop-bg: $black !default;\r\n$modal-backdrop-opacity: .5 !default;\r\n$modal-header-border-color: $gray-200 !default;\r\n$modal-footer-border-color: $modal-header-border-color !default;\r\n$modal-header-border-width: $modal-content-border-width !default;\r\n$modal-footer-border-width: $modal-header-border-width !default;\r\n$modal-header-padding: 15px !default;\r\n\r\n$modal-lg: 800px !default;\r\n$modal-md: 500px !default;\r\n$modal-sm: 300px !default;\r\n\r\n$modal-transition: transform .3s ease-out !default;\r\n\r\n\r\n// Alerts\r\n//\r\n// Define alert colors, border radius, and padding.\r\n\r\n$alert-padding-y: .75rem !default;\r\n$alert-padding-x: 1.25rem !default;\r\n$alert-margin-bottom: 1rem !default;\r\n$alert-border-radius: $border-radius !default;\r\n$alert-link-font-weight: $font-weight-bold !default;\r\n$alert-border-width: $border-width !default;\r\n\r\n\r\n// Progress bars\r\n\r\n$progress-height: 1rem !default;\r\n$progress-font-size: ($font-size-base * .75) !default;\r\n$progress-bg: $gray-200 !default;\r\n$progress-border-radius: $border-radius !default;\r\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;\r\n$progress-bar-color: $white !default;\r\n$progress-bar-bg: theme-color(\"primary\") !default;\r\n$progress-bar-animation-timing: 1s linear infinite !default;\r\n$progress-bar-transition: width .6s ease !default;\r\n\r\n// List group\r\n\r\n$list-group-bg: $white !default;\r\n$list-group-border-color: rgba($black,.125) !default;\r\n$list-group-border-width: $border-width !default;\r\n$list-group-border-radius: $border-radius !default;\r\n\r\n$list-group-item-padding-y: .75rem !default;\r\n$list-group-item-padding-x: 1.25rem !default;\r\n\r\n$list-group-hover-bg: $gray-100 !default;\r\n$list-group-active-color: $component-active-color !default;\r\n$list-group-active-bg: $component-active-bg !default;\r\n$list-group-active-border-color: $list-group-active-bg !default;\r\n\r\n$list-group-disabled-color: $gray-600 !default;\r\n$list-group-disabled-bg: $list-group-bg !default;\r\n\r\n$list-group-action-color: $gray-700 !default;\r\n$list-group-action-hover-color: $list-group-action-color !default;\r\n\r\n$list-group-action-active-color: $body-color !default;\r\n$list-group-action-active-bg: $gray-200 !default;\r\n\r\n\r\n// Image thumbnails\r\n\r\n$thumbnail-padding: .25rem !default;\r\n$thumbnail-bg: $body-bg !default;\r\n$thumbnail-border-width: $border-width !default;\r\n$thumbnail-border-color: #ddd !default;\r\n$thumbnail-border-radius: $border-radius !default;\r\n$thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;\r\n$thumbnail-transition: all .2s ease-in-out !default;\r\n\r\n\r\n// Figures\r\n\r\n$figure-caption-font-size: 90% !default;\r\n$figure-caption-color: $gray-600 !default;\r\n\r\n\r\n// Breadcrumbs\r\n\r\n$breadcrumb-padding-y: .75rem !default;\r\n$breadcrumb-padding-x: 1rem !default;\r\n$breadcrumb-item-padding: .5rem !default;\r\n\r\n$breadcrumb-margin-bottom: 1rem !default;\r\n\r\n$breadcrumb-bg: $gray-200 !default;\r\n$breadcrumb-divider-color: $gray-600 !default;\r\n$breadcrumb-active-color: $gray-600 !default;\r\n$breadcrumb-divider: \"/\" !default;\r\n\r\n\r\n// Carousel\r\n\r\n$carousel-control-color: $white !default;\r\n$carousel-control-width: 15% !default;\r\n$carousel-control-opacity: .5 !default;\r\n\r\n$carousel-indicator-width: 30px !default;\r\n$carousel-indicator-height: 3px !default;\r\n$carousel-indicator-spacer: 3px !default;\r\n$carousel-indicator-active-bg: $white !default;\r\n\r\n$carousel-caption-width: 70% !default;\r\n$carousel-caption-color: $white !default;\r\n\r\n$carousel-control-icon-width: 20px !default;\r\n\r\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='M5.25 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;\r\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='M2.75 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;\r\n\r\n$carousel-transition: transform .6s ease !default;\r\n\r\n\r\n// Close\r\n\r\n$close-font-size: $font-size-base * 1.5 !default;\r\n$close-font-weight: $font-weight-bold !default;\r\n$close-color: $black !default;\r\n$close-text-shadow: 0 1px 0 $white !default;\r\n\r\n// Code\r\n\r\n$code-font-size: 90% !default;\r\n$code-padding-y: .2rem !default;\r\n$code-padding-x: .4rem !default;\r\n$code-color: #bd4147 !default;\r\n$code-bg: $gray-100 !default;\r\n\r\n$kbd-color: $white !default;\r\n$kbd-bg: $gray-900 !default;\r\n\r\n$pre-color: $gray-900 !default;\r\n$pre-scrollable-max-height: 340px !default;\r\n","// Variables\r\n//\r\n// Copy settings from this file into the provided `_custom.scss` to override\r\n// the Bootstrap defaults without modifying key, versioned files.\r\n//\r\n// Variables should follow the `$component-state-property-size` formula for\r\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\r\n//\r\n// Temporary, used for calculation variables should by named `$_variable-name`\r\n//\r\n// Table of Contents\r\n//\r\n// Color system\r\n// Body\r\n// Page\r\n// Components\r\n// Fonts\r\n// Links\r\n// Z-index master list\r\n// Grid breakpoints\r\n// Grid containers\r\n// Grid columns\r\n// Buttons\r\n// Form\r\n// Pagination \r\n// Tooltips\r\n\r\n\r\n//\r\n// Color system\r\n//\r\n\r\n// Gray colors\r\n$white: #fff;\r\n$gray-100: #edeff4;\r\n$gray-200: #f9f9f9; // gray-lighter\r\n$gray-300: #dedede; // gray-light\r\n$gray-400: #b7b7b7;\r\n$gray-500: #9f9f9f; // gray\r\n$gray-600: #868e96;\r\n$gray-700: #2c343b;\r\n$gray-800: #2a2b2b; // gray-dark\r\n$gray-900: #00030a; // gray-darker\r\n$black: #000;\r\n \r\n\r\n$primary: #6bc3f0; \r\n$secondary: $gray-900;\r\n$secondary-1: #6baaf0; \r\n\r\n//\r\n// Body\r\n//\r\n$body-bg: $white;\r\n$body-color: $gray-500;\r\n$header-bg: $white; \r\n$footer-bg: \t\t\t $black;\r\n\r\n//$theme-colors: map-merge($theme-colors, ('primary': $primary));\r\n\r\n// Accent colors\r\n$danger-color: #f5543f;\r\n$success-color: #98bf44;\r\n\r\n$brand-success: #58c476;\r\n$brand-info: #3e9cf6;\r\n$brand-warning: #c49558;\r\n$brand-danger: #fe4a21;\r\n\r\n\r\n$keppel: #42b294;\r\n$red-orange: #ff4b22; \r\n\r\n$red-orange-1: #f8333c;\r\n$dodger-blue: #45a4ff;\r\n$gorse: #fde74c;\r\n$gold: #ffd400;\r\n$cello: #1e3953;\r\n\r\n$cod-gray: #111;\r\n$mine-shaft: #333;\r\n$tundora: #414141;\r\n$abbey: #535457;\r\n$gunsmoke: #767877;\r\n$dusty-gray: #9b9b9b;\r\n$silver-chalice: #ababab;\r\n$silver: #cdcdcd;\r\n$gallery: #eee;\r\n$athens-gray: #e5e8ef;\r\n$iron: #dcdde0;\r\n$alto: #ddd;\r\n$porcelain: #e5e7e9;\r\n$gallery: #ededed;\r\n$whisper: #f6f7fa;\r\n$whisper-lighten: #f2f3f8;\r\n$bismark: #496a8a;\r\n$san-juan: #2e5275;\r\n$cloud-burst: #1e354a;\r\n$old-gold: #ecd746;\r\n$bermuda-gray: #6f8fad;\r\n$contessa: #e76752;\r\n$athens-lighten: #f2f3f7;\r\n$athens-lighten-v2: #f7f8fa;\r\n$big-stone: #1c2e3f;\r\n$cape-cod: #3a3c3e;\r\n$abbey: #464a4d;\r\n$rolling-stone: #74787C;\r\n$athens-gray: #F8F9FB;\r\n$fuel-yellow: #F0B922;\r\n\r\n// Theme colors\r\n$black-invariable: #000;\r\n$white-invariable: #fff;\r\n\r\n// Additional colors\r\n$facebook: #4d70a8;\r\n$facebook-light: #748abc;\r\n$facebook-darken: darken($facebook, 5%);\r\n\r\n$twitter: #02bcf3;\r\n$twitter-light: #81cbdb;\r\n$twitter-darken: darken($twitter, 5%);\r\n \r\n$google: #e2411e;\r\n$google-light: #de7272;\r\n$google-darken: darken($google, 5%);\r\n\r\n\r\n//\r\n// Page\r\n//\r\n$page-boxed-width: 1920px;\r\n$page-boxed-background-color: $gray-100;\r\n$page-boxed-background-image: url(../images/bg-pattern-boxed.png);\r\n\r\n\r\n//\r\n// Components\r\n//\r\n// Define common padding and border radius sizes and more.\r\n$border-width: 1px;\r\n\r\n$border-radius: 0;\r\n$border-radius-lg: 6px;\r\n$border-radius-sm: 3px;\r\n\r\n$border-radius: 0;\r\n$border-radius-large: 6px;\r\n$border-radius-small: 3px;\r\n\r\n$transition-base: all .3s ease-in-out;\r\n\r\n//== Components\r\n//\r\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\r\n\r\n$padding-base-vertical: 15px;\r\n$padding-base-horizontal: 35px;\r\n\r\n$padding-large-vertical: 18px;\r\n$padding-large-horizontal: 40px;\r\n\r\n$padding-extra-large-vertical: 21px;\r\n$padding-extra-large-horizontal: 50px;\r\n\r\n$padding-small-vertical: 12px;\r\n$padding-small-horizontal: 25px;\r\n\r\n$padding-xs-vertical: $padding-base-vertical*0.4;\r\n$padding-xs-horizontal: $padding-base-horizontal*0.4;\r\n\r\n$line-height-large: 1.4444; // extra decimals for Win 8.1 Chrome\r\n$line-height-small: 1.5;\r\n\r\n//** Global color for active items (e.g., navs or dropdowns).\r\n$component-active-color: $gray-800;\r\n//** Global background color for active items (e.g., navs or dropdowns).\r\n$component-active-bg: $primary;\r\n\r\n//** Width of the `border` for generating carets that indicator dropdowns.\r\n$caret-width-base: 4px;\r\n//** Carets increase slightly in size for larger components.\r\n$caret-width-large: 5px;\r\n\r\n// Map\r\n//\r\n$map-height: 200px;\r\n$map-xs-height: 250px;\r\n$map-md-height: 450px;\r\n\r\n\r\n// Custom\r\n$shadow-area-1: -3px 0px 50px -2px rgba(0, 0, 0, 0.09);\r\n$shadow-area-2: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);\r\n\r\n$shadow-area-ambient: 0px 0px 1px 0 rgba(0, 0, 0, 0.15);\r\n$shadow-area-xxs: 1px 1px 1px rgba(0, 0, 0, 0.15);\r\n$shadow-area-xs: 0 1px 4px 0 rgba(0, 0, 0, 0.15);\r\n$shadow-area-sm: -1px 0px 10px 0px rgba($tundora, .12);\r\n$shadow-area-md: -3px 5px 12px 0px rgba($tundora, .16);\r\n$shadow-area-lg: 0 5px 23px 0 rgba(0, 0, 0, 0.15);\r\n$shadow-area-xl: 0 12px 36px 0 rgba(0, 0, 0,.15);\r\n\r\n//\r\n// Fonts\r\n//\r\n// Font, line-height, and color for body text, headings, and more.\r\n$font-family-sans-serif: \"Roboto\", Helvetica, Arial, sans-serif;\r\n$font-family-sans-serif-1: \"Playfair Display\", Helvetica, Arial, sans-serif;\r\n$font-family-sans-serif-2: \"Playfair Display\", Helvetica, Arial, sans-serif;\r\n$font-family-serif: Helvetica, Arial, sans-serif;\r\n//** Default monospace fonts for ``, ``, and ``.\r\n$font-family-monospace: Menlo, Monaco, Consolas, \"Courier New\", monospace;\r\n\r\n$font-family-base: $font-family-sans-serif;\r\n$font-family-sec: $font-family-sans-serif-1;\r\n\r\n$font-weight-bold: 700;\r\n\r\n// Base fonts\r\n$font-size-base: 14px;\r\n$font-size-lg: 18px;\r\n$font-size-sm: 12px;\r\n\r\n$_lh-base: 24px;\r\n$_lh-lg: 24px;\r\n$_lh-sm: 18px;\r\n\r\n$font-weight-base: 400;\r\n\r\n// ** < Calculated font values >\r\n$line-height-base: ($_lh-base / $font-size-base);\r\n$line-height-lg: ($_lh-lg / $font-size-lg);\r\n$line-height-sm: ($_lh-sm / $font-size-sm);\r\n// ** Calculated font values >\r\n\r\n\r\n// Headings\r\n$headings-font-family: $font-family-base;\r\n$headings-font-weight: 700;\r\n$headings-line-height: 1.1;\r\n$headings-color: $black;\r\n\r\n// Template Heading Values\r\n$_h1-fsz: 104;\r\n$_h2-fsz: 59;\r\n$_h3-fsz: 45;\r\n$_h4-fsz: 24;\r\n$_h5-fsz: 33;\r\n$_h6-fsz: 18;\r\n\r\n$_h1-lh: 112;\r\n$_h2-lh: 70;\r\n$_h3-lh: 40;\r\n$_h4-lh: 38;\r\n$_h5-lh: 28;\r\n$_h6-lh: 24;\r\n\r\n// ** < Calculated Headings values >\r\n$h1-font-size: $_h1-fsz * 1px;\r\n$h2-font-size: $_h2-fsz * 1px;\r\n$h3-font-size: $_h3-fsz * 1px;\r\n$h4-font-size: $_h4-fsz * 1px;\r\n$h5-font-size: $_h5-fsz * 1px;\r\n$h6-font-size: $_h6-fsz * 1px;\r\n\r\n$h1-line-height: ($_h1-lh / $_h1-fsz); \r\n$h2-line-height: ($_h2-lh / $_h2-fsz);\r\n$h3-line-height: ($_h3-lh / $_h3-fsz);\r\n$h4-line-height: ($_h4-lh / $_h4-fsz);\r\n$h5-line-height: ($_h5-lh / $_h5-fsz);\r\n$h6-line-height: ($_h6-lh / $_h6-fsz);\r\n// ** Calculated Headings values >\r\n\r\n\r\n// Icon Fonts\r\n$fa: 'FontAwesome';\r\n$mdi: 'Material Design Icons';\r\n$mi: 'Material Icons';\r\n\r\n$icon-font-path: \"../fonts/\";\r\n\r\n//** File name for all font files.\r\n$icon-font-name: \"glyphicons-halflings-regular\";\r\n$icon-font-awesome: \"fontawesome-webfont\";\r\n$icon-material-design: \"materialdesignicons-webfont\";\r\n\r\n//** Element ID within SVG icon file.\r\n$icon-font-svg-id: \"glyphicons_halflingsregular\";\r\n$icon-font-awesome-id: \"fontawesomeregular\";\r\n$icon-material-design-id: \"materialdesigniconsregular\";\r\n\r\n// Lead\r\n$lead-font-size: 24px;\r\n$lead-line-height: 34px;\r\n$lead-font-weight: 300;\r\n\r\n// Hr\r\n$hr-border-color: $gray-800;\r\n$hr-border-width: $border-width;\r\n\r\n// Mark\r\n$mark-padding: 5px 10px;\r\n$mark-bg: $primary;\r\n\r\n$dt-font-weight: inherit;\r\n$list-inline-padding: 5px;\r\n\r\n// Code\r\n$code-font-size: 90%;\r\n$code-padding-y: 10px;\r\n$code-padding-x: 5px;\r\n$code-color: $gray-900;\r\n$code-bg: $gray-100;\r\n\r\n\r\n//\r\n// Links\r\n//\r\n$link-color: $primary;\r\n$link-decoration: none;\r\n$link-hover-color: darken($link-color, 15%); \r\n$link-press-color: darken($link-color, 15%);\r\n$link-hover-decoration: none;\r\n\r\n\r\n// Z-index master list\r\n//\r\n// Warning: Avoid customizing these values. They're used for a bird's eye view\r\n// of components dependent on the z-axis and are designed to all work together.\r\n\r\n$zindex-dropdown: 1000;\r\n$zindex-sticky: 1020;\r\n$zindex-fixed: 1030;\r\n$zindex-modal-backdrop: 1040;\r\n$zindex-modal: 1050;\r\n$zindex-popover: 1060;\r\n$zindex-tooltip: 1070;\r\n// Custom\r\n$zindex-rd-navbar: 1080;\r\n$zindex-layout-panel: 1100;\r\n\r\n\r\n\r\n\r\n\r\n// \r\n// Grid breakpoints\r\n//\r\n// Define the minimum dimensions at which your layout will change,\r\n// adapting to different screen sizes, for use in media queries.\r\n$grid-breakpoints: (\r\n xs: 0,\r\n sm: 576px,\r\n md: 768px,\r\n lg: 992px,\r\n xl: 1200px,\r\n xxl: 1800px\r\n);\r\n \r\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\r\n@include _assert-starts-at-zero($grid-breakpoints);\r\n\r\n\r\n$screen-fullhd: 1600px;\r\n\r\n\r\n// Grid containers\r\n//\r\n// Define the maximum width of `.container` for different screen sizes.\r\n\r\n$container-max-widths: (\r\n sm: 540px,\r\n md: 720px,\r\n lg: 960px,\r\n xl: 1170px\r\n);\r\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\r\n\r\n\r\n//\r\n// Grid columns\r\n//\r\n// Set the number of columns and specify the width of the gutters.\r\n$grid-columns: 12;\r\n$grid-gutter-width: 30px;\r\n$grid-gutter-width-narrow: 10px;\r\n\r\n\r\n//\r\n// Buttons\r\n//\r\n\r\n$input-btn-padding-y: 11px;\r\n$input-btn-padding-x: 35px;\r\n$input-btn-font-size: 14px;\r\n$input-btn-line-height: 1.25;\r\n\r\n$input-btn-padding-y-sm: 5px;\r\n$input-btn-padding-x-sm: 25px;\r\n$input-btn-line-height-sm: 1.5;\r\n\r\n$input-btn-padding-y-lg: 12px;\r\n$input-btn-padding-x-lg: 50px;\r\n$input-btn-line-height-lg: 1.5;\r\n\r\n\r\n$btn-font-family: $font-family-sec;\r\n$btn-font-weight: 700;\r\n$btn-letter-spacing: .1em;\r\n$btn-text-transform: uppercase;\r\n\r\n$btn-font-size: 14;\r\n$btn-lh-size: 24;\r\n\r\n$btn-default-color: $white;\r\n$btn-default-bg: $black;\r\n$btn-default-border: $black;\r\n\r\n$btn-primary-color: $white;\r\n$btn-primary-bg: $primary;\r\n$btn-primary-border: $primary;\r\n\r\n$btn-success-color: $white;\r\n$btn-success-bg: $brand-success;\r\n$btn-success-border: $brand-success;\r\n\r\n$btn-info-color: $white;\r\n$btn-info-bg: $brand-info;\r\n$btn-info-border: $brand-info;\r\n\r\n$btn-warning-color: $white;\r\n$btn-warning-bg: $brand-warning;\r\n$btn-warning-border: $brand-warning;\r\n\r\n$btn-danger-color: $white;\r\n$btn-danger-bg: $brand-danger;\r\n$btn-danger-border: $brand-danger;\r\n\r\n$btn-box-shadow: 0;\r\n$btn-focus-box-shadow: 0;\r\n$btn-active-box-shadow: 0;\r\n\r\n$btn-link-disabled-color: $gray-300;\r\n\r\n$btn-block-spacing-y: .5rem;\r\n\r\n// Allows for customizing button radius independently from global border radius\r\n$btn-border-radius: 5px;\r\n$btn-border-radius-lg: $border-radius-lg;\r\n$btn-border-radius-sm: $border-radius-sm; \r\n\r\n$btn-transition: all .15s ease-in-out;\r\n\r\n//\r\n// Forms\r\n//\r\n$form-input-height: 52px;\r\n$form-input-lg-height: 60px; \r\n$form-input-sm-height: 40px;\r\n//** Small `.form-input` height\r\n$form-input-sm-height: (floor($font-size-sm * $line-height-sm) + ($padding-small-vertical * 2) + 2);\r\n\r\n$form-input-color: $body-color;\r\n$form-input-color-placeholder: $form-input-color;\r\n\r\n$form-input-background: #fff;\r\n$form-input-border-color: $gray-300;\r\n$form-input-border-radius: $border-radius;\r\n$form-input-background-disabled: $gray-200;\r\n\r\n$form-input-font-size: 14px; \r\n$form-input-line-height: 24px;\r\n$form-input-font-weight: 400; \r\n\r\n$form-input-border: 0px solid $form-input-border-color;\r\n$form-input-padding-horizontal: 19px;\r\n$form-input-line-height: round($form-input-font-size * 1.7);\r\n\r\n//** Border color for inputs on focus\r\n$form-input-border-color-focus: $primary;\r\n\r\n$form-input-padding-vertical: ($form-input-height - $form-input-line-height) / 2;\r\n$form-input-padding: $form-input-padding-vertical $form-input-padding-horizontal;\r\n\r\n\r\n@if ($form-input-border != none) {\r\n $form-input-padding-vertical: ($form-input-height - $form-input-line-height - (nth($form-input-border, 1) * 2)) / 2;\r\n $form-input-padding: $form-input-padding-vertical - 2px $form-input-padding-horizontal $form-input-padding-vertical + 2px;\r\n}\r\n\r\n\r\n$form-textarea-default-height: 166px;\r\n$form-textarea-default-min-height: $form-input-height;\r\n$form-textarea-default-max-height: round($form-textarea-default-height * 1.5);\r\n\r\n\r\n$form-feedback-focus-color: $primary;\r\n$form-feedback-valid-color: $success-color;\r\n$form-feedback-invalid-color: $danger-color;\r\n\r\n\r\n//** Disabled cursor for form controls and buttons.\r\n$cursor-disabled: not-allowed;\r\n\r\n//== Navs\r\n//\r\n//##\r\n\r\n//=== Shared nav styles\r\n$nav-link-padding: 10px 15px;\r\n$nav-link-hover-bg: $gray-200;\r\n\r\n$nav-disabled-link-color: $gray-300;\r\n$nav-disabled-link-hover-color: $gray-300;\r\n\r\n//== Tabs\r\n$nav-tabs-border-color: #ddd;\r\n\r\n$nav-tabs-link-hover-border-color: $gray-200;\r\n\r\n$nav-tabs-active-link-hover-bg: $body-bg;\r\n$nav-tabs-active-link-hover-color: $gray-500;\r\n$nav-tabs-active-link-hover-border-color: #ddd;\r\n\r\n$nav-tabs-justified-link-border-color: #ddd;\r\n$nav-tabs-justified-active-link-border-color: $body-bg;\r\n\r\n//== Pills\r\n$nav-pills-border-radius: $border-radius;\r\n$nav-pills-active-link-hover-bg: $component-active-bg;\r\n$nav-pills-active-link-hover-color: $component-active-color;\r\n\r\n\r\n//\r\n// Pagination\r\n//\r\n$pagination-padding-y: 10px;\r\n$pagination-padding-x: 10px;\r\n$pagination-font-size: 14px;\r\n$pagination-line-height: 24px;\r\n\r\n$pagination-color: $black;\r\n$pagination-bg: transparent;\r\n$pagination-border-width: 2px;\r\n$pagination-border-color: $silver;\r\n\r\n$pagination-hover-color: $white;\r\n$pagination-hover-bg: $primary;\r\n$pagination-hover-border-color: $primary;\r\n\r\n$pagination-active-color: $white;\r\n$pagination-active-bg: $primary;\r\n$pagination-active-border-color: $primary;\r\n\r\n$pagination-disabled-color: $gray-200;\r\n$pagination-disabled-bg: $silver;\r\n$pagination-disabled-border-color: $silver;\r\n\r\n//\r\n// Tooltips\r\n//\r\n$tooltip-max-width: 200px;\r\n$tooltip-color: $white;\r\n$tooltip-bg: $primary;\r\n$tooltip-opacity: 1;\r\n$tooltip-padding-y: 6px;\r\n$tooltip-padding-x: 10px;\r\n$tooltip-margin: 0;\r\n\r\n$tooltip-arrow-width: 6px;\r\n$tooltip-arrow-height: 6px;\r\n$tooltip-arrow-color: $tooltip-bg;\r\n\r\n\r\n//== Thumbnails\r\n//\r\n//##\r\n\r\n//** Padding around the thumbnail image\r\n$thumbnail-padding: 4px;\r\n//** Thumbnail background color\r\n$thumbnail-bg: $body-bg;\r\n//** Thumbnail border color\r\n$thumbnail-border: #ddd;\r\n//** Thumbnail border radius\r\n$thumbnail-border-radius: $border-radius;\r\n\r\n//** Custom text color for thumbnail captions\r\n$thumbnail-caption-color: $body-color;\r\n//** Padding around the thumbnail caption\r\n$thumbnail-caption-padding: 9px;\r\n\r\n\r\n//== Components\r\n//\r\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\r\n\r\n$padding-base-vertical: 15px;\r\n$padding-base-horizontal: 35px;\r\n\r\n$padding-large-vertical: 18px;\r\n$padding-large-horizontal: 40px;\r\n\r\n$padding-extra-large-vertical: 21px;\r\n$padding-extra-large-horizontal: 50px;\r\n\r\n$padding-small-vertical: 12px;\r\n$padding-small-horizontal: 25px;\r\n\r\n$padding-xs-vertical: $padding-base-vertical*0.4;\r\n$padding-xs-horizontal: $padding-base-horizontal*0.4;\r\n\r\n$line-height-large: 1.4444; // extra decimals for Win 8.1 Chrome\r\n$line-height-small: 1.5;\r\n\r\n//== Form states and alerts\r\n//\r\n//## Define colors for form feedback states and, by default, alerts.\r\n\r\n$state-success-text: $brand-success;\r\n$state-success-bg: #dff0d8;\r\n$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%);\r\n\r\n$state-info-text: $brand-info;\r\n$state-info-bg: #d9edf7;\r\n$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%);\r\n\r\n$state-warning-text: $brand-warning;\r\n$state-warning-bg: #fcf8e3;\r\n$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%);\r\n\r\n$state-danger-text: $brand-danger;\r\n$state-danger-bg: $brand-danger;\r\n$state-danger-border: $brand-danger;\r\n\r\n// Template width (w/o units)\r\n$template-width: 1920;\r\n\r\n// Template width var for resizing\r\n$template-width-min: ($template-width+1)*1px;\r\n$layout-boxed-width: 1920px;\r\n\r\n//== Page loader variant 1\r\n//\r\n//##\r\n\r\n$page-loader-v-1-bg: $black;\r\n$page-loader-v-1-padding: 0 25px;\r\n//** spinner\r\n$page-loader-v-1-spinner-width: 56px;\r\n$page-loader-v-1-spinner-height: 56px;\r\n\r\n//== RD Navbar\r\n//\r\n//##\r\n\r\n$rd-navbar-min-font-size: 24px;\r\n$rd-navbar-min-line-height: 48px;\r\n$rd-navbar-min-height: 56px;\r\n\r\n$rd-navbar-color: $gray-900;\r\n$rd-navbar-background: $white;\r\n$rd-navbar-shadow: none;\r\n$rd-navbar-border: 1px solid $porcelain;\r\n$rd-navbar-width: 1200px;\r\n\r\n//RD Navbar panel\r\n$rd-navbar-panel-color: $rd-navbar-color;\r\n$rd-navbar-panel-background: $rd-navbar-background;\r\n\r\n//RD Navbar nav\r\n$rd-navbar-nav-min-width: 270px;\r\n$rd-navbar-nav-color: $rd-navbar-color;\r\n$rd-navbar-nav-background: transparent;\r\n$rd-navbar-nav-hover-color: $primary;\r\n$rd-navbar-nav-hover-background: transparent;\r\n$rd-navbar-nav-active-color: $rd-navbar-nav-hover-color;\r\n$rd-navbar-nav-active-background: $rd-navbar-nav-hover-background;\r\n\r\n//RD Navbar dropdown\r\n$rd-navbar-dropdown-width: 235px;\r\n$rd-navbar-dropdown-background: $white;\r\n$rd-navbar-dropdown-item-color: $body-color;\r\n$rd-navbar-dropdown-item-background: transparent;\r\n$rd-navbar-dropdown-item-hover-color: $primary;\r\n$rd-navbar-dropdown-item-hover-background: transparent;\r\n$rd-navbar-dropdown-item-active-color: $rd-navbar-dropdown-item-hover-color;\r\n$rd-navbar-dropdown-item-active-background: $rd-navbar-dropdown-item-hover-background;\r\n\r\n//RD Navbar megamenu\r\n$rd-navbar-megamenu-gutter: 30px;\r\n$rd-navbar-megamenu-background: $white;\r\n$rd-navbar-megamenu-item-color: $body-color;\r\n$rd-navbar-megamenu-item-background: $rd-navbar-dropdown-item-color;\r\n$rd-navbar-megamenu-item-hover-color: $rd-navbar-dropdown-item-hover-color;\r\n$rd-navbar-megamenu-item-hover-background: $rd-navbar-dropdown-item-hover-background;\r\n\r\n//RD Navbar togles\r\n$rd-navbar-toggle-preset: \"button-lines-arrow-2\";\r\n$rd-navbar-search-toggle-preset: \"search-preset-1\";\r\n$rd-navbar-collapse-toggle-preset: \"collapse-preset-1\";\r\n\r\n//RD Navbar Fixed\r\n$rd-navbar-fixed-height: $rd-navbar-min-height;\r\n$rd-navbar-fixed-line-height: $rd-navbar-min-line-height;\r\n$rd-navbar-fixed-font-size: $rd-navbar-min-font-size;\r\n$rd-navbar-fixed-panel-color: $body-color;\r\n$rd-navbar-fixed-toggle-color: $black;\r\n$rd-navbar-fixed-panel-background: $white;\r\n$rd-navbar-fixed-shadow: none;\r\n$rd-navbar-fixed-border: $rd-navbar-border;\r\n\r\n$rd-navbar-fixed-panel-item-color: $abbey;\r\n$rd-navbar-fixed-panel-item-hover-color: $white;\r\n$rd-navbar-fixed-panel-item-background: $rd-navbar-fixed-panel-background;\r\n$rd-navbar-fixed-panel-item-hover-background: $primary;\r\n\r\n$rd-navbar-fixed-submenu-toggle-color: $black;\r\n$rd-navbar-fixed-submenu-toggle-hover-color: $primary;\r\n$rd-navbar-fixed-submenu-toggle-focus-color: $white;\r\n//RD Navbar static indents\r\n$navbar-static-nav-indent: 10px;\r\n\r\n//RD Navbar fullwidth indents\r\n$navbar-fullwidth-nav-indent: 20px;\r\n\r\n$rd-navbar-input-color: $dusty-gray;\r\n$rd-navbar-input-border: 1px solid $porcelain; \r\n$rd-navbar-input-border-radius: 3px;\r\n\r\n//== Type\r\n//\r\n//##\r\n\r\n//** Horizontal offset for forms and lists.\r\n$component-offset-horizontal: 180px;\r\n//** Text muted color\r\n$text-muted: $gray-300;\r\n//** Abbreviations and acronyms border color\r\n$abbr-border-color: $gray-300;\r\n//** Headings small color\r\n$headings-small-color: $gray-300;\r\n//** Blockquote small color\r\n$blockquote-small-color: $gray-300;\r\n//** Blockquote font size\r\n$blockquote-font-size: ($font-size-base * 1.25);\r\n//** Blockquote border color\r\n$blockquote-border-color: $gray-200;\r\n//** Page header border color\r\n$page-header-border-color: $gray-200;\r\n//** Width of horizontal description list titles\r\n$dl-horizontal-offset: $component-offset-horizontal;\r\n//** Point at which .dl-horizontal becomes horizontal\r\n//$dl-horizontal-breakpoint: $grid-float-breakpoint;\r\n//** Horizontal line color.\r\n$hr-border: $gray-800;\r\n\r\n//== Tables\r\n//\r\n//## Customizes the `.table` component with basic values, each used across all table variations.\r\n\r\n//** Padding for ``s and ` `s.\r\n$table-cell-padding: 17px 25px 18px;\r\n//** Padding for cells in `.table-condensed`.\r\n$table-condensed-cell-padding: 5px;\r\n\r\n//** Default background color used for all tables.\r\n$table-bg: transparent;\r\n$table-header-bg: $whisper;\r\n//** Background color used for `.table-striped`.\r\n$table-bg-accent: $whisper;\r\n//** Background color used for `.table-hover`.\r\n$table-bg-hover: $whisper;\r\n$table-bg-active: $table-bg-hover;\r\n\r\n//** Border color for table and cell borders.\r\n$table-border-color: #d9d9d9;\r\n\r\n\r\n//== Dropdowns\r\n//\r\n\r\n// $dropdown-font-size: 14;\r\n// $dropdown-lh-size: 36;\r\n\r\n//## Dropdown menu container and contents.\r\n\r\n//** Background for the dropdown menu.\r\n$dropdown-bg: #fff;\r\n//** Dropdown menu `border-color`.\r\n$dropdown-border: rgba(0,0,0,.15);\r\n//** Dropdown menu `border-color` **for IE8**.\r\n$dropdown-fallback-border: #ccc;\r\n//** Divider color for between dropdown items.\r\n$dropdown-divider-bg: #e5e5e5;\r\n\r\n//** Dropdown link text color.\r\n$dropdown-link-color: $gray-800;\r\n//** Hover color for dropdown links.\r\n$dropdown-link-hover-color: darken($gray-800, 5%);\r\n//** Hover background for dropdown links.\r\n$dropdown-link-hover-bg: #f5f5f5;\r\n\r\n//** Active dropdown menu item text color.\r\n$dropdown-link-active-color: $component-active-color;\r\n//** Active dropdown menu item background color.\r\n$dropdown-link-active-bg: $component-active-bg;\r\n\r\n//** Disabled dropdown menu item background color.\r\n$dropdown-link-disabled-color: $gray-300;\r\n\r\n//** Text color for headers within dropdown menus.\r\n$dropdown-header-color: $gray-300;\r\n\r\n//** Deprecated `$dropdown-caret-color` as of v3.1.0\r\n$dropdown-caret-color: #000;\r\n",":root {\r\n // Custom variable values only support SassScript inside `#{}`.\r\n @each $color, $value in $colors {\r\n --#{$color}: #{$value};\r\n }\r\n\r\n @each $color, $value in $theme-colors {\r\n --#{$color}: #{$value};\r\n }\r\n\r\n @each $bp, $value in $grid-breakpoints {\r\n --breakpoint-#{$bp}: #{$value};\r\n }\r\n\r\n // Use `inspect` for lists so that quoted items keep the quotes.\r\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\r\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\r\n --font-family-monospace: #{inspect($font-family-monospace)};\r\n}\r\n","// Toggles\r\n//\r\n// Used in conjunction with global variables to enable certain theme features.\r\n\r\n// Utilities\r\n@import \"mixins/breakpoints\";\r\n@import \"mixins/hover\";\r\n@import \"mixins/image\";\r\n@import \"mixins/badge\";\r\n@import \"mixins/resize\";\r\n@import \"mixins/screen-reader\";\r\n@import \"mixins/size\";\r\n@import \"mixins/reset-text\";\r\n@import \"mixins/text-emphasis\";\r\n@import \"mixins/text-hide\";\r\n@import \"mixins/text-truncate\";\r\n@import \"mixins/visibility\";\r\n\r\n// // Components\r\n@import \"mixins/alert\";\r\n@import \"mixins/buttons\";\r\n@import \"mixins/caret\";\r\n@import \"mixins/pagination\";\r\n@import \"mixins/lists\";\r\n@import \"mixins/list-group\";\r\n@import \"mixins/nav-divider\";\r\n@import \"mixins/forms\";\r\n@import \"mixins/table-row\";\r\n@import \"mixins/vendor-prefixes\";\r\n\r\n// // Skins\r\n@import \"mixins/background-variant\";\r\n@import \"mixins/border-radius\";\r\n@import \"mixins/box-shadow\";\r\n@import \"mixins/gradients\";\r\n@import \"mixins/transition\";\r\n\r\n// // Layout\r\n@import \"mixins/clearfix\";\r\n// @import \"mixins/navbar-align\";\r\n@import \"mixins/grid-framework\";\r\n@import \"mixins/grid\";\r\n@import \"mixins/float\";\r\n","// Breakpoint viewport sizes and media queries.\r\n//\r\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\r\n//\r\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\r\n//\r\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\r\n\r\n// Name of the next breakpoint, or null for the last breakpoint.\r\n//\r\n// >> breakpoint-next(sm)\r\n// md\r\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// md\r\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\r\n// md\r\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\r\n $n: index($breakpoint-names, $name);\r\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\r\n}\r\n\r\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\r\n//\r\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// 576px\r\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\r\n $min: map-get($breakpoints, $name);\r\n @return if($min != 0, $min, null);\r\n}\r\n\r\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\r\n// The maximum value is calculated as the minimum of the next one less 0.1.\r\n//\r\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// 767px\r\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\r\n $next: breakpoint-next($name, $breakpoints);\r\n @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);\r\n}\r\n\r\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.\r\n// Useful for making responsive utilities.\r\n//\r\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// \"\" (Returns a blank string)\r\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\r\n// \"-sm\"\r\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\r\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\r\n}\r\n\r\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\r\n// Makes the @content apply to the given breakpoint and wider.\r\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($name, $breakpoints);\r\n @if $min {\r\n @media (min-width: $min) {\r\n @content;\r\n }\r\n } @else {\r\n @content;\r\n }\r\n}\r\n\r\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\r\n// Makes the @content apply to the given breakpoint and narrower.\r\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\r\n $max: breakpoint-max($name, $breakpoints);\r\n @if $max {\r\n @media (max-width: $max) {\r\n @content;\r\n }\r\n } @else {\r\n @content;\r\n }\r\n}\r\n\r\n// Media that spans multiple breakpoint widths.\r\n// Makes the @content apply between the min and max breakpoints\r\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($lower, $breakpoints);\r\n $max: breakpoint-max($upper, $breakpoints);\r\n\r\n @if $min != null and $max != null {\r\n @media (min-width: $min) and (max-width: $max) {\r\n @content;\r\n }\r\n } @else if $max == null {\r\n @include media-breakpoint-up($lower) {\r\n @content;\r\n }\r\n } @else if $min == null {\r\n @include media-breakpoint-down($upper) {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n// Media between the breakpoint's minimum and maximum widths.\r\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\r\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\r\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\r\n $min: breakpoint-min($name, $breakpoints);\r\n $max: breakpoint-max($name, $breakpoints);\r\n\r\n @if $min != null and $max != null {\r\n @media (min-width: $min) and (max-width: $max) {\r\n @content;\r\n }\r\n } @else if $max == null {\r\n @include media-breakpoint-up($name) {\r\n @content;\r\n }\r\n } @else if $min == null {\r\n @include media-breakpoint-down($name) {\r\n @content;\r\n }\r\n }\r\n}\r\n","// stylelint-disable indentation\r\n@mixin hover {\r\n // TODO: re-enable along with mq4-hover-shim\r\n// @if $enable-hover-media-query {\r\n// // See Media Queries Level 4: https://drafts.csswg.org/mediaqueries/#hover\r\n// // Currently shimmed by https://github.com/twbs/mq4-hover-shim\r\n// @media (hover: hover) {\r\n// &:hover { @content }\r\n// }\r\n// }\r\n// @else {\r\n &:hover { @content; }\r\n// }\r\n}\r\n\r\n\r\n@mixin hover-focus {\r\n @if $enable-hover-media-query {\r\n &:focus {\r\n @content;\r\n }\r\n @include hover { @content; }\r\n } @else {\r\n &:focus,\r\n &:hover {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n@mixin plain-hover-focus {\r\n @if $enable-hover-media-query {\r\n &,\r\n &:focus {\r\n @content;\r\n }\r\n @include hover { @content; }\r\n } @else {\r\n &,\r\n &:focus,\r\n &:hover {\r\n @content;\r\n }\r\n }\r\n}\r\n\r\n@mixin hover-focus-active {\r\n @if $enable-hover-media-query {\r\n &:focus,\r\n &:active {\r\n @content;\r\n }\r\n @include hover { @content; }\r\n } @else {\r\n &:focus,\r\n &:active,\r\n &:hover {\r\n @content;\r\n }\r\n }\r\n}\r\n","// Image Mixins\r\n// - Responsive image\r\n// - Retina image\r\n\r\n\r\n// Responsive image\r\n//\r\n// Keep images from scaling beyond the width of their parents.\r\n\r\n@mixin img-fluid {\r\n // Part 1: Set a maximum relative to the parent\r\n max-width: 100%;\r\n // Part 2: Override the height to auto, otherwise images will be stretched\r\n // when setting a width and height attribute on the img element.\r\n height: auto;\r\n}\r\n\r\n\r\n// Retina image\r\n//\r\n// Short retina mixin for setting background-image and -size.\r\n\r\n// stylelint-disable indentation, media-query-list-comma-newline-after\r\n@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {\r\n background-image: url($file-1x);\r\n\r\n // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,\r\n // but doesn't convert dppx=>dpi.\r\n // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.\r\n // Compatibility info: https://caniuse.com/#feat=css-media-resolution\r\n @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx\r\n only screen and (min-resolution: 2dppx) { // Standardized\r\n background-image: url($file-2x);\r\n background-size: $width-1x $height-1x;\r\n }\r\n}\r\n","@mixin badge-variant($bg) {\r\n color: color-yiq($bg);\r\n background-color: $bg;\r\n\r\n &[href] {\r\n @include hover-focus {\r\n color: color-yiq($bg);\r\n text-decoration: none;\r\n background-color: darken($bg, 10%);\r\n }\r\n }\r\n}\r\n","// Resize anything\r\n\r\n@mixin resizable($direction) {\r\n overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`\r\n resize: $direction; // Options: horizontal, vertical, both\r\n}\r\n","// Only display content to screen readers\r\n//\r\n// See: http://a11yproject.com/posts/how-to-hide-content/\r\n// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/\r\n\r\n@mixin sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n clip-path: inset(50%);\r\n border: 0;\r\n}\r\n\r\n// Use in conjunction with .sr-only to only display content when it's focused.\r\n//\r\n// Useful for \"Skip to main content\" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\r\n//\r\n// Credit: HTML5 Boilerplate\r\n\r\n@mixin sr-only-focusable {\r\n &:active,\r\n &:focus {\r\n position: static;\r\n width: auto;\r\n height: auto;\r\n overflow: visible;\r\n clip: auto;\r\n white-space: normal;\r\n clip-path: none;\r\n }\r\n}\r\n","// Sizing shortcuts\r\n\r\n@mixin size($width, $height: $width) {\r\n width: $width;\r\n height: $height;\r\n}\r\n","@mixin reset-text {\r\n font-family: $font-family-base;\r\n // We deliberately do NOT reset font-size or word-wrap.\r\n font-style: normal;\r\n font-weight: $font-weight-normal;\r\n line-height: $line-height-base;\r\n text-align: left; // Fallback for where `start` is not supported\r\n text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties\r\n text-decoration: none;\r\n text-shadow: none;\r\n text-transform: none;\r\n letter-spacing: normal;\r\n word-break: normal;\r\n word-spacing: normal;\r\n white-space: normal;\r\n line-break: auto;\r\n}\r\n","// stylelint-disable declaration-no-important\r\n\r\n// Typography\r\n\r\n@mixin text-emphasis-variant($parent, $color) {\r\n #{$parent} {\r\n color: $color !important;\r\n }\r\n a#{$parent} {\r\n @include hover-focus {\r\n color: darken($color, 10%) !important;\r\n }\r\n }\r\n}\r\n","// CSS image replacement\r\n@mixin text-hide() {\r\n font: 0/0 a;\r\n color: transparent;\r\n text-shadow: none;\r\n background-color: transparent;\r\n border: 0;\r\n}\r\n","// Text truncate\r\n// Requires inline-block or block for proper styling\r\n\r\n@mixin text-truncate() {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n","// stylelint-disable declaration-no-important\r\n\r\n// Visibility\r\n\r\n@mixin invisible($visibility) {\r\n visibility: $visibility !important;\r\n}\r\n","@mixin alert-variant($background, $border, $color) {\r\n color: $color;\r\n @include gradient-bg($background);\r\n border-color: $border;\r\n\r\n hr {\r\n border-top-color: darken($border, 5%);\r\n }\r\n\r\n .alert-link {\r\n color: darken($color, 10%);\r\n }\r\n}\r\n","// Button variants\r\n//\r\n// Easily pump out default styles, as well as :hover, :focus, :active,\r\n// and disabled options for all buttons\r\n\r\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\r\n color: color-yiq($background);\r\n @include gradient-bg($background);\r\n border-color: $border;\r\n box-shadow: $btn-box-shadow;\r\n\r\n @include hover {\r\n color: color-yiq($hover-background);\r\n @include gradient-bg($hover-background);\r\n border-color: $hover-border;\r\n }\r\n\r\n &:focus,\r\n &.focus {\r\n // Avoid using mixin so we can pass custom focus shadow properly\r\n @if $enable-shadows {\r\n box-shadow: $btn-box-shadow, 0 0 0 $input-btn-focus-width rgba($border, .5);\r\n } @else {\r\n box-shadow: 0 0 0 $input-btn-focus-width rgba($border, .5);\r\n }\r\n }\r\n\r\n // Disabled comes first so active can properly restyle\r\n &.disabled,\r\n &:disabled {\r\n background-color: $background;\r\n border-color: $border;\r\n }\r\n\r\n &:not([disabled]):not(.disabled):active,\r\n &:not([disabled]):not(.disabled).active,\r\n .show > &.dropdown-toggle {\r\n color: color-yiq($active-background);\r\n background-color: $active-background;\r\n @if $enable-gradients {\r\n background-image: none; // Remove the gradient for the pressed/active state\r\n }\r\n border-color: $active-border;\r\n\r\n // Avoid using mixin so we can pass custom focus shadow properly\r\n @if $enable-shadows {\r\n box-shadow: $btn-active-box-shadow, 0 0 0 $input-btn-focus-width rgba($border, .5);\r\n } @else {\r\n box-shadow: 0 0 0 $input-btn-focus-width rgba($border, .5);\r\n }\r\n }\r\n}\r\n\r\n@mixin button-outline-variant($color, $color-hover: #fff) {\r\n color: $color;\r\n background-color: transparent;\r\n background-image: none;\r\n border-color: $color;\r\n\r\n @include hover {\r\n color: $color-hover;\r\n background-color: $color;\r\n border-color: $color;\r\n }\r\n\r\n &:focus,\r\n &.focus {\r\n box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);\r\n }\r\n\r\n &.disabled,\r\n &:disabled {\r\n color: $color;\r\n background-color: transparent;\r\n }\r\n\r\n &:not([disabled]):not(.disabled):active,\r\n &:not([disabled]):not(.disabled).active,\r\n .show > &.dropdown-toggle {\r\n color: $color-hover;\r\n background-color: $color;\r\n border-color: $color;\r\n // Avoid using mixin so we can pass custom focus shadow properly\r\n box-shadow: 0 0 0 $input-btn-focus-width rgba($color, .5);\r\n }\r\n}\r\n\r\n// Button sizes\r\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\r\n padding: $padding-y $padding-x;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n @include border-radius($border-radius);\r\n}\r\n","@mixin caret-down {\r\n border-top: $caret-width solid;\r\n border-right: $caret-width solid transparent;\r\n border-bottom: 0;\r\n border-left: $caret-width solid transparent;\r\n}\r\n\r\n@mixin caret-up {\r\n border-top: 0;\r\n border-right: $caret-width solid transparent;\r\n border-bottom: $caret-width solid;\r\n border-left: $caret-width solid transparent;\r\n}\r\n\r\n@mixin caret($direction: down) {\r\n @if $enable-caret {\r\n &::after {\r\n display: inline-block;\r\n width: 0;\r\n height: 0;\r\n margin-left: $caret-width * .85;\r\n vertical-align: $caret-width * .85;\r\n content: \"\";\r\n @if $direction == down {\r\n @include caret-down;\r\n } @else if $direction == up {\r\n @include caret-up;\r\n }\r\n }\r\n\r\n &:empty::after {\r\n margin-left: 0;\r\n }\r\n }\r\n}\r\n","// Pagination\r\n\r\n@mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\r\n .page-link {\r\n padding: $padding-y $padding-x;\r\n font-size: $font-size;\r\n line-height: $line-height;\r\n }\r\n\r\n .page-item {\r\n &:first-child {\r\n .page-link {\r\n @include border-left-radius($border-radius);\r\n }\r\n }\r\n &:last-child {\r\n .page-link {\r\n @include border-right-radius($border-radius);\r\n }\r\n }\r\n }\r\n}\r\n","// Lists\r\n\r\n// Unstyled keeps list items block level, just removes default browser padding and list-style\r\n@mixin list-unstyled {\r\n padding-left: 0;\r\n list-style: none;\r\n}\r\n","// List Groups\r\n\r\n@mixin list-group-item-variant($state, $background, $color) {\r\n .list-group-item-#{$state} {\r\n color: $color;\r\n background-color: $background;\r\n }\r\n\r\n a.list-group-item-#{$state},\r\n button.list-group-item-#{$state} {\r\n color: $color;\r\n\r\n @include hover-focus {\r\n color: $color;\r\n background-color: darken($background, 5%);\r\n }\r\n\r\n &.active {\r\n color: #fff;\r\n background-color: $color;\r\n border-color: $color;\r\n }\r\n }\r\n}\r\n","// Horizontal dividers\r\n//\r\n// Dividers (basically an hr) within dropdowns and nav lists\r\n\r\n@mixin nav-divider($color: #e5e5e5) {\r\n height: 0;\r\n margin: ($spacer / 2) 0;\r\n overflow: hidden;\r\n border-top: 1px solid $color;\r\n}\r\n","// Form control focus state\r\n//\r\n// Generate a customized focus state and for any input with the specified color,\r\n// which defaults to the `$input-focus-border-color` variable.\r\n//\r\n// We highly encourage you to not customize the default value, but instead use\r\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\r\n// WebKit's default styles, but applicable to a wider range of browsers. Its\r\n// usability and accessibility should be taken into account with any change.\r\n//\r\n// Example usage: change the default blue border and shadow to white for better\r\n// contrast against a dark gray background.\r\n@mixin form-input-focus() {\r\n &:focus {\r\n color: $input-focus-color;\r\n background-color: $input-focus-bg;\r\n border-color: $input-focus-border-color;\r\n outline: none;\r\n // Avoid using mixin so we can pass custom focus shadow properly\r\n @if $enable-shadows {\r\n box-shadow: $input-box-shadow, $input-btn-focus-box-shadow;\r\n } @else {\r\n box-shadow: $input-btn-focus-box-shadow;\r\n }\r\n }\r\n}\r\n\r\n\r\n@mixin form-validation-state($state, $color) {\r\n\r\n .#{$state}-feedback {\r\n display: none;\r\n margin-top: .25rem;\r\n font-size: .875rem;\r\n color: $color;\r\n }\r\n\r\n .#{$state}-tooltip {\r\n position: absolute;\r\n top: 100%;\r\n z-index: 5;\r\n display: none;\r\n width: 250px;\r\n padding: .5rem;\r\n margin-top: .1rem;\r\n font-size: .875rem;\r\n line-height: 1;\r\n color: #fff;\r\n background-color: rgba($color,.8);\r\n border-radius: .2rem;\r\n }\r\n\r\n .form-input,\r\n .custom-select {\r\n .was-validated &:#{$state},\r\n &.is-#{$state} {\r\n border-color: $color;\r\n\r\n &:focus {\r\n box-shadow: 0 0 0 .2rem rgba($color,.25);\r\n }\r\n\r\n ~ .#{$state}-feedback,\r\n ~ .#{$state}-tooltip {\r\n display: block;\r\n }\r\n }\r\n }\r\n\r\n\r\n // TODO: redo check markup lol crap\r\n .form-check-input {\r\n .was-validated &:#{$state},\r\n &.is-#{$state} {\r\n + .form-check-label {\r\n color: $color;\r\n }\r\n }\r\n }\r\n\r\n // custom radios and checks\r\n .custom-control-input {\r\n .was-validated &:#{$state},\r\n &.is-#{$state} {\r\n ~ .custom-control-indicator {\r\n background-color: rgba($color, .25);\r\n }\r\n ~ .custom-control-description {\r\n color: $color;\r\n }\r\n }\r\n }\r\n\r\n // custom file\r\n .custom-file-input {\r\n .was-validated &:#{$state},\r\n &.is-#{$state} {\r\n ~ .custom-file-control {\r\n border-color: $color;\r\n\r\n &::before { border-color: inherit; }\r\n }\r\n &:focus {\r\n box-shadow: 0 0 0 .2rem rgba($color,.25);\r\n }\r\n }\r\n }\r\n}\r\n","// Tables\r\n\r\n@mixin table-row-variant($state, $background) {\r\n // Exact selectors below required to override `.table-striped` and prevent\r\n // inheritance to nested tables.\r\n .table-#{$state} {\r\n &,\r\n > th,\r\n > td {\r\n background-color: $background;\r\n }\r\n }\r\n\r\n // Hover states for `.table-hover`\r\n // Note: this is not available for cells or rows within `thead` or `tfoot`.\r\n .table-hover {\r\n $hover-background: darken($background, 5%);\r\n\r\n .table-#{$state} {\r\n @include hover {\r\n background-color: $hover-background;\r\n\r\n > td,\r\n > th {\r\n background-color: $hover-background;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","// Vendor Prefixes\r\n//\r\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\r\n// Autoprefixer in our Gruntfile. They have been removed in v4.\r\n\r\n// - Animations\r\n// - Backface visibility\r\n// - Box shadow\r\n// - Box sizing\r\n// - Content columns\r\n// - Hyphens\r\n// - Placeholder text\r\n// - Transformations\r\n// - Transitions\r\n// - User Select\r\n\r\n\r\n// Animations\r\n@mixin animation($animation) {\r\n -webkit-animation: $animation;\r\n -o-animation: $animation;\r\n animation: $animation;\r\n}\r\n@mixin animation-name($name) {\r\n -webkit-animation-name: $name;\r\n animation-name: $name;\r\n}\r\n@mixin animation-duration($duration) {\r\n -webkit-animation-duration: $duration;\r\n animation-duration: $duration;\r\n}\r\n@mixin animation-timing-function($timing-function) {\r\n -webkit-animation-timing-function: $timing-function;\r\n animation-timing-function: $timing-function;\r\n}\r\n@mixin animation-delay($delay) {\r\n -webkit-animation-delay: $delay;\r\n animation-delay: $delay;\r\n}\r\n@mixin animation-iteration-count($iteration-count) {\r\n -webkit-animation-iteration-count: $iteration-count;\r\n animation-iteration-count: $iteration-count;\r\n}\r\n@mixin animation-direction($direction) {\r\n -webkit-animation-direction: $direction;\r\n animation-direction: $direction;\r\n}\r\n@mixin animation-fill-mode($fill-mode) {\r\n -webkit-animation-fill-mode: $fill-mode;\r\n animation-fill-mode: $fill-mode;\r\n}\r\n\r\n// Backface visibility\r\n// Prevent browsers from flickering when using CSS 3D transforms.\r\n// Default value is `visible`, but can be changed to `hidden`\r\n\r\n@mixin backface-visibility($visibility) {\r\n -webkit-backface-visibility: $visibility;\r\n -moz-backface-visibility: $visibility;\r\n backface-visibility: $visibility;\r\n}\r\n\r\n// Drop shadows\r\n//\r\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\r\n// supported browsers that have box shadow capabilities now support it.\r\n\r\n@mixin box-shadow($shadow...) {\r\n -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\r\n box-shadow: $shadow;\r\n}\r\n\r\n// Box sizing\r\n@mixin box-sizing($boxmodel) {\r\n -webkit-box-sizing: $boxmodel;\r\n -moz-box-sizing: $boxmodel;\r\n box-sizing: $boxmodel;\r\n}\r\n\r\n// CSS3 Content Columns\r\n@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {\r\n -webkit-column-count: $column-count;\r\n -moz-column-count: $column-count;\r\n column-count: $column-count;\r\n -webkit-column-gap: $column-gap;\r\n -moz-column-gap: $column-gap;\r\n column-gap: $column-gap;\r\n}\r\n\r\n// Optional hyphenation\r\n@mixin hyphens($mode: auto) {\r\n word-wrap: break-word;\r\n -webkit-hyphens: $mode;\r\n -moz-hyphens: $mode;\r\n -ms-hyphens: $mode; // IE10+\r\n -o-hyphens: $mode;\r\n hyphens: $mode;\r\n}\r\n\r\n// Placeholder text\r\n@mixin placeholder($color: $form-input-color-placeholder) {\r\n // Firefox\r\n &::-moz-placeholder {\r\n color: $color;\r\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\r\n }\r\n &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+\r\n &::-webkit-input-placeholder { color: $color; } // Safari and Chrome\r\n}\r\n\r\n// Transformations\r\n@mixin scale($ratio...) {\r\n -webkit-transform: scale($ratio);\r\n -ms-transform: scale($ratio); // IE9 only\r\n -o-transform: scale($ratio);\r\n transform: scale($ratio);\r\n}\r\n\r\n@mixin scaleX($ratio) {\r\n -webkit-transform: scaleX($ratio);\r\n -ms-transform: scaleX($ratio); // IE9 only\r\n -o-transform: scaleX($ratio);\r\n transform: scaleX($ratio);\r\n}\r\n@mixin scaleY($ratio) {\r\n -webkit-transform: scaleY($ratio);\r\n -ms-transform: scaleY($ratio); // IE9 only\r\n -o-transform: scaleY($ratio);\r\n transform: scaleY($ratio);\r\n}\r\n@mixin skew($x, $y) {\r\n -webkit-transform: skewX($x) skewY($y);\r\n -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\r\n -o-transform: skewX($x) skewY($y);\r\n transform: skewX($x) skewY($y);\r\n}\r\n@mixin translate($x, $y) {\r\n -webkit-transform: translate($x, $y);\r\n -ms-transform: translate($x, $y); // IE9 only\r\n -o-transform: translate($x, $y);\r\n transform: translate($x, $y);\r\n}\r\n@mixin translate3d($x, $y, $z) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n transform: translate3d($x, $y, $z);\r\n}\r\n@mixin rotate($degrees) {\r\n -webkit-transform: rotate($degrees);\r\n -ms-transform: rotate($degrees); // IE9 only\r\n -o-transform: rotate($degrees);\r\n transform: rotate($degrees);\r\n}\r\n@mixin rotateX($degrees) {\r\n -webkit-transform: rotateX($degrees);\r\n -ms-transform: rotateX($degrees); // IE9 only\r\n -o-transform: rotateX($degrees);\r\n transform: rotateX($degrees);\r\n}\r\n@mixin rotateY($degrees) {\r\n -webkit-transform: rotateY($degrees);\r\n -ms-transform: rotateY($degrees); // IE9 only\r\n -o-transform: rotateY($degrees);\r\n transform: rotateY($degrees);\r\n}\r\n@mixin perspective($perspective) {\r\n -webkit-perspective: $perspective;\r\n -moz-perspective: $perspective;\r\n perspective: $perspective;\r\n}\r\n@mixin perspective-origin($perspective) {\r\n -webkit-perspective-origin: $perspective;\r\n -moz-perspective-origin: $perspective;\r\n perspective-origin: $perspective;\r\n}\r\n@mixin transform-origin($origin) {\r\n -webkit-transform-origin: $origin;\r\n -moz-transform-origin: $origin;\r\n -ms-transform-origin: $origin; // IE9 only\r\n transform-origin: $origin;\r\n}\r\n\r\n\r\n// Transitions\r\n\r\n@mixin transition($transition...) {\r\n -webkit-transition: $transition;\r\n -o-transition: $transition;\r\n transition: $transition;\r\n}\r\n@mixin transition-property($transition-property...) {\r\n -webkit-transition-property: $transition-property;\r\n transition-property: $transition-property;\r\n}\r\n@mixin transition-delay($transition-delay) {\r\n -webkit-transition-delay: $transition-delay;\r\n transition-delay: $transition-delay;\r\n}\r\n@mixin transition-duration($transition-duration...) {\r\n -webkit-transition-duration: $transition-duration;\r\n transition-duration: $transition-duration;\r\n}\r\n@mixin transition-timing-function($timing-function) {\r\n -webkit-transition-timing-function: $timing-function;\r\n transition-timing-function: $timing-function;\r\n}\r\n@mixin transition-transform($transition...) {\r\n -webkit-transition: -webkit-transform $transition;\r\n -moz-transition: -moz-transform $transition;\r\n -o-transition: -o-transform $transition;\r\n transition: transform $transition;\r\n}\r\n\r\n\r\n// User select\r\n// For selecting text on the page\r\n\r\n@mixin user-select($select) {\r\n -webkit-user-select: $select;\r\n -moz-user-select: $select;\r\n -ms-user-select: $select; // IE10+\r\n user-select: $select;\r\n}\r\n","// stylelint-disable declaration-no-important\r\n\r\n// Contextual backgrounds\r\n\r\n@mixin bg-variant($parent, $color) {\r\n #{$parent} {\r\n background-color: $color !important;\r\n }\r\n a#{$parent} {\r\n @include hover-focus {\r\n background-color: darken($color, 10%) !important;\r\n }\r\n }\r\n}\r\n\r\n@mixin bg-gradient-variant($parent, $color) {\r\n #{$parent} {\r\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;\r\n }\r\n}\r\n","// Single side border-radius\r\n\r\n@mixin border-radius($radius: $border-radius) {\r\n @if $enable-rounded {\r\n border-radius: $radius;\r\n }\r\n}\r\n\r\n@mixin border-top-radius($radius) {\r\n @if $enable-rounded {\r\n border-top-left-radius: $radius;\r\n border-top-right-radius: $radius;\r\n }\r\n}\r\n\r\n@mixin border-right-radius($radius) {\r\n @if $enable-rounded {\r\n border-top-right-radius: $radius;\r\n border-bottom-right-radius: $radius;\r\n }\r\n}\r\n\r\n@mixin border-bottom-radius($radius) {\r\n @if $enable-rounded {\r\n border-bottom-right-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n }\r\n}\r\n\r\n@mixin border-left-radius($radius) {\r\n @if $enable-rounded {\r\n border-top-left-radius: $radius;\r\n border-bottom-left-radius: $radius;\r\n }\r\n}\r\n","@mixin box-shadow($shadow...) {\r\n @if $enable-shadows {\r\n box-shadow: $shadow;\r\n }\r\n}\r\n","// Gradients\r\n\r\n@mixin gradient-bg($color) {\r\n @if $enable-gradients {\r\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\r\n } @else {\r\n background-color: $color;\r\n }\r\n}\r\n\r\n// Horizontal gradient, from left to right\r\n//\r\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\r\n@mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\r\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\r\n background-repeat: repeat-x;\r\n}\r\n\r\n// Vertical gradient, from top to bottom\r\n//\r\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\r\n@mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {\r\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\r\n background-repeat: repeat-x;\r\n}\r\n\r\n@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {\r\n background-image: linear-gradient($deg, $start-color, $end-color);\r\n background-repeat: repeat-x;\r\n}\r\n@mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\r\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\r\n background-repeat: no-repeat;\r\n}\r\n@mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {\r\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\r\n background-repeat: no-repeat;\r\n}\r\n@mixin gradient-radial($inner-color: #555, $outer-color: #333) {\r\n background-image: radial-gradient(circle, $inner-color, $outer-color);\r\n background-repeat: no-repeat;\r\n}\r\n@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {\r\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\r\n}\r\n","@mixin transition($transition...) {\r\n @if $enable-transitions {\r\n @if length($transition) == 0 {\r\n transition: $transition-base;\r\n } @else {\r\n transition: $transition;\r\n }\r\n }\r\n}\r\n","@mixin clearfix() {\r\n &::after {\r\n display: block;\r\n clear: both;\r\n content: \"\";\r\n }\r\n}\r\n","// Framework grid generation\r\n//\r\n// Used only by Bootstrap to generate the correct number of grid classes given\r\n// any value of `$grid-columns`.\r\n\r\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\r\n // Common properties for all breakpoints\r\n %grid-column {\r\n position: relative;\r\n width: 100%;\r\n min-height: 1px; // Prevent columns from collapsing when empty\r\n padding-right: ($gutter / 2);\r\n padding-left: ($gutter / 2);\r\n }\r\n\r\n @each $breakpoint in map-keys($breakpoints) {\r\n $infix: breakpoint-infix($breakpoint, $breakpoints);\r\n\r\n // Allow columns to stretch full width below their breakpoints\r\n @for $i from 1 through $columns {\r\n .col#{$infix}-#{$i} {\r\n @extend %grid-column;\r\n }\r\n }\r\n .col#{$infix},\r\n .col#{$infix}-auto {\r\n @extend %grid-column;\r\n }\r\n\r\n @include media-breakpoint-up($breakpoint, $breakpoints) {\r\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\r\n .col#{$infix} {\r\n flex-basis: 0;\r\n flex-grow: 1;\r\n max-width: 100%;\r\n }\r\n .col#{$infix}-auto {\r\n flex: 0 0 auto;\r\n width: auto;\r\n max-width: none; // Reset earlier grid tiers\r\n }\r\n\r\n @for $i from 1 through $columns {\r\n .col#{$infix}-#{$i} {\r\n @include make-col($i, $columns);\r\n }\r\n }\r\n\r\n .order#{$infix}-first {\r\n order: -1;\r\n }\r\n\r\n @for $i from 1 through $columns {\r\n .order#{$infix}-#{$i} {\r\n order: $i;\r\n }\r\n }\r\n\r\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\r\n @for $i from 0 through ($columns - 1) {\r\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\r\n .offset#{$infix}-#{$i} {\r\n @include make-col-offset($i, $columns);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","/// Grid system\r\n//\r\n// Generate semantic grid columns with these mixins.\r\n\r\n@mixin make-container() {\r\n width: 100%;\r\n padding-right: ($grid-gutter-width / 2);\r\n padding-left: ($grid-gutter-width / 2);\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n\r\n\r\n// For each breakpoint, define the maximum width of the container in a media query\r\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\r\n @each $breakpoint, $container-max-width in $max-widths {\r\n @include media-breakpoint-up($breakpoint, $breakpoints) {\r\n max-width: $container-max-width;\r\n }\r\n }\r\n}\r\n\r\n@mixin make-row() {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-right: ($grid-gutter-width / -2);\r\n margin-left: ($grid-gutter-width / -2);\r\n}\r\n\r\n@mixin make-col-ready() {\r\n position: relative;\r\n // Prevent columns from becoming too narrow when at smaller grid tiers by\r\n // always setting `width: 100%;`. This works because we use `flex` values\r\n // later on to override this initial width.\r\n width: 100%;\r\n min-height: 1px; // Prevent collapsing\r\n padding-right: ($grid-gutter-width / 2);\r\n padding-left: ($grid-gutter-width / 2);\r\n}\r\n\r\n@mixin make-col($size, $columns: $grid-columns) {\r\n flex: 0 0 percentage($size / $columns);\r\n // Add a `max-width` to ensure content within each column does not blow out\r\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\r\n // do not appear to require this.\r\n max-width: percentage($size / $columns);\r\n}\r\n\r\n@mixin make-col-offset($size, $columns: $grid-columns) {\r\n $num: $size / $columns;\r\n margin-left: if($num == 0, 0, percentage($num));\r\n}\r\n","// stylelint-disable declaration-no-important\r\n\r\n@mixin float-left {\r\n float: left !important;\r\n}\r\n@mixin float-right {\r\n float: right !important;\r\n}\r\n@mixin float-none {\r\n float: none !important;\r\n}\r\n","// stylelint-disable declaration-no-important, selector-no-qualifying-type\r\n\r\n// Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css\r\n\r\n// ==========================================================================\r\n// Print styles.\r\n// Inlined to avoid the additional HTTP request:\r\n// http://www.phpied.com/delay-loading-your-print-css/\r\n// ==========================================================================\r\n\r\n@if $enable-print-styles {\r\n @media print {\r\n *,\r\n *::before,\r\n *::after {\r\n // Bootstrap specific; comment out `color` and `background`\r\n //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953\r\n text-shadow: none !important;\r\n //background: transparent !important;\r\n box-shadow: none !important;\r\n }\r\n\r\n a,\r\n a:visited {\r\n text-decoration: underline;\r\n }\r\n\r\n // Bootstrap specific; comment the following selector out\r\n //a[href]::after {\r\n // content: \" (\" attr(href) \")\";\r\n //}\r\n\r\n abbr[title]::after {\r\n content: \" (\" attr(title) \")\";\r\n }\r\n\r\n // Bootstrap specific; comment the following selector out\r\n //\r\n // Don't show links that are fragment identifiers,\r\n // or use the `javascript:` pseudo protocol\r\n //\r\n\r\n //a[href^=\"#\"]::after,\r\n //a[href^=\"javascript:\"]::after {\r\n // content: \"\";\r\n //}\r\n\r\n pre {\r\n white-space: pre-wrap !important;\r\n }\r\n pre,\r\n blockquote {\r\n border: $border-width solid #999; // Bootstrap custom code; using `$border-width` instead of 1px\r\n page-break-inside: avoid;\r\n }\r\n\r\n //\r\n // Printing Tables:\r\n // http://css-discuss.incutio.com/wiki/Printing_Tables\r\n //\r\n\r\n thead {\r\n display: table-header-group;\r\n }\r\n\r\n tr,\r\n img {\r\n page-break-inside: avoid;\r\n }\r\n\r\n p,\r\n h2,\r\n h3 {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h2,\r\n h3 {\r\n page-break-after: avoid;\r\n }\r\n\r\n // Bootstrap specific changes start\r\n\r\n // Bootstrap components\r\n .navbar {\r\n display: none;\r\n }\r\n .badge {\r\n border: $border-width solid #000;\r\n }\r\n\r\n .table {\r\n border-collapse: collapse !important;\r\n\r\n td,\r\n th {\r\n background-color: #fff !important;\r\n }\r\n }\r\n .table-bordered {\r\n th,\r\n td {\r\n border: 1px solid #ddd !important;\r\n }\r\n }\r\n\r\n // Bootstrap specific changes end\r\n }\r\n}\r\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\r\n\r\n// Reboot\r\n//\r\n// Normalization of HTML elements, manually forked from Normalize.css to remove\r\n// styles targeting irrelevant browsers while applying new styles.\r\n//\r\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\r\n\r\n\r\n// Document\r\n//\r\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\r\n// 2. Change the default font family in all browsers.\r\n// 3. Correct the line height in all browsers.\r\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\r\n// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so\r\n// we force a non-overlapping, non-auto-hiding scrollbar to counteract.\r\n// 6. Change the default tap highlight to be completely transparent in iOS.\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box; // 1\r\n} \r\n\r\nhtml {\r\n font-family: sans-serif; // 2\r\n line-height: 1.15; // 3\r\n -webkit-text-size-adjust: 100%; // 4\r\n -ms-text-size-adjust: 100%; // 4\r\n -ms-overflow-style: scrollbar; // 5\r\n -webkit-tap-highlight-color: rgba(0,0,0,0); // 6\r\n}\r\n\r\n// IE10+ doesn't honor `` in some cases.\r\n@at-root {\r\n @-ms-viewport {\r\n width: device-width;\r\n }\r\n}\r\n\r\n// stylelint-disable selector-list-comma-newline-after\r\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\r\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\r\n display: block;\r\n}\r\n// stylelint-enable selector-list-comma-newline-after\r\n\r\n// Body\r\n//\r\n// 1. Remove the margin in all browsers.\r\n// 2. As a best practice, apply a default `background-color`.\r\n// 3. Set an explicit initial text-align value so that we can later use the\r\n// the `inherit` value on things like ` ` elements.\r\n\r\nbody {\r\n margin: 0; // 1\r\n font-family: $font-family-base;\r\n font-size: $font-size-base;\r\n font-weight: $font-weight-base;\r\n line-height: $line-height-base;\r\n color: $body-color;\r\n text-align: left; // 3\r\n background-color: $body-bg; // 2\r\n}\r\n\r\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\r\n// This prevents an unwanted focus outline from appearing around elements that\r\n// might still respond to pointer events.\r\n//\r\n// Credit: https://github.com/suitcss/base\r\n[tabindex=\"-1\"]:focus {\r\n outline: none !important;\r\n}\r\n\r\n\r\n// Content grouping\r\n//\r\n// 1. Add the correct box sizing in Firefox.\r\n// 2. Show the overflow in Edge and IE.\r\n\r\nhr {\r\n box-sizing: content-box; // 1\r\n height: 0; // 1\r\n overflow: visible; // 2\r\n}\r\n\r\n\r\n//\r\n// Typography\r\n//\r\n\r\n// Remove top margins from headings\r\n//\r\n// By default, ``-`` all receive top and bottom margins. We nuke the top\r\n// margin for easier control within type scales as it avoids margin collapsing.\r\n// stylelint-disable selector-list-comma-newline-after\r\nh1, h2, h3, h4, h5, h6 {\r\n margin-top: 0;\r\n margin-bottom: $headings-margin-bottom;\r\n}\r\n// stylelint-enable selector-list-comma-newline-after\r\n\r\n// Reset margins on paragraphs\r\n//\r\n// Similarly, the top margin on `
`s get reset. However, we also reset the\r\n// bottom margin to use `rem` units instead of `em`.\r\np {\r\n margin-top: 0;\r\n margin-bottom: $paragraph-margin-bottom;\r\n}\r\n\r\n// Abbreviations\r\n//\r\n// 1. Remove the bottom border in Firefox 39-.\r\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\r\n// 3. Add explicit cursor to indicate changed behavior.\r\n// 4. Duplicate behavior to the data-* attribute for our tooltip plugin\r\n\r\nabbr[title],\r\nabbr[data-original-title] { // 4\r\n text-decoration: underline; // 2\r\n text-decoration: underline dotted; // 2\r\n cursor: help; // 3\r\n border-bottom: 0; // 1\r\n}\r\n\r\naddress {\r\n margin-bottom: 1rem;\r\n font-style: normal;\r\n line-height: inherit;\r\n}\r\n\r\nol,\r\nul,\r\ndl {\r\n margin-top: 0;\r\n margin-bottom: 1rem;\r\n}\r\n\r\nol ol,\r\nul ul,\r\nol ul,\r\nul ol {\r\n margin-bottom: 0;\r\n}\r\n\r\ndt {\r\n font-weight: $dt-font-weight;\r\n}\r\n\r\ndd {\r\n margin-bottom: .5rem;\r\n margin-left: 0; // Undo browser default\r\n}\r\n\r\nblockquote {\r\n margin: 0 0 1rem;\r\n}\r\n\r\ndfn {\r\n font-style: italic; // Add the correct font style in Android 4.3-\r\n}\r\n\r\n// stylelint-disable font-weight-notation\r\nb,\r\nstrong {\r\n font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari\r\n}\r\n// stylelint-enable font-weight-notation\r\n\r\nsmall {\r\n font-size: 80%; // Add the correct font size in all browsers\r\n}\r\n\r\n//\r\n// Prevent `sub` and `sup` elements from affecting the line height in\r\n// all browsers.\r\n//\r\n\r\nsub,\r\nsup {\r\n position: relative;\r\n font-size: 75%;\r\n line-height: 0;\r\n vertical-align: baseline;\r\n}\r\n\r\nsub { bottom: -.25em; }\r\nsup { top: -.5em; }\r\n\r\n\r\n//\r\n// Links\r\n//\r\n\r\na {\r\n color: $link-color;\r\n text-decoration: $link-decoration;\r\n background-color: transparent; // Remove the gray background on active links in IE 10.\r\n -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.\r\n\r\n @include hover {\r\n color: $link-hover-color;\r\n text-decoration: $link-hover-decoration;\r\n }\r\n}\r\n\r\n// And undo these styles for placeholder links/named anchors (without href)\r\n// which have not been made explicitly keyboard-focusable (without tabindex).\r\n// It would be more straightforward to just use a[href] in previous block, but that\r\n// causes specificity issues in many other styles that are too complex to fix.\r\n// See https://github.com/twbs/bootstrap/issues/19402\r\n\r\na:not([href]):not([tabindex]) {\r\n color: inherit;\r\n text-decoration: none;\r\n\r\n @include hover-focus {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n &:focus {\r\n outline: 0;\r\n }\r\n}\r\n\r\n\r\n//\r\n// Code\r\n//\r\n\r\n// stylelint-disable font-family-no-duplicate-names\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.\r\n font-size: 1em; // Correct the odd `em` font sizing in all browsers.\r\n}\r\n// stylelint-enable font-family-no-duplicate-names\r\n\r\npre {\r\n // Remove browser default top margin\r\n margin-top: 0;\r\n // Reset browser default of `1em` to use `rem`s\r\n margin-bottom: 1rem;\r\n // Don't allow content to break outside\r\n overflow: auto;\r\n // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so\r\n // we force a non-overlapping, non-auto-hiding scrollbar to counteract.\r\n -ms-overflow-style: scrollbar;\r\n}\r\n\r\n\r\n//\r\n// Figures\r\n//\r\n\r\nfigure {\r\n // Apply a consistent margin strategy (matches our type styles).\r\n margin: 0 0 1rem;\r\n}\r\n\r\n\r\n//\r\n// Images and content\r\n//\r\n\r\nimg {\r\n vertical-align: middle;\r\n border-style: none; // Remove the border on images inside links in IE 10-.\r\n}\r\n\r\nsvg:not(:root) {\r\n overflow: hidden; // Hide the overflow in IE\r\n}\r\n\r\n\r\n// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.\r\n//\r\n// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11\r\n// DON'T remove the click delay when `` is present.\r\n// However, they DO support removing the click delay via `touch-action: manipulation`.\r\n// See:\r\n// * https://getbootstrap.com/docs/4.0/content/reboot/#click-delay-optimization-for-touch\r\n// * https://caniuse.com/#feat=css-touch-action\r\n// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay\r\n\r\na,\r\narea,\r\nbutton,\r\n[role=\"button\"],\r\ninput:not([type=\"range\"]),\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea {\r\n touch-action: manipulation;\r\n}\r\n\r\n\r\n//\r\n// Tables\r\n//\r\n\r\ntable {\r\n border-collapse: collapse; // Prevent double borders\r\n}\r\n\r\ncaption {\r\n padding-top: $table-cell-padding;\r\n padding-bottom: $table-cell-padding;\r\n color: $text-muted;\r\n text-align: left;\r\n caption-side: bottom;\r\n}\r\n\r\nth {\r\n // Matches default `
` alignment by inheriting from the ``, or the\r\n // closest parent with a set `text-align`.\r\n text-align: inherit;\r\n}\r\n\r\n\r\n//\r\n// Forms\r\n//\r\n\r\nlabel {\r\n // Allow labels to use `margin` for spacing.\r\n display: inline-block;\r\n margin-bottom: .5rem;\r\n}\r\n\r\n// Remove the default `border-radius` that macOS Chrome adds.\r\n//\r\n// Details at https://github.com/twbs/bootstrap/issues/24093\r\nbutton {\r\n border-radius: 0;\r\n}\r\n\r\n// Work around a Firefox/IE bug where the transparent `button` background\r\n// results in a loss of the default `button` focus styles.\r\n//\r\n// Credit: https://github.com/suitcss/base/\r\nbutton:focus {\r\n outline: 1px dotted;\r\n outline: 5px auto -webkit-focus-ring-color;\r\n}\r\n\r\ninput,\r\nbutton,\r\nselect,\r\noptgroup,\r\ntextarea {\r\n margin: 0; // Remove the margin in Firefox and Safari\r\n font-family: inherit;\r\n font-size: inherit;\r\n line-height: inherit;\r\n}\r\n\r\nbutton,\r\ninput {\r\n overflow: visible; // Show the overflow in Edge\r\n}\r\n\r\nbutton,\r\nselect {\r\n text-transform: none; // Remove the inheritance of text transform in Firefox\r\n}\r\n\r\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\r\n// controls in Android 4.\r\n// 2. Correct the inability to style clickable types in iOS and Safari.\r\nbutton,\r\nhtml [type=\"button\"], // 1\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button; // 2\r\n}\r\n\r\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n padding: 0;\r\n border-style: none;\r\n}\r\n\r\ninput[type=\"radio\"],\r\ninput[type=\"checkbox\"] {\r\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\r\n padding: 0; // 2. Remove the padding in IE 10-\r\n}\r\n\r\n\r\ninput[type=\"date\"],\r\ninput[type=\"time\"],\r\ninput[type=\"datetime-local\"],\r\ninput[type=\"month\"] {\r\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\r\n // bug where setting a custom line-height prevents text from being vertically\r\n // centered within the input.\r\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\r\n // and https://github.com/twbs/bootstrap/issues/11266\r\n -webkit-appearance: listbox;\r\n}\r\n\r\ntextarea {\r\n overflow: auto; // Remove the default vertical scrollbar in IE.\r\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\r\n resize: vertical;\r\n}\r\n\r\nfieldset {\r\n // Browsers set a default `min-width: min-content;` on fieldsets,\r\n // unlike e.g. ``s, which have `min-width: 0;` by default.\r\n // So we reset that to ensure fieldsets behave more like a standard block element.\r\n // See https://github.com/twbs/bootstrap/issues/12359\r\n // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\r\n min-width: 0;\r\n // Reset the default outline behavior of fieldsets so they don't affect page layout.\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE.\r\n// 2. Correct the color inheritance from `fieldset` elements in IE.\r\nlegend {\r\n display: block;\r\n width: 100%;\r\n max-width: 100%; // 1\r\n padding: 0;\r\n margin-bottom: .5rem;\r\n font-size: 1.5rem;\r\n line-height: inherit;\r\n color: inherit; // 2\r\n white-space: normal; // 1\r\n}\r\n\r\nprogress {\r\n vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Chrome.\r\n[type=\"number\"]::-webkit-inner-spin-button,\r\n[type=\"number\"]::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n[type=\"search\"] {\r\n // This overrides the extra rounded corners on search inputs in iOS so that our\r\n // `.form-input` class can properly style them. Note that this cannot simply\r\n // be added to `.form-input` as it's not specific enough. For details, see\r\n // https://github.com/twbs/bootstrap/issues/11586.\r\n outline-offset: -2px; // 2. Correct the outline style in Safari.\r\n -webkit-appearance: none;\r\n}\r\n\r\n//\r\n// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\r\n//\r\n\r\n[type=\"search\"]::-webkit-search-cancel-button,\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n//\r\n// 1. Correct the inability to style clickable types in iOS and Safari.\r\n// 2. Change font properties to `inherit` in Safari.\r\n//\r\n\r\n::-webkit-file-upload-button {\r\n font: inherit; // 2\r\n -webkit-appearance: button; // 1\r\n}\r\n\r\n//\r\n// Correct element displays\r\n//\r\n\r\noutput {\r\n display: inline-block;\r\n}\r\n\r\nsummary {\r\n display: list-item; // Add the correct display in all browsers\r\n}\r\n\r\ntemplate {\r\n display: none; // Add the correct display in IE\r\n}\r\n\r\n// Always hide an element with the `hidden` HTML attribute (from PureCSS).\r\n// Needed for proper display in IE 10-.\r\n[hidden] {\r\n display: none !important;\r\n}\r\n","// stylelint-disable declaration-no-important, selector-list-comma-newline-after\r\n\r\n//\r\n// Headings\r\n//\r\n\r\nh1, h2, h3, h4, h5, h6,\r\n.h1, .h2, .h3, .h4, .h5, .h6 {\r\n margin-bottom: $headings-margin-bottom;\r\n font-family: $headings-font-family;\r\n font-weight: $headings-font-weight;\r\n line-height: $headings-line-height;\r\n color: $headings-color;\r\n}\r\n\r\nh1, .h1 { font-size: $h1-font-size; }\r\nh2, .h2 { font-size: $h2-font-size; }\r\nh3, .h3 { font-size: $h3-font-size; }\r\nh4, .h4 { font-size: $h4-font-size; }\r\nh5, .h5 { font-size: $h5-font-size; }\r\nh6, .h6 { font-size: $h6-font-size; }\r\n\r\n.lead {\r\n font-size: $lead-font-size;\r\n font-weight: $lead-font-weight;\r\n}\r\n\r\n// Type display classes\r\n.display-1 {\r\n font-size: $display1-size;\r\n font-weight: $display1-weight;\r\n line-height: $display-line-height;\r\n}\r\n.display-2 {\r\n font-size: $display2-size;\r\n font-weight: $display2-weight;\r\n line-height: $display-line-height;\r\n}\r\n.display-3 {\r\n font-size: $display3-size;\r\n font-weight: $display3-weight;\r\n line-height: $display-line-height;\r\n}\r\n.display-4 {\r\n font-size: $display4-size;\r\n font-weight: $display4-weight;\r\n line-height: $display-line-height;\r\n}\r\n\r\n\r\n//\r\n// Horizontal rules\r\n//\r\n\r\nhr {\r\n margin-top: 1rem;\r\n margin-bottom: 1rem;\r\n border: 0;\r\n border-top: $hr-border-width solid $hr-border-color;\r\n}\r\n\r\n\r\n//\r\n// Emphasis\r\n//\r\n\r\nsmall,\r\n.small {\r\n font-size: $small-font-size;\r\n font-weight: $font-weight-normal;\r\n}\r\n\r\nmark,\r\n.mark {\r\n padding: $mark-padding;\r\n background-color: $mark-bg;\r\n}\r\n\r\n\r\n//\r\n// Lists\r\n//\r\n\r\n.list-unstyled {\r\n @include list-unstyled;\r\n}\r\n\r\n// Inline turns list items into inline-block\r\n.list-inline {\r\n @include list-unstyled;\r\n}\r\n.list-inline-item {\r\n display: inline-block;\r\n\r\n &:not(:last-child) {\r\n margin-right: $list-inline-padding;\r\n }\r\n}\r\n\r\n\r\n//\r\n// Misc\r\n//\r\n\r\n// Builds on `abbr`\r\n.initialism {\r\n font-size: 90%;\r\n text-transform: uppercase;\r\n}\r\n\r\n// Blockquotes\r\n.blockquote {\r\n margin-bottom: $spacer;\r\n font-size: $blockquote-font-size;\r\n}\r\n\r\n.blockquote-footer {\r\n display: block;\r\n font-size: 80%; // back to default font-size\r\n color: $blockquote-small-color;\r\n\r\n &::before {\r\n content: \"\\2014 \\00A0\"; // em dash, nbsp\r\n }\r\n}\r\n","// Responsive images (ensure images don't scale beyond their parents)\r\n//\r\n// This is purposefully opt-in via an explicit class rather than being the default for all `
`s.\r\n// We previously tried the \"images are responsive by default\" approach in Bootstrap v2,\r\n// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)\r\n// which weren't expecting the images within themselves to be involuntarily resized.\r\n// See also https://github.com/twbs/bootstrap/issues/18178\r\n.img-fluid {\r\n @include img-fluid;\r\n}\r\n\r\n\r\n// Image thumbnails\r\n.img-thumbnail {\r\n padding: $thumbnail-padding;\r\n background-color: $thumbnail-bg;\r\n border: $thumbnail-border-width solid $thumbnail-border-color;\r\n @include border-radius($thumbnail-border-radius);\r\n @include transition($thumbnail-transition);\r\n box-shadow: $thumbnail-box-shadow;\r\n\r\n // Keep them at most 100% wide\r\n @include img-fluid;\r\n}\r\n\r\n//\r\n// Figures\r\n//\r\n\r\n.figure {\r\n // Ensures the caption's text aligns with the image.\r\n display: inline-block;\r\n}\r\n\r\n.figure-img {\r\n margin-bottom: ($spacer / 2);\r\n line-height: 1;\r\n}\r\n\r\n.figure-caption {\r\n font-size: $figure-caption-font-size;\r\n color: $figure-caption-color;\r\n}\r\n","// Inline and block code styles\r\ncode,\r\nkbd,\r\npre,\r\nsamp {\r\n font-family: $font-family-monospace;\r\n}\r\n\r\n// Inline code\r\ncode {\r\n padding: $code-padding-y $code-padding-x;\r\n font-size: $code-font-size;\r\n color: $code-color;\r\n background-color: $code-bg;\r\n @include border-radius($border-radius);\r\n\r\n // Streamline the style when inside anchors to avoid broken underline and more\r\n a > & {\r\n padding: 0;\r\n color: inherit;\r\n background-color: inherit;\r\n }\r\n}\r\n\r\n// User input typically entered via keyboard\r\nkbd {\r\n padding: $code-padding-y $code-padding-x;\r\n font-size: $code-font-size;\r\n color: $kbd-color;\r\n background-color: $kbd-bg;\r\n @include border-radius($border-radius-sm);\r\n box-shadow: $kbd-box-shadow;\r\n\r\n kbd {\r\n padding: 0;\r\n font-size: 100%;\r\n font-weight: $nested-kbd-font-weight;\r\n box-shadow: none;\r\n }\r\n}\r\n\r\n// Blocks of code\r\npre {\r\n display: block;\r\n margin-top: 0;\r\n margin-bottom: 1rem;\r\n font-size: $code-font-size;\r\n color: $pre-color;\r\n\r\n // Account for some code outputs that place code tags in pre tags\r\n code {\r\n padding: 0;\r\n font-size: inherit;\r\n color: inherit;\r\n background-color: transparent;\r\n border-radius: 0;\r\n }\r\n}\r\n\r\n// Enable scrollable blocks of code\r\n.pre-scrollable {\r\n max-height: $pre-scrollable-max-height;\r\n overflow-y: scroll;\r\n}\r\n","// Container widths\r\n//\r\n// Set the container width, and override it for fixed navbars in media queries.\r\n\r\n@if $enable-grid-classes {\r\n .container {\r\n @include make-container();\r\n @include make-container-max-widths();\r\n }\r\n}\r\n\r\n// Fluid container\r\n//\r\n// Utilizes the mixin meant for fixed width containers, but with 100% width for\r\n// fluid, full width layouts.\r\n\r\n@if $enable-grid-classes {\r\n .container-fluid {\r\n @include make-container();\r\n }\r\n}\r\n\r\n// Row\r\n//\r\n// Rows contain and clear the floats of your columns.\r\n\r\n@if $enable-grid-classes {\r\n .row {\r\n @include make-row();\r\n }\r\n\r\n // Remove the negative margin from default .row, then the horizontal padding\r\n // from all immediate children columns (to prevent runaway style inheritance).\r\n .no-gutters {\r\n margin-right: 0;\r\n margin-left: 0;\r\n\r\n > .col,\r\n > [class*=\"col-\"] {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n }\r\n}\r\n\r\n// Columns\r\n//\r\n// Common styles for small and large grid columns\r\n\r\n@if $enable-grid-classes {\r\n @include make-grid-columns();\r\n}\r\n","//\r\n// Basic Bootstrap table\r\n//\r\n\r\n.table {\r\n width: 100%;\r\n max-width: 100%;\r\n margin-bottom: $spacer;\r\n background-color: $table-bg; // Reset for nesting within parents with `background-color`.\r\n\r\n th,\r\n td {\r\n padding: $table-cell-padding;\r\n vertical-align: top;\r\n border-top: $table-border-width solid $table-border-color;\r\n }\r\n\r\n thead th {\r\n vertical-align: bottom;\r\n border-bottom: (2 * $table-border-width) solid $table-border-color;\r\n }\r\n\r\n tbody + tbody {\r\n border-top: (2 * $table-border-width) solid $table-border-color;\r\n }\r\n\r\n .table {\r\n background-color: $body-bg;\r\n }\r\n}\r\n\r\n\r\n//\r\n// Condensed table w/ half padding\r\n//\r\n\r\n.table-sm {\r\n th,\r\n td {\r\n padding: $table-cell-padding-sm;\r\n }\r\n}\r\n\r\n\r\n// Bordered version\r\n//\r\n// Add borders all around the table and between all the columns.\r\n\r\n.table-bordered {\r\n border: $table-border-width solid $table-border-color;\r\n\r\n th,\r\n td {\r\n border: $table-border-width solid $table-border-color;\r\n }\r\n\r\n thead {\r\n th,\r\n td {\r\n border-bottom-width: (2 * $table-border-width);\r\n }\r\n }\r\n}\r\n\r\n\r\n// Zebra-striping\r\n//\r\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\r\n\r\n.table-striped {\r\n tbody tr:nth-of-type(odd) {\r\n background-color: $table-accent-bg;\r\n }\r\n}\r\n\r\n\r\n// Hover effect\r\n//\r\n// Placed here since it has to come after the potential zebra striping\r\n\r\n.table-hover {\r\n tbody tr {\r\n @include hover {\r\n background-color: $table-hover-bg;\r\n }\r\n }\r\n}\r\n\r\n\r\n// Table backgrounds\r\n//\r\n// Exact selectors below required to override `.table-striped` and prevent\r\n// inheritance to nested tables.\r\n\r\n@each $color, $value in $theme-colors {\r\n @include table-row-variant($color, theme-color-level($color, -9));\r\n}\r\n\r\n@include table-row-variant(active, $table-active-bg);\r\n\r\n\r\n// Dark styles\r\n//\r\n// Same table markup, but inverted color scheme: dark background and light text.\r\n\r\n// stylelint-disable-next-line no-duplicate-selectors\r\n.table {\r\n .thead-dark {\r\n th {\r\n color: $table-dark-color;\r\n background-color: $table-dark-bg;\r\n border-color: $table-dark-border-color;\r\n }\r\n }\r\n\r\n .thead-light {\r\n th {\r\n color: $table-head-color;\r\n background-color: $table-head-bg;\r\n border-color: $table-border-color;\r\n }\r\n }\r\n}\r\n\r\n.table-dark {\r\n color: $table-dark-color;\r\n background-color: $table-dark-bg;\r\n\r\n th,\r\n td,\r\n thead th {\r\n border-color: $table-dark-border-color;\r\n }\r\n\r\n &.table-bordered {\r\n border: 0;\r\n }\r\n\r\n &.table-striped {\r\n tbody tr:nth-of-type(odd) {\r\n background-color: $table-dark-accent-bg;\r\n }\r\n }\r\n\r\n &.table-hover {\r\n tbody tr {\r\n @include hover {\r\n background-color: $table-dark-hover-bg;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n// Responsive tables\r\n//\r\n// Generate series of `.table-responsive-*` classes for configuring the screen\r\n// size of where your table will overflow.\r\n\r\n.table-responsive {\r\n @each $breakpoint in map-keys($grid-breakpoints) {\r\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\r\n $infix: breakpoint-infix($next, $grid-breakpoints);\r\n\r\n {$infix} {\r\n @include media-breakpoint-down($breakpoint) {\r\n display: block;\r\n width: 100%;\r\n overflow-x: auto;\r\n -webkit-overflow-scrolling: touch;\r\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\r\n\r\n // Prevent double border on horizontal scroll due to use of `display: block;`\r\n &.table-bordered {\r\n border: 0;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n","// stylelint-disable selector-no-qualifying-type\r\n\r\n//\r\n// Textual form controls\r\n//\r\n\r\n.form-input {\r\n display: block;\r\n width: 100%;\r\n padding: $input-btn-padding-y $input-btn-padding-x;\r\n font-size: $font-size-base;\r\n line-height: $input-btn-line-height;\r\n color: $form-input-color;\r\n background-color: $form-input-background;\r\n // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.\r\n background-image: none;\r\n background-clip: padding-box;\r\n border: $input-btn-border-width solid $form-input-border-color-color;\r\n\r\n // Note: This has no effect on