{"version":3,"sources":["webpack:///./assets/scss/settings/_theme.scss","webpack:///./assets/scss/debug.scss","webpack:///./node_modules/bootstrap/scss/mixins/_breakpoints.scss"],"names":[],"mappings":"AAicA,KACE,wBChcF,CAKA,WACI,eACA,gBACA,cACA,uFACA,mBACA,cACA,gBACA,WACA,oCACA,sBAIQ,YAEZ,CCwCI,yBDxDJ,WAcY,YAMV,CACF,CCmCI,yBDxDJ,WAcY,YAWV,CACF,CC8BI,yBDxDJ,WAcY,YAgBV,CACF,CCyBI,0BDxDJ,WAcY,YAqBV,CACF,CCoBI,0BDxDJ,WAcY,aA0BV,CACF","file":"css/debug.css","sourcesContent":["@function asset-path($path) {\n    @return \"/wp-content/themes/strom/public\"+$path;\n}\n\n//-----------------------------------------------------\n// Options\n//-----------------------------------------------------\n$enable-caret:                true;\n$enable-rounded:              true;\n$enable-shadows:              false;\n$enable-gradients:            false;\n$enable-transitions:          true;\n$enable-reduced-motion:       true;\n$enable-smooth-scroll:        true;\n$enable-grid-classes:         true;\n$enable-button-pointers:      true;\n$enable-rfs:                  true;\n$enable-validation-icons:     false;\n$enable-negative-margins:     false;\n$enable-deprecation-messages: false;\n$enable-important-utilities:  true;\n\n\n//-----------------------------------------------------\n// Colors\n//-----------------------------------------------------\n$white:    #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black:    #000 !default;\n\n$blue:     #0d6efd !default;\n$indigo:   #6610f2 !default;\n$purple:   #6f42c1 !default;\n$pink:     #d63384 !default;\n$red:      #E70842;\n$red-dark: #E70842;\n$orange:   #fd7e14 !default;\n$yellow:   #ffc107 !default;\n$green:    #4fc18b; // #198754 !default;\n$teal:     #20c997 !default;\n$cyan:     #0dcaf0 !default;\n\n$colors: (\n  \"blue\":       $blue,\n  \"indigo\":     $indigo,\n  \"purple\":     $purple,\n  \"pink\":       $pink,\n  \"red\":        $red,\n  \"orange\":     $orange,\n  \"yellow\":     $yellow,\n  \"green\":      $green,\n  \"teal\":       $teal,\n  \"cyan\":       $cyan,\n  \"white\":      $white,\n  \"gray\":       $gray-600,\n  \"gray-dark\":  $gray-800\n) !default;\n\n$primary:       #95C11F;\n$secondary:     #225D54;\n$success:       $green !default;\n$info:          $cyan !default;\n$warning:       $yellow !default;\n$danger:        $red !default;\n$light:         #ffffff;\n$dark:          $gray-900 !default;\n\n$theme-colors: (\n  \"primary\":    $primary,\n  \"secondary\":  $secondary,\n  \"success\":    $success,\n  \"info\":       $info,\n  \"warning\":    $warning,\n  \"danger\":     $danger,\n  \"light\":      $light,\n  \"dark\":       $dark,\n  \"red\":        $red,\n  \"red-dark\":   $red-dark\n) !default;\n\n//-----------------------------------------------------\n// Spacing\n//-----------------------------------------------------\n$spacer:                    1.875rem; // 30px with base 16px\n\n//-----------------------------------------------------\n// Border\n//-----------------------------------------------------\n$border-width:              1px !default;\n\n//-----------------------------------------------------\n// Body\n//-----------------------------------------------------\n$body-bg:                   $gray-400;\n$body-color:                $black;\n\n//-----------------------------------------------------\n// Links\n//-----------------------------------------------------\n$link-color:                $red;\n$link-decoration:           none;\n$link-hover-color:          $secondary;\n$link-hover-decoration:     none;\n\n\n//-----------------------------------------------------\n// Grid\n//-----------------------------------------------------\n$grid-columns:              24;\n$grid-gutter-width:         30px;\n$grid-row-columns:          12;\n\n//-----------------------------------------------------\n// Typography\n//-----------------------------------------------------\n\n$font-family-heading:       \"Montserrat\", serif;\n$font-family-sans-serif:    \"Montserrat\", serif;\n$font-family-monospace:     SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n$font-family-base:          $font-family-sans-serif;\n\n$font-size-base:            rem(15px);\n$font-size-lg:              rem(20px);\n$font-size-sm:              rem(14px);\n$font-size-xs:              rem(12px);\n\n$font-weight-lighter:       lighter;\n$font-weight-light:         300;\n$font-weight-normal:        400;\n$font-weight-bold:          700;\n$font-weight-bolder:        900; //bolder;\n\n$font-weight-base:          $font-weight-normal;\n$line-height-base:          1.5;\n\n$h1-font-size:              rem(60px);\n$h2-font-size:              rem(42px);\n$h3-font-size:              rem(28px);\n$h4-font-size:              rem(24px);\n$h5-font-size:              rem(20px);\n$h6-font-size:              rem(16px);\n\n$headings-margin-bottom:    1.2rem;\n$headings-font-family:      $font-family-heading;\n$headings-font-weight:      $font-weight-bold;\n$headings-line-height:      1;\n$headings-color:            $body-color;\n\n$display-font-sizes: (\n  1: rem(96px),\n  2: rem(88px),\n  3: rem(72px),\n  4: rem(56px)\n);\n\n$display-font-weight: $font-weight-normal;\n$display-line-height: 1;\n\n$paragraph-margin-bottom:   $spacer;\n\n\n//-----------------------------------------------------\n// Components\n//-----------------------------------------------------\n$border-radius:             100px;\n$border-radius-lg:          100px;\n$border-radius-sm:          100px;\n\n$border-color:              rgba(8, 40, 53, 0.2);\n\n$transition-base:           all .2s ease-in-out;\n$transition-fade:           opacity .15s linear;\n$transition-collapse:       opacity 1.35s ease;\n\n$component-active-color:    white;\n$component-active-bg:       $primary;\n\n$modal-backdrop-bg:         $primary;\n$modal-backdrop-opacity:    .9;\n\n\n//-----------------------------------------------------\n// Pagination\n//-----------------------------------------------------\n$pagination-color:                  $primary;\n$pagination-bg:                     transparent;\n$pagination-border-width:           1px;\n$pagination-border-radius:          false;\n$pagination-margin-left:            10px;\n$pagination-border-color:           transparent;\n$pagination-focus-box-shadow:       none;\n$pagination-focus-outline:          0;\n$pagination-hover-color:            $primary;\n$pagination-hover-bg:               transparent;\n$pagination-hover-border-color:     transparent;\n$pagination-active-color:           white;\n$pagination-active-bg:              transparent;\n$pagination-active-border-color:    transparent;\n$pagination-padding-y:              .5rem;\n$pagination-padding-x:              .5rem;\n$pagination-padding-y-sm:           .25rem;\n$pagination-padding-x-sm:           .25rem;\n$pagination-padding-y-lg:           .75rem;\n$pagination-padding-x-lg:           .75rem;\n$pagination-line-height:            1;\n\n//-----------------------------------------------------\n// Buttons\n//-----------------------------------------------------\n$btn-padding-y:               rem(10px);\n$btn-padding-x:               rem(22px);\n$btn-font-family:             $font-family-heading;\n$btn-font-weight:             $font-weight-normal;\n$btn-font-size:               rem(14px);\n$btn-line-height:             rem(20px);\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\n$btn-border-width:            2px;\n\n$btn-padding-y-sm:            rem(6px);\n$btn-padding-x-sm:            rem(26px);\n$btn-font-size-sm:            rem(14px);\n$btn-line-height-sm:          rem(20px);\n\n$btn-padding-y-lg:            rem(15px);\n$btn-padding-x-lg:            rem(27.5px);\n$btn-font-size-lg:            rem(18px);\n$btn-line-height-lg:          rem(20px);\n\n$btn-border-radius:           29px;\n$btn-border-radius-sm:        29px;\n$btn-border-radius-lg:        29px;\n\n\n//-----------------------------------------------------\n// Form\n//-----------------------------------------------------\n\n$form-label-margin-bottom:  8px;\n$form-label-font-size:      14px;\n// $form-label-font-style:     null !default;\n$form-label-font-weight:    $font-weight-bolder;\n// $form-label-color:          null !default;\n\n$input-bg:                  $white;\n$input-color:               $primary;\n$input-font-size:           20px;\n$input-border-color:        transparent; // $border-color;\n$input-disabled-bg:         $body-bg;\n$input-padding-x:           rem(20px);\n$input-padding-y:           rem(16px);\n\n$input-border-radius:       29px;\n$input-border-radius-sm:    29px;\n$input-border-radius-lg:    29px;\n\n$text-muted:                rgba($primary, 30%);\n\n$form-check-input-checked-color:          $white; // $component-active-color !default;\n$form-check-input-checked-bg-color:       $red; // $component-active-bg !default;\n$form-check-input-checked-border-color:   $red; // $form-check-input-checked-bg-color !default;\n\n//-----------------------------------------------------\n// Alert\n//-----------------------------------------------------\n$alert-padding-y:               18px; //$spacer !default;\n$alert-padding-x:               21px; // $spacer !default;\n// $alert-margin-bottom:           1rem !default;\n$alert-border-radius:           10px; //$border-radius !default;\n// $alert-link-font-weight:        $font-weight-bold !default;\n// $alert-border-width:            $border-width !default;\n$alert-bg-scale:                0%; // -80% !default;\n$alert-border-scale:            0%; // -70% !default;\n// $alert-color-scale:             40% !default;\n// $alert-dismissible-padding-r:   $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side\n\n\n//-----------------------------------------------------\n// Breadcrumb\n//-----------------------------------------------------\n$breadcrumb-divider:                quote(\">\");\n$breadcrumb-divider-color:          $red;\n$breadcrumb-active-color:           $white;\n\n//-----------------------------------------------------\n// List group\n//-----------------------------------------------------\n$list-group-color:                  $white;\n$list-group-bg:                     transparent;\n$list-group-border-color:           #132f4a; // rgba($red, .4); // rgba($secondary, .125);\n$list-group-border-width:           2px; // $border-width;\n$list-group-border-radius:          8px;\n\n$list-group-item-padding-y:         14px;\n$list-group-item-padding-x:         20px;\n$list-group-item-bg-scale:          -80%;\n$list-group-item-color-scale:       40%;\n\n$list-group-hover-bg:               transparent;\n$list-group-active-color:           $red;\n$list-group-active-bg:              transparent;\n$list-group-active-border-color:    #132f4a;\n\n$list-group-disabled-color:         $gray-600;\n$list-group-disabled-bg:            $list-group-bg;\n\n$list-group-action-color:           $white;\n$list-group-action-hover-color:     $red;\n\n$list-group-action-active-color:    $white;\n$list-group-action-active-bg:       $red;\n\n//-----------------------------------------------------\n// Badge\n//-----------------------------------------------------\n$badge-font-size:                   .75em;\n$badge-font-weight:                 $font-weight-bold;\n$badge-color:                       $white;\n$badge-padding-y:                   .35em;\n$badge-padding-x:                   .65em;\n$badge-border-radius:               8px;\n\n//-----------------------------------------------------\n// Toasts\n//-----------------------------------------------------\n$toast-max-width:                   100%;\n$toast-padding-x:                   .75rem;\n$toast-padding-y:                   .5rem;\n$toast-font-size:                   .875rem;\n$toast-color:                       $white;\n$toast-background-color:            #132f4a;\n$toast-border-width:                1px;\n$toast-border-color:                #132f4a;\n$toast-border-radius:               8px;\n$toast-box-shadow:                  0 0 0.3rem rgba(#000, 0.2); // $box-shadow;\n// $toast-spacing:                     $container-padding-x;\n\n$toast-header-color:                $white;\n$toast-header-background-color:     transparent;\n$toast-header-border-color:         $primary;\n\n//-----------------------------------------------------\n// Icons\n//-----------------------------------------------------\n$icon-width:                24px;\n$icon-height:               24px;\n\n\n//-----------------------------------------------------\n// Header\n//-----------------------------------------------------\n$header-breakpoint-mobile:                  lg;\n$header-breakpoint-tablet:                  md;\n$header-breakpoint-desktop:                 xl;\n\n$header-height-mobile:                      60px;\n$header-height-tablet:                      80px;\n$header-height-desktop:                     100px;\n\n$header-logo-height-mobile:                 40px;\n$header-logo-height-tablet:                 60px;\n$header-logo-height-desktop:                100px;\n\n$header-font-size-mobile:                   0.938rem;\n$header-font-size-tablet:                   0.938rem;\n$header-font-size-desktop:                  0.938rem;\n\n$header-bg-color:                           #00897D;\n$header-color:                              $body-color;\n$header-color-hover:                        $black;\n$header-box-shadow:                         false; // 0 0 0.3rem rgba(#000, 0.2);\n\n$header-item-padding-mobile:                6px;\n$header-item-padding-desktop:               12px 5px;\n$header-item-margin-left-desktop:           20px;\n\n$header-submenu-bg-color-desktop:           $header-bg-color;\n$header-submenu-color-desktop:              $secondary;\n$header-submenu-width-desktop:              15rem;\n$header-submenu-box-shadow-desktop:         0 0 4px rgba(#000, 0.1);\n$header-submenu-hover-bg-color-desktop:     $secondary;\n$header-submenu-hover-color-desktop:        $header-color;\n$header-submenu-item-padding-desktop:       8px 16px;\n\n$header-submenu-bg-color-mobile:            $header-bg-color;\n$header-submenu-color-mobile:               $header-color;\n$header-submenu-width-mobile:               100%;\n$header-submenu-box-shadow-mobile:          false;\n$header-submenu-hover-bg-color-mobile:      $primary;\n$header-submenu-hover-color-mobile:         $secondary;\n$header-submenu-item-padding-mobile:        8px 16px;\n\n\n//-----------------------------------------------------\n// Footer\n//-----------------------------------------------------\n$footer-bg-color:                       $primary;\n$footer-color:                          $white;\n$footer-font-family:                    $headings-font-family;\n$footer-font-size:                      $font-size-base;\n\n\n//-----------------------------------------------------\n// Padding\n//-----------------------------------------------------\n$padding-top-xs:                        $grid-gutter-width;\n$padding-bottom-xs:                     $padding-top-xs;\n$padding-top-sm:                        $grid-gutter-width * 2;\n$padding-bottom-sm:                     $padding-top-sm;\n$padding-top-md:                        $grid-gutter-width * 3;\n$padding-bottom-md:                     $padding-top-md;\n$padding-top-lg:                        $grid-gutter-width * 4;\n$padding-bottom-lg:                     $padding-top-lg;\n$padding-top-xl:                        $grid-gutter-width * 5;\n$padding-bottom-xl:                     $padding-top-xl;\n\n//-----------------------------------------------------\n// Media grid\n//-----------------------------------------------------\n$media-grid-gutter:                     3px;\n\n\n//-----------------------------------------------------\n// Media content\n//-----------------------------------------------------\n$media-content-border-width:            30px;\n$media-content-border-color:            $primary;\n\n\n//-----------------------------------------------------\n// To top\n//-----------------------------------------------------\n$to-top-size:                           40px;\n\n\n//-----------------------------------------------------\n// Select2 Bootstrap 5 theme\n//-----------------------------------------------------\n$s2bs5-color:                    $primary;\n$s2bs5-border-radius:            $input-border-radius;\n\n\nbody{\n  background-color: $body-bg;\n}\n\n$numPerRow:                           4;\n$margin:                           10px;\n","body {\n  background-color: #ced4da;\n}\n\n/*!\n * Hamburgers\n * @description Tasty CSS-animated hamburgers\n * @author Jonathan Suh @jonsuh\n * @site https://jonsuh.com/hamburgers\n * @link https://github.com/jonsuh/hamburgers\n */\nhtml::after {\n  position: fixed;\n  bottom: 5px;\n  left: 5px;\n  font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n  font-size: 11px;\n  line-height: 1;\n  padding: 10px;\n  color: #eee;\n  background-color: rgba(231, 8, 66, 0.75);\n  border-radius: 6px;\n  content: \"xs\";\n}\n@media (min-width: 576px) {\n  html::after {\n    content: \"sm\";\n  }\n}\n@media (min-width: 768px) {\n  html::after {\n    content: \"md\";\n  }\n}\n@media (min-width: 992px) {\n  html::after {\n    content: \"lg\";\n  }\n}\n@media (min-width: 1200px) {\n  html::after {\n    content: \"xl\";\n  }\n}\n@media (min-width: 1400px) {\n  html::after {\n    content: \"xxl\";\n  }\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n"],"sourceRoot":""}