/*! 
 * medium-editor-insert-plugin v2.5.1 - jQuery insert plugin for MediumEditor
 *
 * http://linkesch.com/medium-editor-insert-plugin
 * 
 * Copyright (c) 2014 Pavel Linkesch (http://linkesch.com)
 * Released under the MIT license
 */

.medium-insert-images,
.mediumInsert {
  text-align: center;
}
.medium-insert-images figure,
.mediumInsert figure {
  margin: 0;
  display: block;
}
.medium-insert-images figure img,
.mediumInsert figure img {
  max-width: 100%;
  margin-top: 1em;
  vertical-align: top;
}
.medium-insert-images figure:first-child img,
.mediumInsert figure:first-child img {
  margin-top: 0;
}
.medium-insert-images-left.mediumInsert,
.medium-insert-images.medium-insert-images-left,
.mediumInsert.small {
  max-width: 33.33%;
  float: left;
  margin: 0 30px 20px 0;
}
.medium-insert-images-right.mediumInsert,
.medium-insert-images.medium-insert-images-right {
  max-width: 33.33%;
  float: right;
  margin: 0 0 20px 30px;
}
.medium-insert-images-grid.mediumInsert,
.medium-insert-images.medium-insert-images-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.5em -0.5em;
}
.medium-insert-images-grid.mediumInsert figure,
.medium-insert-images.medium-insert-images-grid figure {
  width: 33.33%;
  display: inline-block;
}
.medium-insert-images-grid.mediumInsert figure img,
.medium-insert-images.medium-insert-images-grid figure img {
  max-width: calc(100% - 1em);
  margin: 0.5em;
}
.medium-insert-embeds,
.mediumInsert-embeds {
  text-align: center;
  margin: 1em 0;
  position: relative;
}
.medium-insert-embeds div,
.medium-insert-embeds iframe,
.mediumInsert-embeds div,
.mediumInsert-embeds iframe {
  margin: 0 auto !important;
}
.medium-insert-embeds-left.mediumInsert-embeds,
.medium-insert-embeds.medium-insert-embeds-left {
  width: 33.33%;
  float: left;
  margin: 0 30px 20px 0;
}
.medium-insert-embeds-right.mediumInsert-embeds,
.medium-insert-embeds.medium-insert-embeds-right {
  width: 33.33%;
  float: right;
  margin: 0 0 20px 30px;
}
.medium-insert-embeds figure,
.medium-insert-images figure,
.mediumInsert figure,
.mediumInsert-embeds figure {
  position: relative;
}
.medium-insert-embeds figure figcaption,
.medium-insert-images figure figcaption,
.mediumInsert figure figcaption,
.mediumInsert-embeds figure figcaption {
  position: relative;
  z-index: 1;
  display: block;
  text-align: center;
  margin: 10px 0;
  color: #ccc;
  font-size: 0.8em;
  font-style: italic;
  outline: 0 solid transparent;
}
.medium-editor-insert-plugin:focus,
.medium-insert-embeds figure figcaption:focus,
.medium-insert-images figure figcaption:focus,
.mediumInsert figure figcaption:focus,
.mediumInsert-embeds figure figcaption:focus {
  outline: 0 solid transparent;
}
.medium-editor-insert-plugin {
  outline: 0 solid transparent;
}
.medium-editor-insert-plugin .clearfix:after,
.medium-editor-insert-plugin .clearfix:before,
.medium-editor-insert-plugin:after,
.medium-editor-insert-plugin:before {
  content: " ";
  display: table;
  clear: both;
}
.medium-editor-insert-plugin p {
  margin: 1em 0;
}
.medium-editor-insert-plugin progress {
  display: block;
  margin: 1em auto;
}
.medium-editor-insert-plugin .hide {
  display: none;
}
.medium-editor-insert-plugin.medium-editor-placeholder:after {
  padding: 1em 0;
}
.medium-editor-insert-plugin .medium-insert-buttons {
  position: absolute;
  color: #ddd;
  font-size: 0.9em;
  margin-left: -45px;
}
.medium-editor-insert-plugin .medium-insert-buttons button {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  background: #fff;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 0;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
}
.medium-editor-insert-plugin
  .medium-insert-buttons
  .medium-insert-buttons-show {
  font-size: 15px;
  transform: rotate(0);
  transition: transform 100ms;
  transform-origin: 16px 50%;
}
.medium-editor-insert-plugin
  .medium-insert-buttons
  .medium-insert-buttons-show
  span {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  border: none;
  transform: translate(0.5px);
}
.medium-editor-insert-plugin
  .medium-insert-buttons
  .medium-insert-buttons-show.medium-insert-buttons-rotate {
  transition: transform 250ms;
  transform: rotate(45deg);
}
.medium-editor-insert-plugin
  .medium-insert-buttons
  .medium-insert-buttons-addons {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: relative;
  z-index: 2;
  left: 55px;
  top: -32px;
}
.medium-editor-insert-plugin
  .medium-insert-buttons
  .medium-insert-buttons-addons
  li {
  display: inline-block;
  margin: 0 5px;
}
.medium-editor-insert-plugin
  .medium-insert-buttons
  .medium-insert-buttons-addons
  li
  .fa {
  font-size: 15px;
}
.medium-insert-caption-placeholder {
  position: relative;
}
.medium-insert-caption-placeholder:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  content: attr(data-placeholder);
}
.dragging {
  cursor: move;
}
.medium-insert-image-active {
  outline: 2px solid #000;
}
.medium-insert-images-toolbar {
  display: none;
}
.medium-insert-images,
.mediumInsert {
  margin: 1em 0;
}
.medium-insert-images .dragged,
.mediumInsert .dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000;
}
.medium-insert-images .placeholder,
.mediumInsert .placeholder {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
.medium-insert-images .medium-insert-images-progress,
.mediumInsert .medium-insert-images-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.4);
}
.medium-insert-embeds-input {
  position: relative;
  color: #ccc;
  z-index: 1;
  text-align: left;
}
.medium-insert-embeds-placeholder {
  position: relative;
}
.medium-insert-embeds-placeholder:after {
  position: absolute;
  top: 0;
  left: 0;
  content: attr(data-placeholder);
  color: #ccc;
}
.medium-insert-embeds-selected .medium-insert-embed {
  outline: 2px solid #000;
}
.medium-insert-embeds-toolbar {
  display: none;
}
.medium-insert-embeds .medium-insert-embeds-overlay,
.mediumInsert-embeds .medium-insert-embeds-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
