/*
 *  Footer
 *    Site Footer!
 *
 *  Dependencies:
 *    styles/settings/colors.scss
 *    styles/settings/typography.scss
 *    styles/tools/flex.scss
 *    styles/tools/_box-shadow.scss
 *
 *  Version:
 *    1.0.0 - 2018/05/16
 */
$c-footer--link-color: red;
$c-footer--link-hover-color: blue;

.c-footer {
  @extend %t-dp--shadow-3d;
  padding-top: 8em;
  padding-bottom: 10em;
  position: relative;
  overflow: hidden;
  background-image: url($s-asset--directory+'images/banners/palms.svg');
  background-size: cover;

  &__inner {
    text-align: center;
    position: relative;
    padding: 1em 0;
  }

  &__copyright {
    font-size: 1.2em;
    font-family: $s-font--stack-headings;
  }

  &__links {
    padding-bottom: 1em;
  }

  &__link {
    color: $s-color--footer__link;

    &:hover {
      color: $s-color--footer__link-hover;
    }

    + #{&} {
      display: inline-block;
      margin-left: 1em;
    }
  }

  &__part {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
  }
}