From 082ad205be1e88606053d5fa9cba36b4d49b965b Mon Sep 17 00:00:00 2001
From: JP Mac <josh@whosjosh.com>
Date: Fri, 15 Dec 2017 12:57:43 -0800
Subject: [PATCH] Fix footer container.

---
 footer.php                           | 14 ++++++++------
 library/widget-areas.php             |  2 +-
 src/assets/scss/modules/_footer.scss |  5 ++---
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/footer.php b/footer.php
index 2638e4a78..490f04e38 100644
--- a/footer.php
+++ b/footer.php
@@ -9,11 +9,13 @@
  */
 ?>
 
-<div class="footer-container">
-	<footer class="footer">
-		<?php dynamic_sidebar( 'footer-widgets' ); ?>
-	</footer>
-</div>
+<footer class="footer">
+    <div class="footer-container">
+        <div class="footer-grid">
+            <?php dynamic_sidebar( 'footer-widgets' ); ?>
+        </div>
+    </div>
+</footer>
 
 <?php if ( get_theme_mod( 'wpt_mobile_menu_layout' ) === 'offcanvas' ) : ?>
 	</div><!-- Close off-canvas content -->
@@ -21,4 +23,4 @@
 
 <?php wp_footer(); ?>
 </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/library/widget-areas.php b/library/widget-areas.php
index 2d758b5a8..ad4e7b31c 100644
--- a/library/widget-areas.php
+++ b/library/widget-areas.php
@@ -25,7 +25,7 @@ function foundationpress_sidebar_widgets() {
 				'id'            => 'footer-widgets',
 				'name'          => __( 'Footer widgets', 'foundationpress' ),
 				'description'   => __( 'Drag widgets to this footer container', 'foundationpress' ),
-				'before_widget' => '<section id="%1$s" class="large-4 columns widget %2$s">',
+				'before_widget' => '<section id="%1$s" class="widget %2$s">',
 				'after_widget'  => '</section>',
 				'before_title'  => '<h6>',
 				'after_title'   => '</h6>',
diff --git a/src/assets/scss/modules/_footer.scss b/src/assets/scss/modules/_footer.scss
index 8be29019f..b58571381 100644
--- a/src/assets/scss/modules/_footer.scss
+++ b/src/assets/scss/modules/_footer.scss
@@ -1,11 +1,10 @@
 .footer-container {
-  margin: 0 auto;
+  @include xy-grid-container;
   border-top: 1px solid $medium-gray;
   margin-top: rem-calc(60);
 }
 
-.footer {
-  @include xy-grid-container;
+.footer-grid {
   @include xy-grid;
   padding: rem-calc(30) 0;