general SCSS updates/ recompiled CSS/ style cleanup

assets/scss/bootstrap/_variables.scss

@@ -149,7 +149,8 @@ $body-color:                $gray-900 !default;
 
 $link-color:                theme-color("primary") !default;
 $link-decoration:           none !default;
-$link-hover-color:          darken($link-color, 15%) !default;
+$link-hover-color:          color.adjust($color, $lightness: -15%) !default;
+// DEPRECATED $link-hover-color:          darken($link-color, 15%) !default;
 $link-hover-decoration:     underline !default;
 
 // Paragraphs
@@ -249,7 +250,8 @@ $h4-font-size:                $font-size-base * 1.5 !default;
 $h5-font-size:                $font-size-base * 1.25 !default;
 $h6-font-size:                $font-size-base !default;
 
-$headings-margin-bottom:      ($spacer / 2) !default;
+// DEPRECATED $headings-margin-bottom:      ($spacer / 2) !default;
+$headings-margin-bottom:      calc($spacer / 2) !default;
 $headings-font-family:        inherit !default;
 $headings-font-weight:        500 !default;
 $headings-line-height:        1.2 !default;
@@ -314,7 +316,8 @@ $table-head-color:            $gray-700 !default;
 $table-dark-bg:               $gray-900 !default;
 $table-dark-accent-bg:        rgba($white, .05) !default;
 $table-dark-hover-bg:         rgba($white, .075) !default;
-$table-dark-border-color:     lighten($gray-900, 7.5%) !default;
+$table-dark-border-color:     color.adjust($color, $lightness: 7.5%) !default;
+// DEPRECATED $table-dark-border-color:     lighten($gray-900, 7.5%) !default;
 $table-dark-color:            $body-bg !default;
 
 
@@ -405,7 +408,8 @@ $input-border-radius-lg:                $border-radius-lg !default;
 $input-border-radius-sm:                $border-radius-sm !default;
 
 $input-focus-bg:                        $input-bg !default;
-$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
+$input-focus-border-color:              color.adjust($color, $lightness: 25%) !default;
+// DEPRECATED $input-focus-border-color:              lighten($component-active-bg, 25%) !default;
 $input-focus-color:                     $input-color !default;
 $input-focus-width:                     $input-btn-focus-width !default;
 $input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
@@ -459,7 +463,8 @@ $custom-control-indicator-checked-box-shadow:   none !default;
 $custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
 
 $custom-control-indicator-active-color:         $component-active-color !default;
-$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-bg:            color.adjust($color, $lightness: 35%) !default;
+// DEPRECATED $custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
 $custom-control-indicator-active-box-shadow:    none !default;
 
 $custom-checkbox-indicator-border-radius:       $border-radius !default;

assets/scss/components/_footer.scss

@@ -41,7 +41,7 @@
       &.home {
         display: none;
       }
-      &.about, &.blog, &.events, &.personas, &.contact, &.sitemap, &.archetypes, &.guidebook &.privacy-policy {
+      &.about, &.blog, &.events, &.personas, &.contact, &.sitemap, &.archetypes, &.guidebook, &.privacy-policy, &.sitemap {
         margin: 1rem;
         @include media-breakpoint-up(md) {
         display: inline-block;

assets/scss/components/_page.scss

@@ -1,7 +1,8 @@
 .page {
   display: flex;
-  /* min-height: 100vh; */
-  /* Commented out the min-height above since pages that had little content (several lines worth) had too much blank space, especially on bigger screens */
+  min-height: 70vh;
+  /* Previous iterations of the site had a min-height of 100vh.*/
+  /* Changed this since pages that had little content (several lines worth) had too much blank space, especially on bigger screens */
   /* Considered creating another category of page with no vertical min-height for pages with smaller amounts of content, but commenting out the min-height didn't change the functionality of any other pages. So I just commented it our instead of creating yet another type of page */
   flex-direction: column;