body > footer,
.grav-c-page-footer {
  @include grav-color-apply('border-bottom-color', 'b', 'accent');
  @include grav-font-size(-1);
  @include grav-padded-border(top, $grav-sp-l, $color-b-purpose: 'neutral-subtle');

  margin-bottom: -1 * $grav-sp-page-content-inset;
  padding-bottom: $grav-sp-l;
  border-bottom-width: $grav-st-thickness-medium;
  border-bottom-style: solid;

  * {
    @media (max-width: grav-breakpoint(medium)) {
      text-align: center;
    }
  }
}

.grav-c-page-footer__lists {
  display: flex;

  @media (max-width: grav-breakpoint(medium)) {
    flex-direction: column;
    text-align: center;
  }

  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;

    @media (min-width: grav-breakpoint(medium)) {
      &:first-of-type {
        padding-right: grav-px2rem(100);
      }
    }

    li {
      margin: 0;
      padding: 0;
    }
  }
}

// Special case:
// Footer within a full-bleed body, should use its DIV
// as a content container
/* stylelint-disable-next-line selector-no-qualifying-type */
body.grav-o-full-bleed > footer,
.grav-o-full-bleed .grav-c-page-footer {
  margin-bottom: 0;

  > div {
    @include grav-l-container;
  }
}