/* photo.css */

/* General figure styling */
figure.photo {
  text-align: center;       
  margin: 1.5em auto;       
  max-width: 420px;         
}

/* Image styling */
figure.photo img {
  width: 100%;              
  height: auto;             
  border-radius: 8px;       
  display: block;           
  margin: 0 auto;           
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: default; /* no clickable hand */
}

/* Hover effect */
figure.photo:hover img {
  transform: scale(1.03);   
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Caption styling */
figure.photo figcaption {
  margin-top: 0.5em;
  font-size: 0.7rem;              /* Smaller font size */
  font-weight: bold;               /* Bold text */
  font-family: Tahoma, Arial, sans-serif; /* Keep your preferred font */
  color: #333;
  line-height: 1.4;
  text-align: center;
}

figure.photo:hover figcaption {
  color: #000; 
}

figure.photo figcaption strong {
  font-weight: bold;
}