$rsce_footer_auto-grid-min-size: 8rem !default;
$rsce_footer_grid-gap: 0 !default;

.ce_rsce_footer {
  background: $ls-color-dark-grey;

  nav {
    ul {
      list-style: none;
    }
  }

  .ce_gallery {
    ul {
      @include display-grid;
      @include grid-template-columns(repeat(auto-fit, minmax($rsce_footer_auto-grid-min-size, 1fr)));
      grid-gap: $rsce_footer_grid-gap;
      justify-items: center;

      li {
        text-align: center;
        float: none;

        img {
          max-width: 100%;
          height: auto;
          object-fit: cover;
        }
      }
    }

    figure {
      margin: 0 1rem 1rem 0;
    }
  }

  .mod_unsubscribe,
  .mod_subscribe {
    .widget-text {
      width: 100%;
    }
  }

  a:hover {
    color: $ls-color-white;
  }
}
