Footer updates

css-compiled/template.css

@@ -860,12 +860,15 @@ ul.pagination {
     content: "";
     display: table;
     clear: both; }
-  .modular .footer a, .modular .footer a:hover, .modular .footer h4 {
+  .modular .footer a {
-    color: #fff; }
+    color: #9A9898; }
   .modular .footer h4 {
     line-height: 2rem;
     margin-top: 0;
-    text-align: left; }
+    text-align: left;
+    color: #fff; }
+  .modular .footer hr {
+    border-color: rgba(154, 152, 152, 0.5); }
   .modular .footer .footer-items {
     margin-top: 2rem; }
     @supports not (flex-wrap: wrap) {
@@ -904,15 +907,17 @@ ul.pagination {
       content: "";
       display: table;
       clear: both; }
+    .modular .footer .logo h3 a {
+      color: #fff; }
   .modular .footer .quickmenu {
     margin: 0;
     padding: 0;
-    list-style: none; }
+    list-style: none;
+    font-family: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
     .modular .footer .quickmenu i {
       padding-right: 0.5rem;
-      color: #fff; }
+      color: #fff;
-    .modular .footer .quickmenu li a {
+      font-size: 0.7rem; }
-      color: #9A9898; }
   .modular .footer .footer-modules {
     display: block;
     padding-bottom: 1.5rem; }
@@ -922,14 +927,18 @@ ul.pagination {
       clear: both; }
   .modular .footer .footer-copyright {
     width: 50%;
+    font-family: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
     display: inline-block;
     float: left;
-    text-align: left; }
+    text-align: left;
+    text-transform: uppercase; }
   .modular .footer .footer-menu {
     float: right;
     display: inline-block;
     width: 50%;
-    text-align: right; }
+    text-align: right;
+    text-transform: uppercase;
+    font-family: "novecento_sans_widedemibold", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; }
     .modular .footer .footer-menu ul {
       margin: 0;
       padding: 0;

scss/template/modular/_features.scss

@@ -69,9 +69,7 @@
         }
 
         &.big {
-
             text-align: center;
-
             .feature {
                 width: 33.33%;
                 @include breakpoint(small-mobile-range) {

scss/template/modular/_footer.scss

@@ -6,14 +6,17 @@
     @extend .padding-horiz;
     padding-top: 4rem;
     @include clearfix;
-        a, a:hover, h4 {
+    a {
-            color: $white;
+      color: $core-text;
-
     }
     h4 {
       line-height: 2rem;
       margin-top: 0;
       text-align: left;
+      color: $white;
+    }
+    hr {
+      border-color: transparentize($core-text, 0.5);
     }
     .footer-items {
       margin-top: 2rem;
@@ -50,17 +53,19 @@
       border-bottom: 0 none;
       @include clearfix;
       color: $white;
+      h3 a {
+        color: $white;
+      }
     }
     .quickmenu {
       margin: 0;
       padding: 0;
       list-style: none;
+      font-family: $font-family-header;
       i {
         padding-right: 0.5rem;
         color: $white;
-        }
+        font-size: 0.7rem;
-        li a {
-            color: $core-text;
       }
     }
     .footer-modules {
@@ -70,15 +75,19 @@
     }
     .footer-copyright {
       width: 50%;
+      font-family: $font-family-header;
       display: inline-block;
       float: left;
       text-align: left;
+      text-transform: uppercase;
     }
     .footer-menu {
       float: right;
       display: inline-block;
       width: 50%;
       text-align: right;
+      text-transform: uppercase;
+      font-family: $font-family-header;
       ul {
         margin: 0;
         padding: 0;

templates/modular/footer.html.twig

@@ -6,6 +6,7 @@
                 {% block social %}
                     {% include 'partials/social.html.twig' %}
                 {% endblock %}
+
             </div>
             {% if page.header.description %}
                 <p>{{ page.header.description }}</p>