@charset "utf-8";

/* -------------------------------------------------------------- */
/* footer
/* -------------------------------------------------------------- */

/**
 * footer widgets
 */
.footer-widgets {
  padding: $m40;
  background-color: $colorBg;
}
/**
 * siteinfo
 */
.siteinfo {
  background-color: darken($colorBase, 4%);
  &__inner {
    @include grid-row();
    @extend %clearfix;
    padding: 20px 0;
    font-size: rem-calc(12);
    letter-spacing: 1.6px;
  }
  &__credit {
    text-align: right;
    a {
      color: #ffffff;
      &:hover {
        color: $colorLink;
      }
    }
  }
  &__social {
    @include grid-column(
      $columns: 6,
      $float: left
    );
  }
  &__copy {
     @include grid-column(
      $columns: 6,
      $float: right
    );
    color: #ffffff;
    margin: 10px 0;
    text-align: right;
  }
  &__sep {
    color: #ffffff;
  }
}
/**
 * media queries
 */
.siteinfo {
  @media #{$small-only} {
    &__credit,
    &__copy,
    &__social {
      @include grid-column(
        $columns: 12
      );
      margin: 10px 0;
      text-align: left;
    }
  }
  @media #{$medium-up} {
    &__credit {
      padding: 0 18px;
    }
  }
}
.footer-widgets {
  &__inner {
    @media #{$small-only} {
      padding: 0 16px;
    }
    @media #{$medium-up} {
      @include grid-row();
    }
  }
}