.site-footer {
  @apply bg-gray grid grid-cols-4 px-8 gap-8;

  &__informative-message {
    @apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
    img {
      @apply mr-2;
    }
  }

  &__partenaires,
  &__metiers-patrimoine,
  &__infos-contact,
  &__navigation-menu {
    @apply p-8 bg-white rounded-3xl;
  }

  &__infos-contact {
    @apply col-span-4 lg:col-span-1 grid gap-6;
    .external-link {
      @apply pt-2 mt-1;
    }
  }
  &__navigation-menu {
    @apply col-span-4 lg:col-span-3;
    .footer-menu-renovateur {
      @apply flex gap-4 bg-secondary w-full justify-center items-end;
      .sub-menu {
        @apply hidden;
      }
    }

    .extra_details {
      @apply flex flex-wrap items-center justify-between;

      .social-networks {
        @apply flex gap-4;
      }
    }
  }
  &__partenaires {
    @apply flex flex-wrap col-span-4 md:col-span-2 justify-center items-center gap-12;
    a img {
      @apply inline-block;
    }
  }

  &__metiers-patrimoine {
    @apply col-span-4 md:col-span-2;
  }
  .website-credits {
    @apply text-center col-span-4;
  }
  .seventeen {
  }

  .made-by {
    @apply flex justify-center items-center text-neutral-600 font-semibold text-xs pt-2;
    svg {
      @apply w-3 h-3 mx-1 fill-secondary;
      animation: fade-in-out 2.5s linear infinite;
    }
    a {
      @apply underline pl-1;
    }
    @keyframes fade-in-out {
      50% {
        opacity: 0;
      }
    }
  }
}