/* ==========================================
   RocketToons shared footer
   Used on every page: the sales page (special/), the OTO pages, the bundle, the JV page
   and the legal pages. Each page links this file and carries a copy of the footer HTML
   (search for "SITE FOOTER"). Edit the styles here once; edit the text in each page.
   ========================================== */
.rt-footer {
  background: #000;
  color: #fff;
  padding: 72px 20px 48px;
  text-align: center;
  font-family: "Google Sans Flex", ui-sans-serif, system-ui, sans-serif;
}
.rt-footer__logo { display: inline-block; }
.rt-footer__logo img { display: block; width: 180px; height: auto; }
.rt-footer__legal {
  display: grid;
  gap: 22px;
  max-width: 940px;
  margin: 40px auto 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
}
.rt-footer__legal p { margin: 0; }
.rt-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 0;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-weight: 600;
}
.rt-footer__links li + li::before { content: "|"; margin: 0 10px; color: rgba(255, 255, 255, 0.4); }
.rt-footer__links a { color: #fff; text-decoration: none; }
.rt-footer__links a:hover { text-decoration: underline; }
.rt-footer__copy { margin: 22px 0 0; font-size: 13px; color: rgba(255, 255, 255, 0.5); }
@media (max-width: 639px) {
  .rt-footer { padding: 56px 18px 40px; }
  .rt-footer__logo img { width: 150px; }
  .rt-footer__legal { font-size: 13px; text-align: left; }
  /* links wrap on phones, so drop the | separators and space them out instead */
  .rt-footer__links { font-size: 14px; gap: 10px 20px; }
  .rt-footer__links li + li::before { content: none; }
}