/* =============================================================================
   PM-CMS CONTENT-TYPOGRAPHY.CSS
   -----------------------------------------------------------------------------
   Pouze doplňující styly pro editor TinyMCE.
   Základní vzhled komponent zajišťuje components.css.
============================================================================= */
/* =============================================================================
   HEADINGS – EDITOR
============================================================================= */

.mce-content-body h2,
.mce-content-body h3 {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}


/* =============================================================================
   BOXES – EDITOR
============================================================================= */

.mce-content-body .cms-box--info,
.mce-content-body .cms-box--success,
.mce-content-body .cms-box--warning {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   CTA BUTTON – EDITOR
============================================================================= */

.mce-content-body .cms-button {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   QUOTE – EDITOR
============================================================================= */

.mce-content-body .cms-quote {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   DIVIDER – EDITOR
============================================================================= */

.mce-content-body .cms-divider {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   IMAGE + TEXT – EDITOR
============================================================================= */

.mce-content-body .cms-image-text {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   IMAGE FLOAT – EDITOR
============================================================================= */

.mce-content-body .cms-image-float-block {
    border-bottom: 1px dashed #b8b8b8;
}

.mce-content-body .cms-image-float {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   IMAGE + CAPTION INLINE – EDITOR
============================================================================= */

.mce-content-body .cms-image-caption-inline__content {
    border: 1px dashed #c8c8c8;
}

.mce-content-body .cms-image-caption-inline__caption {
    border: 1px dashed #c8c8c8;
}

/* =============================================================================
   COLUMNS – EDITOR
============================================================================= */

.mce-content-body .cms-columns--50-50 .cms-columns__column {
    outline: 1px dashed #b8b8b8;
    outline-offset: 3px;
}

/* =============================================================================
   BLOCK END MARKER – EDITOR
============================================================================= */

.mce-content-body hr.end-block {
    display: block !important;
    border: 0;
    border-top: 4px double #2f6fdb;
    margin: 1.5rem 0;
}

.mce-content-body p,
.mce-content-body ul,
.mce-content-body ol,
.mce-content-body table {
    border-bottom: 1px solid #aaaaaa;
}