/* CSS/footer.css */


/* Footer container */

#footer { 

  clear: both;

  display: block;

  margin-top: 0px;

  background: var(--footer-bg, #fff);

  color: var(--footer-text, #333);

}



/* Text block inside the footer */

.footer-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  padding: 7px 6px;
  background-color: var(--footer-bg, #fff);
  color: var(--footer-text, #333);
}

.footer-text strong {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
  color: var(--footer-strong-text, var(--footer-text, #333));

}


/* Give the bottom menu/footer its own compositing layer (if animated) */
#footer,
#menu-site-footer-container {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

/* Small-screen tweaks */

@media (max-width: 480px) {
  .footer-text { font-size: 13px; }
  .footer-text strong { font-size: 14px; }
}