footer

footer.php

@@ -37,7 +37,9 @@
                 );
             ?>
         </div>
-        <h1 class="st-footer-site-title">Slowtwitch</h1>
+        <a href="<?php echo home_url() ?>" class="st-footer-site-title">
+                <img src="/wp-content/themes/slowtwitch-news/assets/images/logotype-purple.png" alt="Logotype" class="st-footer-site-title-img">
+            </a>
         <p class="st-footer-copyright">&copy; Slowtwitch - Design by Federated Computer</p>
     </footer>
     <?php wp_footer() ?>

style.css

@@ -455,8 +455,8 @@ SECTIONS
 /* footer */
 
 .st-footer {
-    color: white;
-    background: #0b4fa0;
+    color: #270BA1;
+    background: rgba(0, 0, 0, 0.2);
     display: grid;
     grid-template-columns: minmax(1em, 1fr) minmax(130px, 500px) minmax(130px, 500px) minmax(1em, 1fr);
     grid-template-areas: 
@@ -474,7 +474,6 @@ SECTIONS
 
 .st-footer-icon {
     font-size: 1.5rem;
-    color: #fff;
     margin-top: 1.5em;
     color: #270BA1;
 }
@@ -488,6 +487,7 @@ SECTIONS
     grid-area: copy;
     font-size: .6rem;
     text-align: right;
+    color: white;
     background: #270BA1;
     padding: .2em .5em .2em;
     margin-bottom: 0;
@@ -495,13 +495,11 @@ SECTIONS
 
 .st-footer-site-title {
     grid-area: logo;
-    text-transform: uppercase;
-    writing-mode: vertical-lr;
     align-self: end;
-    justify-self: end;
-    margin: 0;
-    line-height: 1;
-    color: #270BA1;
+}
+
+.st-footer-site-title-img {
+    width: 100%;
 }
 
 .st-footer-partners {
@@ -525,7 +523,7 @@ SECTIONS
 .st-footer-partners__list-item a,
 .st-footer-nav-links a {
     text-decoration: none;
-    color: #fff;
+    color: #270BA1;
 }
 
 .st-footer-partners__list-item a:hover,
@@ -548,7 +546,6 @@ SECTIONS
 
 @media (min-width: 760px) {
     .st-footer {
-        background-color: white;
         grid-template-columns: minmax(1em, 1fr) minmax(50px, 80px) repeat(2, minmax(130px, 660px)) minmax(1em, 1fr);
         grid-template-areas: 
             "lpad socials empty partners rpad"
@@ -558,17 +555,11 @@ SECTIONS
         align-items: end;
     }
 
-    .st-footer-partners__title,
-    .st-footer-partners__list-item a,
-    .st-footer-nav-links a {
-        color: #270BA1;
-    }
-
     .st-footer-partners__list-item a:hover,
     .st-footer-partners__list-item a:active,
     .st-footer-nav-links a:hover,
     .st-footer-nav-links a:active {
-        color: #0b4fa0;
+        color: #FFDB12;
     }
 
     .st-footer-partners ul {
@@ -576,10 +567,8 @@ SECTIONS
     }
 
     .st-footer-site-title {
-        writing-mode: horizontal-tb;
         justify-self: center;
         margin-top: .5em;
-        font-size: 6.8rem;
     }
 
     .st-footer-copyright {