/* Site-specific overrides on top of the Electox theme (style.css). */

/* ---------- footer ---------- */

/* logo.webp has dark lettering; render it white on the dark footer */
.footer-logo img {
  height: auto;
  filter: brightness(0) invert(1);
}

.footer-widget-box p {
  color: rgba(245, 250, 255, 0.75);
  line-height: 1.7;
  max-width: 440px;
}

.footer-contact li a:hover,
.copyright .copyright-text a:hover {
  color: var(--theme-color);
}

.copyright .footer-trademark {
  text-align: right;
  opacity: 0.75;
}

@media all and (max-width: 767px) {
  .copyright .footer-trademark {
    text-align: left;
    margin-top: 6px;
  }
}

/* ---------- images: keep aspect ratio when width/height attributes are set ---------- */

.navbar-brand img,
.site-breadcrumb img,
.about-img img {
  height: auto;
}

/* ---------- contact page ---------- */

/* the theme styles .contact-info h5; the page uses h3 for a correct heading order */
.contact-info h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--color-dark);
}

.contact-info a {
  color: var(--color-dark);
  word-break: break-word;
}

.contact-info a:hover {
  color: var(--theme-color);
}