div.theme-atomik {
  footer {
    padding-top: 2rem;
    padding-bottom: 1rem;

    // Logo
    div.atomik-logo {
      display: flex;
      align-items: center;
      margin-bottom: 2rem;

      picture, img {
        width: 44px;
        height: 44px;
        margin-right: 0.25rem;
      }

      span {
        @extend .display-4;
        font-family: $display-font-family;
        color: $theme-footer-color;
      }
    }

    // Social Links
    .ccm-block-social-links {
      ul {
        display: flex;
      }
      margin-bottom: 2rem;
      a {
        color: $dark;
      }
      svg {
        height: 20px;
        width: 20px;
        max-height: 20px;
        max-width: 20px;
        fill: $dark;
      }
      i {
        font-size: 27px;
      }
    }


    background-color: $theme-footer-bg;
    color: $theme-footer-color;

    a {
      text-decoration: none;
      color: $theme-footer-link-color;

      &:hover {
        color: $primary;
        svg {
          fill: $primary;
        }
      }
    }

    section.concrete-branding {
      font-size: $font-size-sm;
      a {
        text-decoration: underline;
      }
    }
  }
}