vendor/assets/stylesheets/_footer.scss in active_frontend-6.5.0 vs vendor/assets/stylesheets/_footer.scss in active_frontend-6.6.0

@@ -1,8 +1,9 @@
 /* Table of Contents
 ==================================================
 # Footer
+# Alternate
 # Colors
 # Media Queries */
 
 /* # Footer
 ================================================== */
@@ -53,10 +54,43 @@
   font-size: 10px;
   line-height: 10px;
   margin: 8px 0 0 10px;
 }
 
+/* # Alternate
+================================================== */
+.footer-alt { padding: 40px 0; }
+.footer-alt .footer-brand {
+  float: none;
+  text-align: center;
+}
+.footer-alt .footer-nav {
+  float: none;
+  margin: 0 0 10px 0;
+}
+.footer-alt .footer-nav > h6 {
+  color: rgba(85,94,113,1);
+  letter-spacing: 1px;
+  text-transform: uppercase;
+}
+.footer-alt .footer-nav > li {
+  float: none;
+  font-size: 14px;
+  line-height: 22px;
+  margin: 0;
+}
+.footer-alt .footer-nav > li > a {
+  font-weight: normal;
+  text-transform: none;
+}
+.footer-alt .footer-footnote {
+  display: block;
+  float: none;
+  margin: 10px 0;
+  text-align: center;
+}
+
 /* # Colors
 ================================================== */
 .footer-dark {
   background: rgba(35,41,55,1);
   border-color: rgba(0,0,0,0.2);
@@ -74,6 +108,23 @@
 @media only screen and (max-width: 1199px) {
   .footer-app { width: calc(100% - 220px); }
 }
 @media only screen and (max-width: 959px) {
   .footer-app { width: 100%; }
+}
+@media only screen and (max-width: 767px) {
+  .footer-alt .footer-nav {
+    margin-bottom: 5px;
+    text-align: center;
+  }
+  .footer-alt .footer-nav > li {
+    display: inline-block;
+    font-size: 10px;
+    line-height: 10px;
+    margin-right: 10px;
+  }
+  .footer-alt .footer-nav > li:last-child { margin: 0; }
+  .footer-alt .footer-nav > li > a {
+    font-weight: bold;
+    text-transform: uppercase;
+  }
 }
\ No newline at end of file