/*!
 * medium-editor-insert-plugin v2.5.0 - 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: .5em -.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: .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: .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 */
    color: #cacaca !important;
}

.medium-editor-insert-plugin .medium-insert-buttons {
    position: absolute;
    color: #ddd;
    font-size: .9em
}

.medium-editor-insert-plugin .medium-insert-buttons button {
    display: block;
    cursor: pointer;
    color: #ddd;
    background: #fff;
    width: 32px;
    height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    border: 1px solid #000;
    line-height: 30px;
    text-align: center;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.medium-insert-buttons-show {
    background-color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.medium-insert-action {
    background-color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show {
    font-size: 25px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform 100ms;
    -webkit-transition: -webkit-transform 100ms;
    transition: transform 100ms;
    transition: transform 100ms, -webkit-transform 100ms
}

.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show span {
    display: block;
    color: black;
    /* margin-top: -2px */
}

.medium-editor-insert-plugin .medium-insert-buttons .medium-insert-buttons-show.medium-insert-buttons-rotate {
    transition: -webkit-transform 250ms;
    -webkit-transition: -webkit-transform 250ms;
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: rotate(45deg);
    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: 36px; */
    left: 60px;
    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: .5;
    z-index: 2000
}

.medium-insert-images .placeholder,
.mediumInsert .placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border: none
}

.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, .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
}