/*
 * Zarovnání obrázků a videí ve starším obsahu uloženém editorem Froala (třídy fr-*).
 * Náhrada za froala_style.min.css – Froala už se nepoužívá (nahrazen TinyMCE).
 */
.fr-fic {
    max-width: 100%;
    height: auto;
}

/* obrázek jako blok */
img.fr-dib {
    display: block;
    float: none;
    margin: 5px auto;
    vertical-align: top;
}
img.fr-dib.fr-fil { margin-left: 0; }
img.fr-dib.fr-fir { margin-right: 0; }

/* obrázek v řádku textu */
img.fr-dii {
    display: inline-block;
    float: none;
    margin: 5px;
    max-width: calc(100% - 10px);
    vertical-align: bottom;
}
img.fr-dii.fr-fil {
    float: left;
    margin: 5px 10px 5px 0;
    max-width: calc(100% - 10px);
}
img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 10px;
    max-width: calc(100% - 10px);
}

/* obrázek s popiskem */
.fr-img-caption {
    display: inline-block;
    max-width: 100%;
    text-align: center;
}
.fr-img-caption .fr-img-wrap { display: block; }
.fr-img-caption .fr-inner {
    display: block;
    padding: 4px 0;
    font-size: 14px;
}
.fr-img-caption.fr-dib { display: block; margin: 5px auto; }

/* video */
.fr-video {
    position: relative;
    display: inline-block;
    max-width: 100%;
    text-align: center;
}
.fr-video.fr-dvb { display: block; clear: both; }
.fr-video.fr-fvc { text-align: center; }
.fr-video iframe,
.fr-video video,
.fr-video embed,
.fr-video object {
    max-width: 100%;
}

.fr-shadow { box-shadow: 0 4px 12px rgba(0, 0, 0, .15); }