/* 
* CI UJEP Jan Tic 27.11.2019 verze 1.0.0: Styly pro vlastni CSS tridy pro editor Gutenberg 
* CI UJEP Jan Tic 3.4.2020 verze 1.1.0 u WP 5.3 není class .has-2-columns
* <gutenberg_frontend>
*/
main #post .sloupce-kontakty .wp-block-column:first-child {
    flex-basis: 105px;
}

/* 125px = 105px prvni sloupec + 20px je padding */
main #post .sloupce-kontakty .wp-block-column:not(:first-child) {
    margin-left: 20px;
    flex-basis: calc(100% - 125px);
}

/* CI UJEP Jan Tic 14.4.2020: pridal important kvuli moznosti nastavit sirku a pripadne vysku u blokoveho editoru */
main #post .sloupce-kontakty .wp-block-column:first-child img {
    width: 100px !important;
    height: 100px !important;
}

main #post .sloupce-kontakty .wp-block-column:not(:first-child) :first-child {
    margin-top: 0px;
}

@media (max-width: 767px) {
    main #post .sloupce-kontakty,
    main #post .sloupce-kontakty .wp-block-column:first-child {
        display: block;
        width: 100%;
    }

    main #post .sloupce-kontakty .wp-block-column:not(:first-child) {
        display: block;
        width: 100%;
        margin-left: 0px;
    }

    /* 
    CI UJEP Jan Tic 28.4.2020 verze 1.2.0: pridal odsazeni
    WP 5.2.5 je nastaven margin, ale ve verzi WP 5.3.2 neni zadny nastaven margin dolni, tak nastavuji jednotne stejnou hodnotu 
    */
    main #post .sloupce-kontakty .wp-block-column {
        margin-bottom: 10px;

    }
}

/* CI UJEP Jan Tic 11.12.2019 verze 1.0.0: zmenseni odsazeni prvku */
main #post .sloupce-kontakty .wp-block-column figure,
main #post .sloupce-kontakty .wp-block-column h2 {
    margin-bottom: 0px;
}
main #post .sloupce-kontakty .wp-block-column p {
    margin-bottom: 5px;
}
/* </gutenberg_frontend> */
/* <gutenberg_administrace> */
.block-editor .wp-block-columns.sloupce-kontakty > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"] {
    flex-basis: 112px;
}

/* 125px = 112px prvni sloupec + 88px je padding */
.block-editor .wp-block-columns.sloupce-kontakty > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="core/column"]:not(:first-child) {
    flex-basis: calc(100% - 200px);
}
/* </gutenberg_administrace> */

/* 
CI UJEP Jan Tic 3.4.2020 verze 1.1.0: styly pro tabulky
Ve verzi 5.3 jsou tabulky navic zabaleny do tagu figure v nemz je class. Tag table nema class
Proto nepouzivam selektor table, ale .wp-block-table
<styl-pro-tabulky>
*/
.motif-ujep-soucast-prf .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek,
.motif-ujep-prf .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek,
.ciujep-admin-gutenberg-prf .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek,
.motif-ujep-soucast-prf .wp-block-table.is-style-ujep-tabulka-pozadi,
.motif-ujep-prf .wp-block-table.is-style-ujep-tabulka-pozadi,
.ciujep-admin-gutenberg-prf .wp-block-table.is-style-ujep-tabulka-pozadi {
    background-color: #e0ffff;
}

.motif-ujep-soucast-prf .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek td,
.motif-ujep-prf .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek td,
.ciujep-admin-gutenberg-prf .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek td {
    border: 1px solid #00868b;
}

.wp-block-table.is-style-ujep-tabulka-cerny-ramecek td,
.wp-block-table.is-style-ujep-tabulka-cerny-ramecek th {
    border: 1px solid #212121;
}

/* CI UJEP Jan Tic 25.8.2020 verze 1.2.1: styly pro tabulky fse */
.motif-ujep-fse .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek,
.ciujep-admin-gutenberg-fse .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek,
.motif-ujep-fse .wp-block-table.is-style-ujep-tabulka-pozadi,
.ciujep-admin-gutenberg-fse .wp-block-table.is-style-ujep-tabulka-pozadi {
    background-color: #cce9f5;
}

.motif-ujep-fse .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek td,
.ciujep-admin-gutenberg-fse .wp-block-table.is-style-ujep-tabulka-pozadi-ramecek td {
    border: 1px solid #0095CF;
}
/* </styl-pro-tabulky> */

/* CI UJEP Jan Tic 28.4.2020 verze 1.2.0: pridany styly pro akordeony, aby mohly vypadat jako na regiony.ujep.cz */
/* <styl-pro-akordeony> */
main #post .wp-block-pb-accordion-item.akordeon-sedivy,
main #post .wp-block-pb-accordion-item.akordeon-fakultni {
    border: 1px solid #ddd;
    border-radius: 3px;
}

main #post .wp-block-pb-accordion-item.akordeon-sedivy .c-accordion__content,
main #post .wp-block-pb-accordion-item.akordeon-fakultni .c-accordion__content {
    border-top: 1px solid #ddd;
    padding: 15px;
}

main #post .wp-block-pb-accordion-item.akordeon-sedivy h1.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-sedivy h2.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-sedivy h3.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-sedivy h4.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-fakultni h1.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-fakultni h2.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-fakultni h3.c-accordion__title,
main #post .wp-block-pb-accordion-item.akordeon-fakultni h4.c-accordion__title {
    background-color: #f5f5f5;
    color: #333;
    text-decoration: underline;
    margin: 0px;
    padding: 10px 15px;
}

main #post .wp-block-pb-accordion-item.akordeon-sedivy .c-accordion__title::after,
main #post .wp-block-pb-accordion-item.akordeon-fakultni .c-accordion__title::after {
    content: " ";
}

.motif-ujep-soucast-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni,
.motif-ujep-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni {
    border: 1px solid #017280;
}

.motif-ujep-soucast-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni .c-accordion__content,
.motif-ujep-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni .c-accordion__content {
    border-top: 1px solid #017280;
}


.motif-ujep-soucast-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h1.c-accordion__title,
.motif-ujep-soucast-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h2.c-accordion__title,
.motif-ujep-soucast-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h3.c-accordion__title,
.motif-ujep-soucast-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h4.c-accordion__title,
.motif-ujep-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h1.c-accordion__title,
.motif-ujep-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h2.c-accordion__title,
.motif-ujep-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h3.c-accordion__title,
.motif-ujep-prf main #post .wp-block-pb-accordion-item.akordeon-fakultni h4.c-accordion__title {
    background-color: #6fbdc7;
    color: #017280;
    color: #fff;
}
/* </styl-pro-akordeony> */