/* Promo Radio footer: final layout and Mantovani Group wing animation. */
body.promo-public footer.mr-footer.mr-monitor-footer.mr-promo-footer {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 26px 0 0 !important;
  border-radius: 0 !important;
}

body.promo-public .mr-promo-footer .mr-footer-mantovani-mark::before,
body.promo-public .mr-promo-footer .mr-footer-mantovani-mark::after {
  animation-duration: 5.8s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body.promo-public .mr-promo-footer .mr-footer-mantovani-mark::before {
  animation-name: promo-mantovani-orange-fuchsia;
}

body.promo-public .mr-promo-footer .mr-footer-mantovani-mark::after {
  animation-name: promo-mantovani-orange-fuchsia;
}

@keyframes promo-mantovani-orange-fuchsia {
  0%, 38% {
    background-color: #ff7200;
    filter: drop-shadow(0 0 5px rgba(255, 114, 0, 0.48));
  }
  62%, 100% {
    background-color: #ff2fb3;
    filter: drop-shadow(0 0 7px rgba(255, 47, 179, 0.44));
  }
}

@media (max-width: 980px) {
  body.promo-public footer.mr-footer.mr-monitor-footer.mr-promo-footer {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
  }
}

@media (min-width: 621px) and (max-width: 1120px) {
  body.promo-public .mr-promo-footer .mr-footer-about {
    order: 1 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-system {
    order: 2 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-brand-divider {
    order: 3 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-identities {
    order: 4 !important;
  }
}

@media (max-width: 620px) {
  body.promo-public footer.mr-footer.mr-monitor-footer.mr-promo-footer {
    padding-top: 0 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-inner {
    box-sizing: border-box !important;
    width: calc(100% - 48px) !important;
    margin-inline: auto !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-about,
  body.promo-public .mr-promo-footer .mr-footer-system,
  body.promo-public .mr-promo-footer .mr-footer-identities,
  body.promo-public .mr-promo-footer .mr-footer-brand-divider,
  body.promo-public .mr-promo-footer .mr-footer-brand-stack {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-inline: auto !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-lead {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-links,
  body.promo-public .mr-promo-footer .mr-footer-links a,
  body.promo-public .mr-promo-footer .mr-footer-stats,
  body.promo-public .mr-promo-footer .mr-footer-brand-copy {
    margin-inline: auto !important;
    text-align: center !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-links a {
    width: fit-content !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-identities {
    gap: 18px !important;
    justify-items: stretch !important;
    order: 3 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-about {
    order: 1 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-system {
    order: 2 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-brand-divider {
    order: 4 !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-creator {
    display: grid !important;
    grid-template-areas:
      "creator-label creator-label"
      "creator-avatar creator-name" !important;
    grid-template-columns: auto auto !important;
    gap: 7px 8px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-creator-label {
    grid-area: creator-label;
    width: 100% !important;
    text-align: center !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-creator-avatar {
    grid-area: creator-avatar;
  }

  body.promo-public .mr-promo-footer .mr-footer-creator-name {
    grid-area: creator-name;
  }

  body.promo-public .mr-promo-footer .mr-footer-powered {
    display: grid !important;
    grid-template-areas:
      "service-label"
      "service-logo" !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    justify-items: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-powered > span {
    grid-area: service-label;
    width: 100% !important;
    text-align: center !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-powered > img {
    grid-area: service-logo;
    margin-inline: auto !important;
  }

  body.promo-public .mr-promo-footer .mr-footer-brand-copy {
    width: 100% !important;
    white-space: normal !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.promo-public .mr-promo-footer .mr-footer-mantovani-mark::before {
    animation: none;
    background-color: #ff7200;
  }

  body.promo-public .mr-promo-footer .mr-footer-mantovani-mark::after {
    animation: none;
    background-color: #ff7200;
  }
}