// Site footer
//
// The very bottom of the site. Usually contains supporting
// or secondary navigation, social media icons, contact details
// and such.
//
// Please note: These are mostly for demo purposes
// so feel free to remove everything in this file
// and start over.

.site-footer {
  background: $color-demo-footer-background;
  clear: both;
  color: $color-white;
  overflow: hidden;
  padding: 20px;

  svg {
    fill: #555;
    margin-right: 5px;
    position: relative;
  }

  p,
  span {
    color: $color-comments-link;
  }

  a {
    color: $color-comments-link;

    &:hover,
    &:focus {
      color: $color-links;
    }
  }
}

.theme-info {
  overflow: hidden;

  @media (min-width: $container-ipad) {
    float: right;
    text-align: right;
    width: 60%;
  }
}