/* Keep the mobile call bar clear of the screen edges. */
@media (max-width: 768px) {
  html.has-bottom-menu .bottom-menu {
    left: 5%;
    bottom: 5px;
    width: 90%;
    box-sizing: border-box;
  }

  /* Journal reserves space below the footer; move that space into the footer. */
  html.has-bottom-menu .site-wrapper {
    padding-bottom: 0 !important;
  }

  html.has-bottom-menu .site-wrapper > footer {
    padding-bottom: 65px;
    background-color: #072616;
  }

  html.has-bottom-menu .bottom-menu a[href^="tel:"]::before {
    transform-origin: 50% 80%;
    animation: vip-bottom-phone-ring 3s ease-in-out infinite;
  }
}

@keyframes vip-bottom-phone-ring {
  0%, 72%, 100% { transform: rotate(0); }
  76%, 84% { transform: rotate(-14deg); }
  80%, 88% { transform: rotate(14deg); }
  92% { transform: rotate(-6deg); }
  96% { transform: rotate(4deg); }
}

@media (prefers-reduced-motion: reduce) {
  html.has-bottom-menu .bottom-menu a[href^="tel:"]::before {
    animation: none;
  }
}