/* template - bocni text vlevo - css for book only, not for editor  */


.side-text {
    font-style: italic;
}
.side-text a {
    font-style: normal;
}
.side-text p {
    margin: 0;
}
.ck-content .side-text .icon {
    max-width: none;
    max-height: none;
}


@media screen and (max-width: 479px) {
    .side-text {
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 0.3em;
    }
}

/* 
Na sirsich obrazovkach ma napravo zvacseny okraj na poznamky.
Na obalke vsak treba bez okraja, a to sa da oriesit len v template.js
*/
@media screen and (min-width: 480px) {
    .is-not-mobile #content {
        position: relative;
        padding-left: 7em;
    }
    .is-mobile .swiper-slide {
        position: relative;
        padding-left: 7em;
    }
    .side-text {
        left: 0.25em;
        max-width: 6.5em;
        position: absolute;
        font-style: italic;
    }
}

@media screen and (min-width: 992px) {
    .is-not-mobile #content {
        padding-left: 8em;
    }
    .is-mobile .swiper-slide {
        padding-left: 8em;
    }
    .side-text {
        max-width: 7.5em;
    }
}


.bf-3 .ck-content figcaption,
.bf-3 .ck-content .table table th,
.bf-3 .ck-content .panel-heading {
    color: white;
}
.bf-3 .ck-content a {
    color: lightskyblue;
}
.bf-4 .ck-content figcaption,
.bf-4 .ck-content .table table th,
.bf-4 .ck-content .panel-heading {
    color: lightgray;
}
.bf-4 .ck-content a {
    color: lightskyblue;
}


/* siroke vzorce na malej obrazovke scrollovatelne */
.ck-content .katex-display {
    overflow-x: auto;
    overflow-y: hidden;
}