footer {
  @extend .clearfix;
  @extend .wrapper;
  @include box-sizing(border-box);
  color: #777;
  margin-top: $body-line-height;
  padding: 0 $body-line-height;

  @media print {
    display: none;
  }

  p {
    float: left;

    a {
      color: #444;

      &:link, &:visited {
        color: #444;
      }

      &:hover, &:focus {
        color: #000;
      }
    }
  }

  nav {
    float: right;

    ul {
      float: left;

      li {
        display: inline-block;
        margin-right: 20px;

        a {
          color: #444;

          &:link, &:visited {
            color: #444;
          }

          &:hover, &:focus {
            color: #000;
          }
        }
      }

      &.social {
        margin-right: 40px;
        position: relative;
        top: -5px;

        @media screen and (max-width: 780px) {
          float: none;
        }

        li {
          float: left;
          margin-right: lh(.5);

          &:after {
            content: none;
            display: none;
          }

          a {
            border-bottom: 0;
            display: block;
            height: 29px;
            text-indent: -9999px;
            width: 28px;

            &:hover {
              opacity: .8;
            }
          }

          &.twitter a {
            background: url('../images/social/twitter.png') 0 0 no-repeat;
          }

          &.facebook a {
            background: url('../images/social/facebook.png') 0 0 no-repeat;
          }

          &.linkedin a {
            background: url('../images/social/linkedin.png') 0 0 no-repeat;
          }
        }
      }
    }
  }
}
