/* 
Styling for image galleries happens here.
Responsiveness to screen size is addressed in incubator.css. 
*/

.field-name-field-gallery-images:after {
  content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
.node-teaser .field-name-field-gallery-images:after {
  content: "";
}

.field-name-field-gallery-images .field-items .field-item {
  float:left; margin-bottom: 12px; margin-right: 12px;
}
@media (max-width: 739px) {
  .field-name-field-gallery-images .field-items .field-item:first-child {
    float:none; margin-right:0;
  }
}

.node-teaser .field-name-field-gallery-images .field-items .field-item,
.node-teaser .field-name-field-gallery-images .field-items .field-item:first-child {
  float:left; margin-left:5px; margin-right:0;
}
