Footer Navigation menu fix + minor color fix

Author: mghenciu

parts/footer.html

@@ -16,17 +16,7 @@
             <h6>Company</h6>
             <!-- /wp:heading -->
 
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">About Us</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Our Mission</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Contact</p>
-            <!-- /wp:paragraph -->
+            <!-- wp:navigation {"ref":91,"overlayMenu":"never","hasIcon":false,"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"small"} /-->
         </div>
         <!-- /wp:column -->
 
@@ -36,17 +26,7 @@ <h6>Company</h6>
             <h6>Limited Offers</h6>
             <!-- /wp:heading -->
 
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Jeans</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Shirts</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Dresses</p>
-            <!-- /wp:paragraph -->
+            <!-- wp:navigation {"ref":432,"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"small"} /-->
         </div>
         <!-- /wp:column -->
 
@@ -56,17 +36,7 @@ <h6>Limited Offers</h6>
             <h6>Collections</h6>
             <!-- /wp:heading -->
 
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Summer</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Winter</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Spring</p>
-            <!-- /wp:paragraph -->
+            <!-- wp:navigation {"ref":433,"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"small"} /-->
         </div>
         <!-- /wp:column -->
 
@@ -76,17 +46,7 @@ <h6>Collections</h6>
             <h6>Fashion Tips</h6>
             <!-- /wp:heading -->
 
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">About Colors</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Cleaning Hats</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Style Guide</p>
-            <!-- /wp:paragraph -->
+            <!-- wp:navigation {"ref":434,"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"small"} /-->
         </div>
         <!-- /wp:column -->
 
@@ -96,17 +56,7 @@ <h6>Fashion Tips</h6>
             <h6>Support</h6>
             <!-- /wp:heading -->
 
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Return Policy</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Delivery</p>
-            <!-- /wp:paragraph -->
-
-            <!-- wp:paragraph {"fontSize":"small"} -->
-            <p class="has-small-font-size">Call Center</p>
-            <!-- /wp:paragraph -->
+            <!-- wp:navigation {"ref":435,"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"fontSize":"small"} /-->
         </div>
         <!-- /wp:column -->
     </div>

styles/sunset-orange.json

@@ -17,7 +17,7 @@
           },
           {
             "slug": "ti-bg-alt",
-            "color": "#FFFFFF",
+            "color": "rgba(255, 255, 255, 0.05)",
             "name": "Background Alt"
           },
           {
@@ -27,7 +27,7 @@
           },
           {
             "slug": "ti-fg-alt",
-            "color": "#ffffff",
+            "color": "#F4F4F4",
             "name": "Foreground Alt"
           },
           {