feat(standard-styling): Change header tpl, standard vars & icons,

falcon/_dev/css/abstracts/variables/bootstrap/_typography.scss

@@ -1,10 +1,13 @@
-$font-family-sans-serif:      "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+$font-family-sans-serif: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI",
+    roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 $font-family-base: $font-family-sans-serif;
+$headings-font-family: $font-family-sans-serif;
 
 $font-size-base: rem-calc(16px);
 $font-size-lg: $font-size-base * 1.125;
-$font-size-sm:                $font-size-base * .875;
+$font-size-sm: $font-size-base * 0.875;
-$font-size-xs:                $font-size-base * .6875;
+$font-size-xs: $font-size-base * 0.6875;
 
 $font-weight-lighter: 200;
 $font-weight-light: 300;

falcon/_dev/img/x.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x" viewBox="0 0 16 16">
+  <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708"/>
+</svg>

falcon/templates/_partials/header.tpl

@@ -34,10 +34,8 @@
 
 {block name='header_top'}
     <div class="js-header-top-wrapper">
-
         <div class="header-top js-header-top">
-            <div class="header-top__content pt-md-3 pb-md-0 py-2">
+            <div class="header-top__content pb-md-0 py-2">
-
                 <div class="container">
 
                     <div class="row header-top__row">
@@ -81,6 +79,13 @@
                     </div>                       
                 </div>
             </div>
+            <div class="container header-main-menu">
+                <div class="row">
+                    <div class="col">
+                        {hook h='displayNavFullWidth'}  
+                    </div>
+                </div>   
+            </div>   
         </div>
     </div>
 {/block}

falcon/templates/components/modal.tpl

@@ -14,7 +14,7 @@
               {/block}
                {block name='modal_close'}
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                  <span aria-hidden="true">&times;</span>
+                  {svg_icon file='x.svg' width="24" height="24"}
                 </button>
               {/block}
             </div>