/* Shared stylesheet used by root and blog pages to keep footer visuals consistent. */
:root {
  --sapo-footer-bg: #444444;
  --sapo-footer-text: rgba(255, 255, 255, 0.74);
  --sapo-footer-text-strong: #ffffff;
  --sapo-footer-border: rgba(255, 255, 255, 0.1);
}

#footer.footer-modern,
#footer {
  background: var(--sapo-footer-bg) !important;
  color: var(--sapo-footer-text) !important;
}

#footer.footer-modern .footer-section-title,
#footer .menu-footer-container h5,
#footer .titulo-rodape {
  color: var(--sapo-footer-text-strong) !important;
}

#footer.footer-modern .footer-links a,
#footer.footer-modern .footer-contact-list a,
#footer.footer-modern .footer-contact-list span,
#footer .menu-footer-container a,
#footer .menu-footer-container p,
#footer .menu-footer-container li {
  color: var(--sapo-footer-text) !important;
}

#footer.footer-modern .footer-links a:hover,
#footer.footer-modern .footer-contact-list a:hover,
#footer .menu-footer-container a:hover {
  color: var(--sapo-footer-text-strong) !important;
}

#socket.socket-modern,
#copyright {
  background: var(--sapo-footer-bg) !important;
  border-top: 1px solid var(--sapo-footer-border) !important;
}

#socket.socket-modern .copyright,
#copyright p,
#copyright a {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Slightly bigger social icons, as requested. */
#footer .footer-social-link,
#footer .social-icon {
  width: 52px !important;
  height: 52px !important;
}

#footer .footer-social-link i,
#footer .social-icon i {
  font-size: 20px !important;
  line-height: 52px !important;
}