/**
 * Added styling for WYSIWYG Template created Bootstrap columns
 */

.wysiwyg-cols > .wysiwyg-cols-first {
  padding-left: 0;
}
.wysiwyg-cols > .wysiwyg-cols-last {
  padding-right: 0;
}

/**
 * TinyMCE only styling for column visibility
 */
body.mceContentBody .wysiwyg-cols {
  border: 1px dashed #f392a8 !important;
}
body.mceContentBody .wysiwyg-cols .column {
  border: 1px dashed #e0e0e0;
}
/* WS2.0 borders */
body.mceContentBody .ws2-element-alt,
body.mceContentBody .ws2-element-style { /* default */
  border: 1px dashed #f1c9ff !important;
}
body.mceContentBody .ws2-element-style.ws2-element-gray {
  border: 1px dashed #cccccc;
}
body.mceContentBody .ws2-element-style.ws2-element-maroon {
  border: 1px dashed #8c1d40;
}
body.mceContentBody .ws2-element-style.ws2-element-gold {
  border: 1px dashed #ffc627;
}


@media (max-width: 991px) {
  .wysiwyg-cols > div:first-child {
    padding-left: 0;
  }
  .wysiwyg-cols > div:last-child {
    padding-right: 0;
  }
}

@media (min-width: 931px) {
  body#mceTemplatePreview.mceContentBody .wysiwyg-cols .wysiwyg-widen-me:after {
    content: " -- \01F60C  -- All columns in a row.";
  }
}

@media (max-width: 930px) {
  .wysiwyg-cols-2-base div:last-of-type,
  .wysiwyg-cols-3-base div:not(.wysiwyg-cols-first),
  .wysiwyg-cols-4-base div:not(.wysiwyg-cols-first),
  .wysiwyg-cols-4-half div:nth-of-type(3n),
  .wysiwyg-cols-6 div:nth-of-type(4n),
  .wysiwyg-cols-12 div:nth-of-type(7n) {
    clear: both;
    padding-left: 0;
  }
  .wysiwyg-cols-3 div:not(.wysiwyg-cols-last),
  .wysiwyg-cols-4-base div:not(.wysiwyg-cols-last),
  .wysiwyg-cols-4-half div:nth-of-type(2n),
  .wysiwyg-cols-6 div:nth-of-type(3n),
  .wysiwyg-cols-12 div:nth-of-type(6n) {
    padding-right: 0;
  }
  body#mceTemplatePreview.mceContentBody .wysiwyg-cols .wysiwyg-widen-me:after {
    content: " -- \01F632  -- Too narrow to see all columns in a row. WIDEN ME!";
  }
}