IMPR: optimize styling

src/scss/_variables.scss

@@ -130,3 +130,5 @@ $carousel-controls-zindex: 11 !default;
 $carousel-controls-shadow: 1px 1px $black !default;
 $carousel-controls-hover-bg: transparentize($black, 0.4) !default;
 $carousel-slide-img-loading-max-height: 70vh !default;
+
+$breadcrumb-active-color:  $sidebar-nav-link-hover-color;

src/scss/elements/page.scss

@@ -1,39 +1,20 @@
 // hide default page title cuz elemental object will be used to display titles
 .element__breadcrumbs {
   //margin-bottom: calc(-2 * #{inspect($element-spacer-y)});
-
-  .container {
-  }
-
-  .breadcrumb-link {
-    text-decoration: none;
-
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      color: $sidebar-nav-link-hover-color;
-    }
-  }
-
-  .active {
-    .breadcrumb-link {
-      color: $sidebar-nav-link-hover-color;
-    }
-  }
 }
 
 .page-header-element {
   --bs-gutter-y: 0.75rem;
   display: none;
   //margin-bottom: calc(-1 * #{inspect($element-spacer-y)});
-
-  .page-header {
-    line-height: 1em;
-    margin-bottom: 0;
-  }
 }
 
 .page-header-element:not(.d-block) + .element {
   margin-top: 0;
 }
+
+
+.page-header {
+  line-height: 1em;
+  margin-bottom: 0;
+}