@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
:root {
    --mm_theme_color: rgb(92, 92, 92);
    --mm_theme_sec_color: rgb(195 195 195);
    --mm_padding: 20px;
    --mm_text_color: rgb(87, 87, 87);
    --mm_main_text_color: white;
    --mm_font_family: 'Open Sans', sans-serif;
    --mm_close_icon: url(/redakce/inc/sablona/mobilni_menu/img/menu_close.svg) center no-repeat;
    --mm_box_shadow: 0 0 10px 3px rgba(0, 0, 0, 0.15);
}

.noscroll {
    overflow: hidden;
}

nav.mob_menu {
    transform: translate(100%, 0);
    transition: .4s;
    position: fixed !important;
    top: 0 !important;
    right: 0;
    height: 100vh !important;
    max-width: unset;
    width: 90% !important;
    z-index: 22;
    background: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    box-shadow: 0 0 61px 13px rgb(0 0 0 / 70%);
    opacity: 0;
    padding-top: 94px;
    max-width: 490px;
}

nav.mob_menu * {
    font-family: var(--mm_font_family);
}

nav.mob_menu.menu_aktivni {
    display: block;
    transform: translate(0) !important;
    opacity: 1;
}

nav.mob_menu section {
    padding: 0px;
}

nav.mob_menu .mob_menu_overflow {
    height: 100vh;
    overflow: auto;
    box-sizing: border-box;
    padding-bottom: 160px;
}


/* ----------- -HLAVICKA ----------------*/

nav.mob_menu section.mob_hlavicka {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 93px;
    background: var(--mm_theme_color) url(/redakce/inc/sablona/mobilni_menu/img/hlavicka_cover.svg) right -127px top -100px no-repeat;
    background-size: 335px;
    box-sizing: border-box;
    padding: var(--mm_padding);
    padding-right: 85px;
    z-index: 3;
}

nav.mob_menu section.mob_hlavicka::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: 0.2;
}

nav.mob_menu section.mob_hlavicka a.logo {
    text-decoration: none;
    position: relative;
    z-index: 2;
    width: 100%;
}

nav.mob_menu section.mob_hlavicka a.logo span.nadpis {
    color: var(--mm_main_text_color);
    font-size: 24px;
    font-weight: 600;
    display: block;
    width: 100%;
}

nav.mob_menu section.mob_hlavicka a.logo span.podnadpis {
    color: var(--mm_main_text_color);
    font-size: 14px;
    opacity: 0.7;
}

nav.mob_menu section.mob_hlavicka a.logo img {
    width: auto;
    max-width: 80%;
    max-height: 50px;
}

nav.mob_menu section.mob_hlavicka a.mob_menu_close {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    right: var(--mm_padding);
    top: 50%;
    transform: translate(0, -50%);
    background: var(--mm_close_icon);
    background-size: contain;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: var(--mm_box_shadow);
    z-index: 5;
}


/* ----------- -VYHLEDAVANI ----------------*/

nav.mob_menu form.vyhledavani {
    display: flex;
}

nav.mob_menu section.mob_vyhledavani {
    box-sizing: border-box;
    padding: calc(var(--mm_padding) / 2) var(--mm_padding);
}

nav.mob_menu section.mob_vyhledavani .vyhledavani_obal {
    width: 100%;
    text-align: right;
}

nav.mob_menu section.mob_vyhledavani .vyhledavani_obal input.textpole_vyhledavani {
    border-radius: 30px;
    height: 40px;
    border: 0;
    box-shadow: var(--mm_box_shadow);
    width: calc(100% - 50px);
    padding-left: 24px;
    margin: 0;
    box-sizing: border-box;
}

nav.mob_menu section.mob_vyhledavani .vyhledavani_obal input.tlacitko_vyhledat {
    width: 40px;
    height: 40px;
    color: transparent;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
    background: var(--mm_theme_color) url(/redakce/inc/sablona/mobilni_menu/img/search_icon.svg) center no-repeat;
    background-size: 58%;
    box-shadow: var(--mm_box_shadow);
    padding: 0;
    border: 0;
    margin-top: 0;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

nav.mob_menu section.mob_vyhledavani.s_jazyky {
    display: flex;
    justify-content: flex-end;
}

nav.mob_menu section.mob_vyhledavani.s_jazyky>* {
    margin: 0;
    margin-left: 7px !important;
}

nav.mob_menu section.mob_vyhledavani.s_jazyky .vyhledavani_obal {
    width: auto;
}


/* ----------- -JAZYKY ----------------*/

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: 0;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal a.jazyky_open {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 29px;
    color: var(--mm_text_color);
    background: white;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    box-shadow: var(--mm_box_shadow);
    border-radius: 40px;
    text-decoration: none;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal a.jazyky_open:hover {
    background: rgba(255, 255, 255, 0.2)
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal a.jazyky_open.close {
    /* color: transparent; */
    /* background: #016725 url(/galerie/1508083.svg)center center no-repeat; */
    /* background-size: 60%; */
    background: var(--mm_close_icon);
    background-size: contain;
    color: transparent;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal div.jazyky {
    display: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    height: auto;
    transform: translate(-50%, 100%) !important;
    background: var(--mm_theme_color);
    z-index: 4;
    overflow: hidden;
    border-radius: 30px;
    box-shadow: var(--mm_box_shadow);
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal div.jazyky.jazyky_aktivni {
    display: block;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal div.jazyky a {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 17px;
    color: white;
    text-decoration: none;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal div.jazyky a span {
    color: inherit;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal div.jazyky a:hover {}


/* s jazyky */

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky div.jazyky {
    background: transparent;
    z-index: 4;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a {
    color: transparent !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 50%;
    margin-top: 7px;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky>a {
    margin-top: 0;
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a.cs {
    background: url(/galerie/1644784.svg);
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a.en {
    background: url(/galerie/1642588.svg);
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a.de {
    background: url(/galerie/1642591.svg);
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a.pl {
    background: url(/galerie/1642581.svg);
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a.nl {
    background: url(/galerie/1644793.svg);
}

nav.mob_menu section.mob_vyhledavani div.mob_jazyky_obal.vlajky a.ru {
    background: url(/galerie/1644792.svg);
}


/* ----------- -NAVIGACE ----------------*/

nav.mob_menu section.mob_navi {}

nav.mob_menu .mob_navi_hlavicka {
    position: relative;
    box-sizing: border-box;
    padding: calc(var(--mm_padding) * 1) var(--mm_padding) 8px var(--mm_padding);
    background: var(--mm_theme_color) url(/redakce/inc/sablona/mobilni_menu/img/hlavicka_cover.svg) right -118px top -141px no-repeat;
    background-size: 285px;
}

nav.mob_menu .mob_navi_hlavicka::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: 0.2;
}

nav.mob_menu .mob_navi_hlavicka span.mob_navi_hlavicka_nadpis {
    color: var(--mm_main_text_color);
    font-size: 20px;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

nav.mob_menu section.mob_navi .mob_navi_vypis {
    box-sizing: border-box;
    padding: calc(var(--mm_padding) / 1.3) var(--mm_padding) 0;
}

nav.mob_menu section.mob_navi .mob_navi_clanky {
    box-sizing: border-box;
    padding: calc(var(--mm_padding) / 1.1) var(--mm_padding);
}

nav.mob_menu section.mob_navi a.mob_navi_zpet {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    padding-left: 50px;
    position: relative;
    background: white;
    font-weight: 600;
    box-shadow: var(--mm_box_shadow);
    border-radius: 30px;
    height: 37px;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--mm_text_color);
}

nav.mob_menu section.mob_navi a.mob_navi_zpet::before {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 37px;
    height: 37px;
    border-radius: 50%;
    background: var(--mm_theme_color) url(/redakce/inc/sablona/mobilni_menu/img/sipka_leva.svg) center no-repeat;
    background-size: 30%;
}

nav.mob_menu section.mob_navi .mob_menu_li_plny {
    display: flex;
    align-items: center;
    width: 100%;
    list-style-type: none;
    justify-content: space-between;
    background: white;
    box-shadow: var(--mm_box_shadow);
    border-radius: 30px;
    box-sizing: border-box;
    padding: 5px;
    min-height: 34px;
    margin-bottom: 14px;
}

nav.mob_menu section.mob_navi .mob_menu_li_plny.aktivni,
section.mob_navi .mob_navi_zivotni_situace ul li a.aktivni {
    box-sizing: border-box;
    border: 2px solid var(--mm_theme_color);
}

nav.mob_menu section.mob_navi .mob_menu_li_plny a.nazev {
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    margin: 0;
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    min-height: 34px;
    color: var(--mm_text_color);
}

nav.mob_menu section.mob_navi .mob_menu_li_plny span.mob_navi_doplnkove_info span.mob_navi_pocet_vsekci {
    margin-right: 10px;
}

nav.mob_menu section.mob_navi .mob_menu_li_plny span.mob_navi_doplnkove_info {
    position: relative;
    margin: 0;
    display: flex;
    align-items: center;
    /* grid-gap: 10px; */
    align-items: center;
}

nav.mob_menu section.mob_navi .mob_menu_li_plny span.mob_navi_doplnkove_info a.mob_navi_nacist {
    display: block;
    width: 40px;
    height: 40px;
    /* padding-left: 100%; */
    background: var(--mm_theme_sec_color) url(/redakce/inc/sablona/mobilni_menu/img/sipka_prava.svg) center no-repeat;
    background-size: 22%;
    border-radius: 50%;
    overflow: hidden;
}

nav.mob_menu section.mob_navi .mob_menu_li_plny span.mob_navi_li_ico {
    display: block;
    width: 34px;
    min-width: 34px;
    height: 34px;
    margin: 0;
    margin-right: 0px;
    box-sizing: border-box;
    padding: 0 6px;
}

nav.mob_menu section.mob_navi .mob_menu_li_plny span.mob_navi_li_ico img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* ------------ -MENU KALENDAR AKCI --------------------  */

nav.mob_menu section.mob_navi .mob_navi_kalendar_akci {
    box-sizing: border-box;
    padding: calc(var(--mm_padding) / 1.1) var(--mm_padding);
}

section.mob_navi .mob_navi_kalendar_akci .kalendar_vyber {
    width: 40%;
    max-height: 440px;
    margin: 0;
    background: #e3eaf2;
    box-sizing: border-box;
    padding: 30px;
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic {
    text-align: center;
    margin-bottom: 10px;
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic span {
    margin: 0 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic a {
    color: #383838;
    text-decoration: none;
    line-height: 30px;
    text-decoration: underline;
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic a:hover {
    color: var(--mm_theme_color);
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic a.predchozi {
    color: transparent;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #b6b6b6 url(/galerie/1647171.svg)center center no-repeat;
    background-size: 31%;
    /* border-radius: 3px; */
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic a.dalsi {
    color: transparent;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #b6b6b6 url(/galerie/1647172.svg)center center no-repeat;
    /* border-radius: 3px; */
    background-size: 31%;
}

section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic a.predchozi:hover,
section.mob_navi .mob_navi_kalendar_akci .vyber_rok_mesic a.dalsi:hover {}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody {}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr {
    height: 35px;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr th {
    color: black;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    opacity: 0.6;
    border: 0;
    background: transparent;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr td {
    font-size: 20px;
    text-align: center;
    border: 0;
    padding: 1px;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr td.a_td_cal_n {
    visibility: hidden;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr td a {
    position: relative;
    color: #272727;
    display: block;
    text-decoration: none;
    padding: 10px;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr td a:hover {
    color: white;
    background: var(--mm_theme_color) !important;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr td a.vybrany_den {
    background: var(--mm_theme_color);
    color: white;
}

section.mob_navi .mob_navi_kalendar_akci .kalendar table.kalendar tbody tr td a.vybrany_den::after {
    content: "";
    position: absolute;
    display: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: var(--mm_theme_color);
}

section.mob_navi .mob_navi_kalendar_akci h3.nadpis_oddilu {
    /* margin-bottom: 30px; */
    /* display: none; */
}

section.mob_navi .mob_navi_kalendar_akci div.kalendar,
section.mob_navi .mob_navi_kalendar_akci form,
section.mob_navi .mob_navi_kalendar_akci ul.menu_akce,
section.mob_navi .mob_navi_kalendar_akci ul.menu_akce_kategorie {
    box-sizing: border-box;
    /* padding: 15px; */
    background: transparent;
    margin-bottom: 15px;
    margin-bottom: 25px;
}

section.mob_navi .mob_navi_kalendar_akci div.kalendar {
    margin-top: 16px;
}

section.mob_navi .mob_navi_kalendar_akci form {}

section.mob_navi .mob_navi_kalendar_akci form select {
    display: block;
    width: 100%;
    height: 41px;
    box-sizing: border-box;
    padding: 0px 20px;
    border: 0;
    border-radius: 30px;
    background: #f2f4f7;
}

section.mob_navi .mob_navi_kalendar_akci form select option {}

section.mob_navi .mob_navi_kalendar_akci form select input {}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce {
    /*    width: 90%;*/
    margin-bottom: 15px;
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce li {
    margin-bottom: 5px;
    list-style-type: none;
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce li a {
    display: block;
    box-sizing: border-box;
    padding: 8px 23px;
    color: white;
    background: var(--mm_theme_color);
    /* border-radius: 25px; */
    white-space: nowrap;
    text-decoration: none;
    border-radius: 24px;
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce li a:hover {
    text-decoration: underline;
    background: var(--mm_theme_color);
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce_kategorie {
    margin-bottom: 15px;
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce_kategorie li {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 8px;
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce_kategorie li a {
    display: block;
    box-sizing: border-box;
    padding: 8px 23px;
    font-weight: 500;
    color: #424242;
    background: rgb(255 255 255 / 71%);
    /* border-radius: 25px; */
    white-space: nowrap;
    text-decoration: none;
    border-radius: 30px;
}

section.mob_navi .mob_navi_kalendar_akci ul.menu_akce_kategorie li a:hover {
    background: var(--mm_theme_color);
    color: white;
    text-decoration: underline;
}


/* ------------ -MENU ZIVOTNI SITUACE --------------------  */

section.mob_navi .mob_navi_zivotni_situace {
    box-sizing: border-box;
    padding: var(--mm_padding);
}

section.mob_navi .mob_navi_zivotni_situace ul {}

section.mob_navi .mob_navi_zivotni_situace ul li {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 8px;
    margin-bottom: 14px;
}

section.mob_navi .mob_navi_zivotni_situace ul li a {
    box-shadow: var(--mm_box_shadow);
    display: block;
    background: white;
    border-radius: 30px;
    box-sizing: border-box;
    padding: 10px 25px;
    min-height: 34px;
    color: var(--mm_text_color);
    font-weight: 600;
    text-decoration: none;
}

section.mob_navi .mob_navi_zivotni_situace ul.odkazy_v_sekci {
    margin: 15px 0 25px;
    box-sizing: border-box;
    padding-left: 24px;
}


/* ------------ -IKONKY MENU --------------------  */

.mob_menu_li_plny span.def_ikona_clanku {
    display: block;
    width: 80%;
    height: 100%;
    background-size: contain !important;
    opacity: 0.3;
}


/* clanek */

.mob_menu_li_plny.typ_3 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/clanek_icon.svg) center no-repeat;
}


/* sekce */

.mob_menu_li_plny.typ_2 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/sekce_icon.svg) center no-repeat;
}


/* archivni slozka */

.mob_menu_li_plny.typ_4 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/archivni_slozka_icon.svg) center no-repeat;
}


/* odkaz v okne */

.mob_menu_li_plny.typ_6 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/externi_odkaz_icon.svg) center no-repeat;
}


/* odkaz v novem okne */

.mob_menu_li_plny.typ_7 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/externi_odkaz_icon.svg) center no-repeat;
}


/* oddil */

.mob_menu_li_plny.typ_8 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/oddil_icon.svg) center no-repeat;
}


/* serial clanku */

.mob_menu_li_plny.typ_9 span.def_ikona_clanku {
    background: url(/redakce/inc/sablona/mobilni_menu/img/serial_icon.svg) center no-repeat;
}


/* loader menu*/

nav.mob_menu span.loader_menu {
    display: block;
}

nav.mob_menu section.mob_navi .mob_navi_hlavicka.grayscale {}

.grayscale li.mob_menu_li_plny {
    background: #e9e9e9 !important;
    box-shadow: 0 0 0 !important;
    min-height: 50px;
}


/* ------------ -SOC SITE --------------------  */

section.mob_soc_site {}

section.mob_soc_site .vypis {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    grid-gap: 13px;
    background: rgb(233 233 233);
}

section.mob_soc_site .vypis a.mob_soc_ikona {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: white;
    /* box-shadow: var(--mm_box_shadow); */
    margin: 0;
    box-shadow: var(--mm_box_shadow);
}

section.mob_soc_site .vypis a.mob_soc_ikona img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

section.mob_soc_site .vypis a.mob_soc_ikona.vlastni img {
    width: 60%;
    height: 60%;
}


/* ------------ -RYCHLE ODKAZY --------------------  */

section.mob_rychl_odkazy {}

section.mob_rychl_odkazy .vypis {
    box-sizing: border-box;
    padding: 5px var(--mm_padding) 15px;
    text-align: right;
}

section.mob_rychl_odkazy .vypis a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 3px 3px;
    text-decoration: none;
    font-weight: 600;
    color: var(--mm_text_color);
}