// ############################################################ // Page Footer Grid // ############################################################

footer-contentinfo {

display: grid;
grid-template-columns: auto;
grid-template-rows: auto;
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-areas:
  "page-social-media"
  "page-legal"
  "page-copyright";

}

// ============================================================ // Page Footer Grid Areas // ============================================================

page-social-media {

grid-area: page-social-media;

padding-left: 5rem;
border-left: 1px solid #eee;
margin-bottom: 4rem;

&>ul {
  list-style: none;

  &>li {
    line-height: 2rem;
    padding-right: 1rem;
  }

  &>li:last-child {
    padding-right: unset;
  }
}

}

page-legal {

grid-area: page-legal;

margin-bottom: 4rem;

display: flex;
flex-direction: column;
flex-wrap: wrap;

&>nav {
  display: flex;
  flex-direction: row;

  &>h6 {
    padding-right: 1rem;
    width: 5rem;
  }

  &>ul {

    list-style: none;
    display: flex;
    flex-direction: row;

    &>li {
      padding-right: 1rem;
    }

    &>li:last-child {
      padding-right: unset;
    }
  }
}

}

page-copyright {

grid-area: page-copyright;

margin-bottom: 1rem;

}

// ============================================================ // Page Footer Grid Mixins // ============================================================

// ———————————————————— // Default // ———————————————————— @mixin footer-contentinfo-default() {}