/* Site-specific corrections kept outside the vendor template. */

/*
 * Aspro renders the detail image inside an inline Fancybox anchor. In current
 * Chromium this gives the anchor a one-line box and clips almost the complete
 * image on news pages. Give both elements an explicit block formatting context.
 */
.detail-image--left > a.fancybox,
.detail-image--right > a.fancybox {
  display: block;
  line-height: 0;
}

.detail-image--left > a.fancybox > img,
.detail-image--right > a.fancybox > img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .detail-image--left,
  .detail-image--right {
    float: none;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}