/* - - - - - B O O T S T R A P   A D D I T I O N S - - - - - */
/* -----
/* Bootstrap Additions
----- */
.ratio-4x5 {
  --bs-aspect-ratio: 125%;
}

/* - - - - - S P M  -  S T Y L I N G - - - - - */
/* -----
/* SPM Styling
----- */
body.page-with-spm-shortcode {
  --spm-yellow: #F9DC00;
  --spm-dark: #212529;
  --spm-range-slider-thumb: var(--spm-dark);
  --spm-slider-runnable-track: 249, 220, 0;
  /* -----
  /* SPM Styling - Modifications
  ----- */
  /* -----
  /* SPM Styling - Alert
  ----- */
  /* -----
  /* SPM Styling - Form Element: Range
  ----- */
  /* -----
  /* SPM Styling - Form @step one
  ----- */
  /* -----
  /* SPM Styling - Form @step two AND three
  ----- */
  /* -----
  /* SPM Styling - BS specific
  ----- */
}
body.page-with-spm-shortcode input[type=range]::-webkit-slider-thumb {
  background-color: var(--spm-range-slider-thumb) !important;
}
body.page-with-spm-shortcode input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(var(--spm-slider-runnable-track), 0.75) !important;
}