/**
Footer
**/



.canvi-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);
    flex-direction: column-reverse;
    display: flex;

    &__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) {

      align-items: center;
      justify-content: space-between;
      flex-direction: row;

    }



    &__menu {

      ul {

        list-style: none;
        padding: 0;
        margin: 40px 0;

        @include media(desktop) {

          display: flex;
          margin: 0;


        }

        li {

          font-size: var(--global--font-size-sm);

          @include media(desktop) {
            margin-left: 25px;
          }


          a {

            display: block;
            text-decoration: none;

            &:link,
            &:visited {
              color: var(--global--color-text-base);
            }

            &:hover {
              @include hover-navigation()
            }

          }

        }

      }

    }

  }


}