/* Loaded on the live site and inside TinyMCE. Keeps Bootstrap columns,
   stops .image-wrapper from clipping photos so the editor can resize them. */

.image-wrapper {
  overflow: visible !important;
  background: transparent !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}

.image-wrapper img,
.grid-wrapper img,
.content img {
  max-width: 100%;
  height: auto;
}

/* TinyMCE resize outline must not be clipped by layout blocks */
.layout-block-wrapper,
.grid-wrapper .content,
.grid-wrapper .inner {
  overflow: visible !important;
}

/* Four-across row: allow the img to use the full column, not a grey tile */
.grid-wrapper .span3 .image-wrapper,
.grid-wrapper .span3 .content {
  width: 100%;
}