section#soubory-jd p.color-section-21::after {
    color: #ed9ab0;
}

section#soubory-jd p.color-section-22::after {
    color: #da7d67;
}

section#soubory-jd p.color-section-23::after {
    color: #e3da83;
}

section#soubory-jd p.color-section-24::after {
    color: #346741;
}

section#soubory-jd p.color-section-25::after {
    color: #797cc0;
}

section#soubory-jd p.color-section-26::after {
    color: #f2ac04;
}


[data-page-id="21"] section#banner_sub li img {
    background-color: #ed9ab0;
}
[data-page-id="21"] section#banner_sub li:hover img {
    background-color: #fae0e9;
}

[data-page-id="22"] section#banner_sub li img {
    background-color: #da7d67;
}
[data-page-id="22"] section#banner_sub li:hover img {
    background-color: #f5c3b9;
}

[data-page-id="23"] section#banner_sub li img {
    background-color: #e3da83;
}
[data-page-id="23"] section#banner_sub li:hover img {
    background-color: #f8f4cf;
}

[data-page-id="24"] section#banner_sub li img {
    background-color: #346741;
}
[data-page-id="24"] section#banner_sub li:hover img {
    background-color: #cbe7d2;
}

[data-page-id="25"] section#banner_sub li img {
    background-color: #797cc0;
}
[data-page-id="25"] section#banner_sub li:hover img {
    background-color: #dedff4;
}

[data-page-id="26"] section#banner_sub li img {
    background-color: #f2ac04;
}
[data-page-id="26"] section#banner_sub li:hover img {
    background-color: #f8e483;
}


td.td_drama:before,
td.td_opera:before,
td.td_puppet_theatre:before,
td.td_ballet:before,
td.td_atelier_3d:before {
    content: "\f111";
    font-family: FontAwesome, sans-serif;
    margin-left: -20px;
    margin-right: 5px;
}

td.td_drama:before {
    color: #da7d67;
}

td.td_puppet_theatre:before {
    color: #e3da83;
}

td.td_opera:before {
    color: #346741;
}

td.td_ballet:before {
    color: #ed9ab0;
}

td.td_atelier_3d:before {
    color: #797cc0;
}


/*   P L A Y S   L I S T   */
.sssssss img {
    max-height: 356px;
    width: auto;
    display: block;
}


/*   N E W S L E T T E R   C O L L E C T O R   */
section#ober-novinek {
    background-color: #fbfbfb;
}

footer section#ober-novinek .container > div:nth-of-type(1) {
    text-align: center;
}

section#ober-novinek form > div > input {
    width: 74%;
}

section#ober-novinek p {
    line-height: 24px;
    margin-bottom: 25px;
    color: #4d4a4a;
    font-weight: 400;
    font-size: 18px;
    word-spacing: -1px;
}


/*   B A L L E T   S C H O O L   */
section.baletni_skola p {
    margin: 25px 0;
}

section.baletni_skola {
    background: url('../images/bg_baletni.png') no-repeat;
    background-size: 61%;
    background-position: top right;
}

section.baletni_skola {
    padding: 80px 0;
    text-align: center;
}

section.baletni_skola.kmd {
    background-image: none
}


/*   R E V O L V I N G   T H E A T R E   */
.banner_revolving_theatre h1 {
    color: #fff;
}

section#banner_sub.banner_revolving_theatre li img {
    background: #f8d047;
}

.banner_revolving_theatre li a span {
    color: #fff;
}

section#banner_sub.banner_revolving_theatre h1 {
    margin-bottom: calc(100vw * 0.045);
}

.banner_revolving_theatre {
    background-image: url('../images/otacko.jpg');
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.banner_revolving_theatre .container{
    background-image: url('../images/logo-otacive-hledieste.svg');
    background-size: auto 55%;
    background-position: top right;
    background-repeat: no-repeat;
}

table caption {
    display: none;
}

#map span[role="checkbox"] img,
#map2 span[role="checkbox"] img {
    margin-bottom: 0;
}




/*   F O R M A T T E D   T E X T A R E A   Q U I L L   */
.page-editor-content .ql-align-center {
    text-align: center;
}
.page-editor-content h1,
.page-editor-content h2,
.page-editor-content h3,
.page-editor-content h4 {
    font-family: Garamond-regular, serif;
}




.no-reviews-yet {
    text-align: center;
    padding-top: 1.5em;
}


ul.min_dropdown li ul{
    padding-left: 40px;
}
ul.min_dropdown{
    padding-left: 40px;
}

#modal-body-content-top.loading::before {
    content: '';
    display: block;
    background-image: url('../images/loader.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}

#modal-body-content-top.loading {
    height: 100px;
}

#modal-body-content-top.loading * {
    display: none;
}

#modal-body-content-top header {
    position: static;
}

#modal-body-content-top footer {
    background: transparent;
}

#modal-body-content-top article footer a.sssssss{
    width: 49px;
    height: 49px;
    position: absolute;
    right: 25px;
    top: -25px;
    background: #f40062;
    border-radius: 50%;
}

#modal-body-content-top article footer{
    position: relative;
}

#modal-body-content-top article{
    padding-bottom: 30px;
}

a[data-help],
a[data-help-just-open-close] {
    cursor: pointer;
}

#modal-body-content-top .error-page-help {
    text-align: center;
}

.who a:hover,
.who-play-detail a:hover{
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .big-menu-secondary-menu {
        width: 100% !important;
        margin-top: 30px;

    }
}

.modal_main-ul a:hover {
    text-decoration: underline !important;
}

.big-menu-secondary-menu a:hover,
.big-menu-secondary-menu ul a:hover {
    text-decoration: underline !important;
}

#modal .modal-close {
    transition: all .6s ease-in-out;
    transform: rotate(0deg);
    transform-origin: center;
}

#modal .modal-close:hover {
    transform: rotate(180deg);
}

#navigace .to_top,
.nejlepe-hodnocene button.slick-arrow{
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

#navigace .to_top:hover,
.nejlepe-hodnocene button.slick-arrow:hover{
    background: #c9055b;
}

section#ober-novinek form > div > input {
    font-size: 18px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

.no-shows-yet {
    margin-top: 35px;
    text-align: center;
    color: #737679;
}

.program_section .slick-arrow.slick-disabled {
    cursor: default;
    color: #c8ced2 !important;
}

.program_section a.slick-arrow.slick-hidden {
    color: #c8ced2 !important;
}
.program_section .slick-arrows-program-list > a.slick-hidden button.pink-button,
.program_section button.slick-arrow.slick-disabled {
    background-color: #c8ced2 !important;
}

.program_section .slick-arrow.sub_prev.slick-disabled span::before,
.program_section .slick-arrow.sub_next.slick-disabled span::after {
    background-color: #c8ced2;
}
.program_section .slick-arrow.sub_prev.slick-disabled:hover span::before,
.program_section .slick-arrow.sub_next.slick-disabled:hover span::after {
    background-color: #c8ced2 !important;
}



.kontakt_pers .avatar {
    width: 15%;
    padding-bottom: 15%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center -3px;
}

.td_ensemble {
    white-space: nowrap;
}

.program-detail-btn {
    white-space: nowrap;
}
.program-buy-ticket-btn  {
    flex-wrap: nowrap !important;
}

.program-detail-btn,
.program-buy-ticket-btn  {
    transition: all 280ms linear;
}
.program-detail-btn:hover,
.program-buy-ticket-btn:hover  {
    color: #142a36 !important;
    background: #e9b62c !important;
    border-color: #e9b62c !important;
    box-shadow: 0 11px 24px rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
}
.program-buy-ticket-btn img {
    margin-right: 0 !important;
}


.modal-trigger {
    transition: all 280ms linear;
}
.modal-trigger:hover {
    color: #142a36 !important;
    background: #e9b62c !important;
    border-color: #e9b62c !important;
}
.modal-trigger:hover span::after {
    color: #142a36 !important;
}
.modal-trigger:hover span {
    color: #142a36 !important;
}

section#ober-novinek form > div > button  {
    transition: all 280ms linear;
}

section#ober-novinek form > div > button:hover  {
    color: #142a36 !important;
    background: #e9b62c !important;
}


#search_ic input[type="text"] {
    font-size: 19px;
    font-style: normal;
    padding: 12px 20px;
}

ul.search-results{
    display: block;
}
.search-results li{
    text-align: left;
    margin-bottom: 10px;
}
.search-results a{
    color: #017acb;
}
.search-results a:hover{
    text-decoration: underline;
}

.help-partner-list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 40px;
}
.help-partner-list > *{
    flex-basis: calc((100% - 20px * 1) / 2);
}
.help-partner-list > *:nth-child(2n){
    margin-left: 20px;
}

.help-partner-list a{
    display: block;
    text-align: center;
    color: #017acb;
}

.help-partner-list img{
    display: block;
}

.help-partner-list > * {
    margin-bottom: 30px;
    font-size: .9em;
}

.help-partner-list a img{
    margin: 0 auto;
}

@media screen and (min-width: 758px) {
    .help-partner-list > *{
        flex-basis: calc((100% - 20px * 2) / 3);
        margin-left: 0 !important;
    }
    .help-partner-list > *:nth-child(3n),
    .help-partner-list > *:nth-child(3n + 2){
         margin-left: 20px !important;
    }
}

#recenze input,
#recenze textarea{
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
}

.modal:not(.modal2) {
    background-size: cover;
    background-position: center;
}

div#recenze button.modal-close {
    right: 15px;
    top: 10px;
    width: 30px;
    height: 30px;
    transition: all .5s ease-in-out;
}

div#recenze button.modal-close:hover {
    transform: rotate(180deg);
}

#recenze button[type="submit"]{
    cursor: pointer;
    width: 100%;
    text-align: center;
    border: none;
}

section#ohlasy h4 {
    margin-bottom: 15px;
}

.modal-trigger.btn-prim[href="#recenze"]:hover{
    border: none;
}

.recenze_form h3 {
    line-height: 1em;
    margin-top: .25em;
}

/*.centrifuga :not(.ae-hide) li.slick-active {*/
/*    font-weight: 600;*/
/*}*/

.page-editor-content ul {
    list-style: disc;
    display: block;
    padding-left: 2em;
}

.page-editor-content a {
    color: #017acb;
}
.page-editor-content p > a {
    text-decoration: underline;
}
.page-editor-content a:hover {
    text-decoration: underline;
}
.page-editor-content h3 {
    font-size: 25px;
}

.page-editor-content h2,
.page-editor-content h3,
.page-editor-content h4,
.page-editor-content h5 {
    margin-bottom: .5em !important;
}

.page-editor-content p,
.page-editor-content ol,
.page-editor-content ul,
.page-editor-content .youtube-wrapper {
    margin-bottom: 1em;
}

.help-subscription-play-list-header {
    margin-top: 1em;
}
.help-subscription-price {
    margin-top: 2em;
}

.ohlasy-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-top: 30px;
}
.ohlasy-flex > * {
    display: block;
    background-size: cover;
    background-position: top left;
    width: calc((100% - 1 * 30px) / 2) !important;
    margin-left: 30px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 6px 28px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 6px 28px -6px rgba(0,0,0,0.3);
    box-shadow: 0 6px 28px -6px rgba(0,0,0,0.3);
    border-radius: 10px;
    transition: all .5s ease-in-out;
}
.ohlasy-flex > *:hover {
    -webkit-box-shadow: 0 13px 28px -6px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 13px 28px -6px rgba(0,0,0,0.6);
    box-shadow: 0 13px 28px -6px rgba(0,0,0,0.6);
}
.ohlasy-flex > * > div{
    /*padding-bottom: calc(100% / 16 * 9);*/
    padding-bottom: calc(100% / 1 * 1);
}

@media screen and (max-width: 899px) {
    .ohlasy-flex > *:nth-child(2n + 1){
        margin-left: 0 !important;
    }
}


@media screen and (min-width: 900px) and (max-width: 1199px) {
    .ohlasy-flex > * {
        width: calc((100% - 2 * 30px) / 3) !important;
    }
    .ohlasy-flex > *:nth-child(3n + 1){
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .ohlasy-flex > * {
        width: calc((100% - 3 * 30px) / 4) !important;
    }
    .ohlasy-flex > *:nth-child(4n + 1){
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 1500px) {
    .ohlasy-flex > * {
        width: calc((100% - 4 * 30px) / 5) !important;
    }
    .ohlasy-flex > *:nth-child(5n + 1){
        margin-left: 0 !important;
    }
}

#banner_detail-popis .rating, #banner_detail-popis .rating_front{
    width: 305px;
    height: 59px;
}
.nejlepe-hodnocene .rating, .nejlepe-hodnocene .rating_front,
#ohlasy .slick-slider .rating, #ohlasy .slick-slider .rating_front {
    width: 235px;
    height: 45px;
}

.page-editor-content .btn-prim {
    color: black;
    margin-top: 15px;
}

#modal2 .to_top:hover {
    transition: all .2s ease-in-out;
}
#modal2 .to_top:hover {
    background: #c9055b;
}

.min_calendar_modal-tags span.my_abbo {
    border-color: #f7cd5a;
    transition: all 280ms linear;
}
.min_calendar_modal-tags span.my_abbo a {
    color: #f7cd5a;
    text-decoration: none;
    /*font-weight: 700;*/
}
.min_calendar_modal-tags span.my_abbo:hover {
    background-color: #e9b62c;
    border-color: #e9b62c;
    transform: translateY(-5px);
}
.min_calendar_modal-tags span.my_abbo:hover a{
    color: #142a36;
}


.slick-slide table {
    transition: all .2s linear;
}

.select-styled {
    -webkit-appearance: none;
    border-radius: 24px;
    transition: all 300ms linear;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.1));
    font-size: 21px;
    color: #152a35;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    cursor: pointer;
    border: none;
    width: auto;
    min-width: 240px;
    max-width: 100%;
    height: auto;
    padding: 10px 15px;
}

.program-selects {
    display: flex;
    flex-flow: row wrap;
}

.program-selects .ae-dropdown{
    min-width: 240px;
}

.program-selects > * + *{
    margin-left: 24px;
}

.select-styled-wrap {
    position: relative;
}


.select-styled-wrap::after {
    display: block;
    font-family: FontAwesome, sans-serif;
    content: '\f107';
    font-size: 20px;
    position: absolute;
    top: 13px;
    right: 10px;
    color: #434B67;
}

td.atelier-section {
  white-space: nowrap;
}

.program_table thead td ,
.program_table thead td span {
    white-space: nowrap;
    font-size: 16px !important;
}


.ansabl.externals {
    display: flex;
    flex-flow: row wrap;
    padding-top: 0;
    justify-content: center;
}

.ansabl-externist {
    text-align: center;
    flex-basis: 100%;
    padding: 10px;
}

@media screen and (min-width: 600px) {
    .ansabl-externist {
        flex-basis: calc(100% / 2);
    }
}

@media screen and (min-width: 900px) {
    .ansabl-externist {
        flex-basis: calc(100% / 3);
    }
}

@media screen and (min-width: 1200px) {
    .ansabl-externist {
        flex-basis: calc(100% / 4);
    }
}

@media screen and (min-width: 1500px) {
    .ansabl-externist {
        flex-basis: calc(100% / 5);
    }
}

.ansabl-externist a {
    color: #017acb;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: none;
    line-height: 24px;
    font-weight: 400;
    font-size: 18px;
    word-spacing: -1px;
}
.ansabl-externist a:hover {
    text-decoration: underline;
}

.min_calendar-outer tr td {
    transition: all .2s linear;
}

.min_calendar_modal-time-location a {
    text-decoration: underline;
}

.min_calendar .list-play-name {
    display: flex;
    align-items: center;
    min-height: 2em;
    margin-bottom: 12px;
    line-height: 1em;
}

.min_calendar-time-location {
    line-height: 1em;
    font-size: 16px;
}

.min_calendar-time-location span.time{
    line-height: 1em;
}


.min_calendar-time-location span.time::before{
    content: '';
    height: 1em;
    display: inline-block;
    width: 1em;
    margin-right: .1em;
    background-image: url('../../assets/images/bell2.svg');
    background-repeat: no-repeat;
    background-size: .9em;
    position: relative;
    top: -.05em;
}

.min_calendar-time-location span.location{
    line-height: 1em;
}

.min_calendar-time-location span.location::before{
    content: '';
    height: 1em;
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    margin-left: .5em;
    background-image: url('../../assets/images/kontakt.svg');
    background-repeat: no-repeat;
    background-size: .9em;
    position: relative;
    top: -.125em;
}

.min_calendar-ballet :not(.event_sold) .min_calendar-time-location span{
    color: #78384a;
}
.min_calendar-ballet :not(.event_sold) .min_calendar-time-location span.time::before{
    background-image: url('../../assets/images/bell2-ballet.svg');
}
.min_calendar-ballet :not(.event_sold) .min_calendar-time-location span.location::before{
    background-image: url('../../assets/images/kontakt-ballet.svg');
}

.min_calendar-drama :not(.event_sold) .min_calendar-time-location span{
    color: #6d3f34;
}
.min_calendar-drama :not(.event_sold) .min_calendar-time-location span.time::before{
    background-image: url('../../assets/images/bell2-drama.svg');
}
.min_calendar-drama :not(.event_sold) .min_calendar-time-location span.location::before{
    background-image: url('../../assets/images/kontakt-drama.svg');
}

.min_calendar-opera :not(.event_sold) .min_calendar-time-location span{
    color: #265833;
}
.min_calendar-opera :not(.event_sold) .min_calendar-time-location span.time::before{
    background-image: url('../../assets/images/bell2-opera.svg');
}
.min_calendar-opera :not(.event_sold) .min_calendar-time-location span.location::before{
    background-image: url('../../assets/images/kontakt-opera.svg');
}

.min_calendar-puppet_theatre :not(.event_sold) .min_calendar-time-location span{
    color: #6b662f;
}
.min_calendar-puppet_theatre :not(.event_sold) .min_calendar-time-location span.time::before{
    background-image: url('../../assets/images/bell2-puppet_theatre.svg');
}
.min_calendar-puppet_theatre :not(.event_sold) .min_calendar-time-location span.location::before{
    background-image: url('../../assets/images/kontakt-puppet_theatre.svg');
}

.min_calendar-atelier_3d :not(.event_sold) .min_calendar-time-location span{
    color: #2f3165;
}
.min_calendar-atelier_3d :not(.event_sold) .min_calendar-time-location span.time::before{
    background-image: url('../../assets/images/bell2-atelier_3d.svg');
}
.min_calendar-atelier_3d :not(.event_sold) .min_calendar-time-location span.location::before{
    background-image: url('../../assets/images/kontakt-atelier_3d.svg');
}
.min_calendar thead td span:first-child {
    color: #747474;
    font-weight: 300;
}
.min_calendar td:nth-child(2) {
    background-color: #fefbfb;
}

.min_calendar-wrap {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
}
.min_calendar table.cloned-to-be-fixed {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events:none;
}
.min_calendar table.cloned-to-be-fixed td{
    visibility: hidden;
}
.min_calendar table.cloned-to-be-fixed td:first-child{
    visibility: visible;
    background-color: white;
    /*vertical-align: top;*/
    /*padding: 36px 0 36px 15px;*/
    vertical-align: middle;
}

.min_calendar-outer table tr:nth-child(n + 2) > td:first-child {
    min-height: 94px;
    height: 94px;
}

#breadcrumb li, #breadcrumb a {
    font-size: 16px;
    line-height: 1em;
    font-weight: 300;
}

#program_posledni-mista .program_section {
    padding-top: 0;
}

.g-recaptcha > div {
    width: 320px !important;
    margin: 0 auto;
    margin-bottom: 29px;
}

@media screen and (min-width: 1000px) {
    body[data-page-id="26"] #kontakt .col2 {
        width: calc(50% - 25px - 30px);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
}

[data-page-id="70"] section#banner_detail-predstaveni .mh-slide h1 + ul li img {
    background-color: #e3da83;
    transition: all .2s ease-in-out;
}
[data-page-id="70"] section#banner_detail-predstaveni .mh-slide h1 + ul li:hover img {
    background-color: #f8f4cf;
}

section.ansabl .person-logo {
    display: block;
    max-width: 250px;
}
section.ansabl .person-logo > img {
    display: block;
    width: 100%;
    height: auto;
}
section.ansabl .ansabl-row .description {
    margin-bottom: 24px;
}
section.ansabl .ansabl-row .description > * {
    margin-bottom: .5em;
}
section.ansabl .ansabl-row .description > *:last-child {
    margin-bottom: 0;
}