/* editor-content.css
   Regole per i testi scritti con l'editor dell'area riservata (TinyMCE):
   caricato sia dal sito pubblico (IT/MasterPage.master) sia dentro l'editor
   (content_css in Reserved/TestoModal.aspx), cosi' l'anteprima durante la
   modifica corrisponde a quello che vedono i visitatori. */

/* immagini nel testo: mai piu' larghe del contenitore (smartphone) */
.TextBox img,
.mce-content-body img {
    max-width: 100%;
    height: auto;
}

/* disposizioni proposte dall'editor (Immagine > Classe) */
.img-float-left {
    float: left;
    margin: 0.3em 1.2em 1em 0;
    max-width: 50%;
    height: auto;
}

.img-float-right {
    float: right;
    margin: 0.3em 0 1em 1.2em;
    max-width: 50%;
    height: auto;
}

.img-center {
    display: block;
    margin: 1em auto;
    max-width: 100%;
    height: auto;
}

/* immagine con didascalia (figure / figcaption) */
figure.image {
    display: table;
    margin: 1em auto;
}

figure.image img {
    display: block;
    max-width: 100%;
    height: auto;
}

figure.image figcaption {
    display: table-caption;
    caption-side: bottom;
    padding: 0.4em 0;
    font-size: 0.9em;
    color: #666;
    text-align: center;
}

figure.image.img-float-left { float: left; margin: 0.3em 1.2em 1em 0; }
figure.image.img-float-right { float: right; margin: 0.3em 0 1em 1.2em; }

/* tabelle inserite nel testo */
.TextBox table,
.mce-content-body table {
    max-width: 100%;
    border-collapse: collapse;
}

@media (max-width: 600px) {
    .img-float-left,
    .img-float-right,
    figure.image.img-float-left,
    figure.image.img-float-right {
        float: none;
        display: block;
        margin: 1em auto;
        max-width: 100%;
    }
}

/* video e mappe di terze parti: caricati solo dopo il consenso ai cookie
   (Condivisa.IframeEsterno + js/cookieconsent-config.js) */
iframe.cc-embed {
    max-width: 100%;
}

.cc-embed-msg {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 18px;
    margin: 6px 0;
    background: #f2f2f2;
    border: 1px dashed #bbb;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    color: #444;
    text-align: center;
}

.cc-embed-msg a {
    font-weight: 600;
}