@mixin theme-footer($theme) {
  footer#footer {
    justify-content: center;
    padding: 0;
    border: none;
    height: $custom-footer-height;
    background-color: map-get($theme, footer-background);
    color: map-get($theme, footer-foreground);
    @include restyle-typography($theme);

    > div {
      > a,
      span {
        color: map-get($theme, footer-link);

        &:hover {
          color: map-get($theme, footer-link-highlighted);
        }
      }
    }

    > div.footer-rightSection {
      visibility: hidden;
      display: flex;
      align-items: center;

      > a,
      > span {
        visibility: visible;
        padding: $custom-footer-space-between-items / 2;
        font-size: $custom-footer-font-size;
      }
    }

    @include on-sm {
        height: 36px;
    }
  }

  &.amp {
    footer#footer {
        height: $custom-reduced-footer-height;
    }
  }
}