/* ===== HOPE site custom styles ===== */

body {
  font-family: "Segoe UI", Arial, sans-serif;
  background-color: #f7f7f7;
}

.top-strip {
  background-color: #1e3a29;
  color: #fff;
}

/* Interior page banner */
.page-banner {
  height: 160px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("https://images.unsplash.com/photo-1497486751825-1233686d5d80?auto=format&fit=crop&w=1600&q=80")
      center/cover no-repeat;
}

/* Hero / slideshow */
.hero-slide {
  height: 420px;
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url("https://images.unsplash.com/photo-1497486751825-1233686d5d80?auto=format&fit=crop&w=1600&q=80")
      center/cover no-repeat;
}
.hero-slide-2 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url("https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1600&q=80");
}
.hero-slide-3 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
    url("https://images.unsplash.com/photo-1509099836639-18ba1795216d?auto=format&fit=crop&w=1600&q=80");
}

/* Info cards */
.info-card .card-header {
  font-size: 1.05rem;
}
.info-card img {
  height: 114px;
  object-fit: cover;
  width: 100%;
}

.info-card img.info-card-img {
  height: 170px;
}

.link-general {
  text-decoration: none;
  color: #333;
}
.link-general:hover {
  color: #198754;
}

/* News ticker (replaces <marquee>) */
.news-ticker {
  height: 90px;
  overflow: hidden;
  position: relative;
}
.news-ticker-list {
  position: relative;
  animation: ticker-scroll 12s linear infinite;
}
.news-ticker:hover .news-ticker-list {
  animation-play-state: paused;
}
.news-ticker-list li {
  padding: 4px 0;
}
.link-news {
  text-decoration: none;
  color: #444;
  font-size: 0.9rem;
}
.link-news:hover {
  color: #198754;
}

@keyframes ticker-scroll {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}

/* Gallery */
.gallery-thumb {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  width: 100%;
}

.gallery-img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
  transition: transform 0.2s ease;
}
.gallery-img:hover {
  transform: scale(1.03);
}

/* Footer */
.footer-link {
  color: #ccc;
  text-decoration: none;
}
.footer-link:hover {
  color: #fff;
}