change(breadcrumb): brought back pastanaga overrides to breadcrumbs

- to be further tweaked to reach the desired look and feel but starting
  from the same base give by the pastanaga styling

theme/themes/eea/collections/breadcrumb.overrides

@@ -1,3 +1,30 @@
+/*******************************
+    Pastanaga Theme Overrides
+*******************************/
+
+.ui.breadcrumb {
+  display: flex;
+  align-items: center;
+  padding-right: 1rem;
+  padding-left: 1rem;
+
+  //a.section {
+  //  color: #0074a3;
+  //}
+  //
+  //.section.active {
+  //  color: #4e7372;
+  //}
+
+  .home.icon {
+    margin-right: 0;
+  }
+
+  @media only screen and (min-width: @tabletBreakpoint) {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
 /*******************************
         Theme Overrides
 *******************************/
@@ -21,24 +48,5 @@
     width: @breadcrumbIconWidth;
     font-size: @breadcrumbIconFontSize;
   }
-
-  a:first-child {
-    padding: @breadcrumbFirstChildPadding;
-  }
 }
 
-@media only screen and (min-width: @tabletBreakpoint) {
-  .ui.breadcrumb {
-    .section {
-      padding: @tabletBreadcrumbPadding;
-    }
-  }
-}
-
-@media only screen and (min-width: @computerBreakpoint) {
-  .ui.breadcrumb {
-    .section {
-      padding: @computerBreadcrumbPadding;
-    }
-  }
-}

theme/themes/eea/collections/breadcrumb.variables

@@ -7,7 +7,7 @@
 --------------------*/
 
 @verticalMargin: 0em;
-@display: inline-block;
+@display: flex;
 @verticalAlign: middle;
 
 @mobileBreadcrumbPadding: 0;
@@ -28,10 +28,10 @@
 @dividerColor: @deepBlue;
 
 @dividerSize: @relativeSmall;
-@dividerVerticalAlign: sub;
+@dividerVerticalAlign: baseline;
 
 @iconDividerSize: 0.75rem;
-@iconDividerVerticalAlign: sub;
+@iconDividerVerticalAlign: baseline;
 
 @sectionMargin: 0em;
 @sectionPadding: 0em;