/* Custom css styles for People's Ninth
 Common colors used on the site
 Red #b31942  Official Red of the US Flag. Name is Old Glory Red
 Blue #0a3161 Official Blue of the US Flag. Name is Old Glory Blue
 White #FFFFFF
 */

/* Default.mbs Footer styles*/
.ninthAmendment {
  color: var(--dark-gray-color);
  font-size: 1.4rem;
}





/* Styles for photo credit page*/
.photo-credits {
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 20px;
}

.credits-grid {
  display: grid;
  grid-template-columns: 2fr 1.5fr 2fr 1fr;
  gap: 1rem;
  align-items: center;
  border-top: 2px solid #e5e5e5;
}

.credit-header {
  font-weight: bold;
  padding: 1rem 0.5rem;
  border-bottom: 2px solid #e5e5e5;
  background: #f9f9f9;
}

.photographer,
.site,
.used-on,
.thumbnail {
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #e5e5e5;
}

.used-on a {
  color: #0066cc;
  text-decoration: none;
}

.used-on a:hover {
  text-decoration: underline;
}

.thumbnail img {
  max-width: 100%;
  height: auto;
  max-height: 80px;
  object-fit: cover;
  border-radius: 4px;
  transition: transform 0.2s;
}

.thumbnail a:hover img {
  transform: scale(1.05);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .credits-grid {
    grid-template-columns: 1fr;
  }

  .credit-header:nth-child(4),
  .thumbnail {
    display: none; /* Hide thumbnails on mobile */
  }

  .credit-header {
    grid-column: 1;
  }
}