// THUMBNAILS
// ----------

.thumbnails {
  margin-left: -@gridGutterWidth;
  list-style: none;
  .clearfix();
}

.thumbnail {
  display: block;
  padding: 0;
  line-height: 1;
  .border-radius(4px);
  @shadow: 0 2px 1px rgba(0,0,0,.1), 0 0 1px rgba(0,0,0,.4);
  .box-shadow(@shadow);
  overflow: hidden;
}
// Add a hover state for linked versions only
a.thumbnail:hover {
  border-color: @linkColor;
  .box-shadow(0 1px 4px rgba(0,105,214,.25));
}
// Images and captions
.thumbnail > img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
}