.site-footer {
  background-color: black;
  padding-top: 3.5rem;
  padding-bottom: 7rem;
}

/* Plum */

.page-template-plum-themes .site-footer {
  background-color: var( --theme-plum4 );
}

/* Teal */

.page-template-teal-themes .site-footer {
  background-color: var( --theme-teal4 );
}

/* Blue */

.page-template-blue-themes .site-footer {
  background-color: var( --theme-blue4 );
}

/* Berry */

.page-template-berry-themes .site-footer {
  background-color: var( --theme-berry4 );
}

.site-footer > .grid {
  display: block;
}
.footer-nav {
  margin-bottom: 2rem;
}
.final-column {
  grid-column: col 5;
}
.final-column-nav {
  grid-column: 1;
  grid-row: 1;
}
.footer-btns {
  grid-column: 1;
  grid-row: 2;
}
.site-footer .branding {
  grid-row: 3;
  grid-column: span 2;
}
.site-footer .branding .logo img {
    filter: brightness(100);
}
.site-footer .legal {
  color: white;
  font-size: 1.2rem;
}
.social-nav {
  grid-column: 2;
  grid-row: span 2;
  justify-self: end;
}
@media (min-width: 1025px) {
  .site-footer > .grid {
    display: grid;
    grid-template-columns: repeat(5, [col] 1fr);
  }
  .footer-nav {
    grid-column: span 4;
  }
}