/**
Footer
**/



.rocksite-s-footer {

  @extend %responsive-aligndefault-width;
  padding-top: 60px;
  padding-bottom: 30px;
  border-top: var(--global--border);
  margin-top: 50px;

  &__body {

    &__info {

      max-width: 370px;

      &__logo {

        max-width: 80px;
        margin-bottom: 24px;

        img {

          max-width: 100%;
          height: auto;

        }


      }

      .footer-description {
        margin-bottom: 20px;
      }

      &__tagline {

        margin-bottom: var(--global--spacing-vertical-sm);

      }

    }


  }

  // Footer Branding

  &__bottom {

    padding-top: 60px;
    color: var(--footer--color-text);
    font-family: var(--footer--font-family);
    font-size: var(--footer--font-size);
    line-height: var(--global--line-height-body);

    &__powered-by {

      margin-top: calc(0.5 * var(--global--spacing-vertical));
      font-weight: 400;

      a {
        font-weight: 700;
      }

      @include media(desktop) {

        margin-top: initial;
        margin-left: 0;

      }
    }

    @include media(desktop) {

      display: flex;
      align-items: center;

    }

    a {
      color: var(--footer--color-link);

      &:link,
      &:visited,
      &:active {
        color: var(--footer--color-link);
      }

      &:hover {
        color: var(--footer--color-link-hover);
      }

      &:focus {
        color: var(--footer--color-link-hover);

        .is-dark-theme & {
          color: var(--wp--style--color--link, var(--global--color-background));
        }

        // Change colors when the body background is white.
        .has-background-white & {
          color: var(--wp--style--color--link, var(--global--color-invert));
        }
      }
    }

  }


}