@charset "UTF-8";

// Global Footer Styles
footer {
  width: 100%;
  letter-spacing: -0.005em;
  padding: 1.25em 1.5em;
  border-top: 1px solid;

  @include colors() {
    color: c(medium-dark);
    border-color: c(kinda-light);
  }

  a {
    @include colors() {
      color: c(medium-dark);
    }
  }

  div.row {
    display: flex;
    width: 100%;
    max-width: $max-width;
    margin: 0 auto;
    justify-content: space-between;
    font-size: 0.85em;
    line-height: 2.3;
  }

  // underline View Source link
  a#source {
    padding-bottom: 2px;
    border-bottom: 1px solid;

    @include colors() {
      border-color: c(light);
    }
  }
}

// Responsive
@mixin responsive--footer() {
  footer {
    padding: 1em 1.25em 0 1.25em;

    // stack columns on left instead of flexboxing across
    div.row {
      display: block;
      line-height: 2;
    }
  }
}