/*
 *
 * Footers
 *
 *
*/

footer{
  &.site-footer {
    margin-top: $spacing-extra-large;
    background: white;
    margin-top:6rem;

    .department-logo{
      width: 300px;
      height:auto;
    }
    a:link, a:visited {
      color: color(dark-ben-franklin);
      font-weight:normal;
    }
    .classic {
      @include secondary-font(400);

      .columns {
        margin: .71429rem 0;
        ul.inline-list {
          margin: 0;
          font-size: .92857rem;
          padding: 0;
          li {
            margin: 0;
            padding: 0 0 0 10px;
            &:first-of-type {
              padding: 0;
            }
            a:link,
            a:visited {
              color: white;
            }
            a:hover,
            a:active {
              color: color(electric-blue);
            }
          }
        }
      }
    }
    .contact{
      background:color(ghost-gray);
      color:color(dark-gray);
      border-bottom: 1px solid color(sidewalk);

      aside{
        font-size: 0.85rem;

        .content{
          padding: 1rem;
        }
      }
      aside{
        border-bottom: 1px solid white;
      }

      @media only screen and (min-width: 40em) {
        aside {
          border-bottom: 0;
        }
        aside:not(:last-child) {
          border-right: 1px solid color(sidewalk);
        }
      }
      .logo{
        padding:1rem 0;
      }
      .vcard,
      .vcard-label,
      .tel a:link,
      .email a:link{
        margin: 1em 0;
        font-weight: normal;
        text-transform: none;
        .tel .vcard-label,
        .fax .vcard-label,
        .email .vcard-label{
          font-weight: bold;
        }
      }
    }
    .philly311 {
      background: color(ghost-gray);
      color: color(dark-gray);

      .button-label {
        width: 100%;
      }

      .interact-311 {
        padding-right: $spacing-large;

      }

      .intro,
      .trending-requests {
        a:link, a:visited {
          color:color(dark-ben-franklin);
          font-weight:normal;
        }
        a:hover, a:active{
          color:color(dark-gray);
        }
      }
    }

    .links {

    }
    .trending-requests {
      a:link {
        font-size: 1rem;
      }
      ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;

        li {
          padding: $spacing-small 0;
        }
      }
    }

    &.site-footer {
      .fa {
        vertical-align: middle;
      }
      .fa-stack {
        .fa-tv{
          font-size: 3rem;
        }
        .fa-stack-1x {
          margin-left: 7px;
        }
      }
      .fat {
        padding: $spacing-medium 0;
        background: color(dark-ben-franklin);
        h1, h2, h3, h4, h5, h6 {
          font-size:rem-calc(13);
          border-bottom: 0;
          padding: 0;
          color: white;
          text-transform: none;
        }
        section {
          border-bottom: 1px solid #a2a2a2;
          &:last-of-type {
            border-bottom: 0;
          }
          @media only screen and (min-width: 40em) {
            border-bottom: 0;
            border-right: 1px solid #a2a2a2;
            &:last-of-type {
              border-right: 0;
            }
          }
          a:link,
          a:visited {
            color: #e5e5e5;
          }
          a:hover,
          a:active {
            color: color(electric-blue);
          }
          ul, ol {
            margin: 0;
            list-style: none;
            padding: 0;
            line-height: 1.6rem;
          }
        }
        .city-social {
          li {
            margin-bottom: .75rem;
          }
          .fa-stack {
            vertical-align: inherit;
          }
        }
      }
    }
  }
  a {
    &.button {
      &:link, &:visited {
        color: color(dark-gray);
        font-weight: 600;
        font-size: 1rem;
      }
      &:hover, &:active {
        background: none;
        .button-label {
          color: white;
          background: color(dark-gray);
          transition: background-color 300ms ease-in-out;
        }
      }
    }
  }
}