article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic} mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} @font-face {
font-family: 'Steelfish Regular';
src: url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/steelfish/steelfish_rg-webfont.eot);
src: url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/steelfish/steelfish_rg-webfont.eot?#iefix) format('embedded-opentype'),
url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/steelfish/steelfish_rg-webfont.woff) format('woff'),
url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/steelfish/steelfish_rg-webfont.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'icons';
src: url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/icons/icons.eot?10660902);
src: url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/icons/icons.eot?10660902#iefix) format('embedded-opentype'),
url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/icons/icons.woff2?10660902) format('woff2'),
url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/icons/icons.woff?10660902) format('woff'),
url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/icons/icons.ttf?10660902) format('truetype'),
url(//draktheatre.cz/wp-content/themes/drak-2-0/fonts/icons/icons.svg?10660902#fontello) format('svg');
font-weight: normal;
font-style: normal;
}    [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "icons";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-youtube-play:before { content: '\e800'; } .icon-down-open-mini:before { content: '\e801'; } .icon-left-open-mini:before { content: '\e802'; } .icon-right-open-mini:before { content: '\e803'; } .icon-up-open-mini:before { content: '\e804'; } .icon-tools:before { content: '\e805'; } .icon-left-open-big:before { content: '\e806'; } .icon-right-open-big:before { content: '\e807'; } .icon-basket-1:before { content: '\e808'; } .icon-book:before { content: '\e809'; } .icon-user:before { content: '\e80a'; } .icon-down-open-big:before { content: '\e80b'; } .icon-up-open-big:before { content: '\e80c'; } .icon-book-open:before { content: '\e80d'; } .icon-location:before { content: '\e80e'; } .icon-cancel:before { content: '\e80f'; } .icon-download:before { content: '\e810'; } .icon-up-open:before { content: '\e811'; } .icon-right-open:before { content: '\e812'; } .icon-left-open:before { content: '\e813'; } .icon-down-open:before { content: '\e814'; } .icon-down-circled:before { content: '\e815'; } .icon-mail:before { content: '\e816'; } .icon-calendar-1:before { content: '\e817'; } .icon-graduation-cap:before { content: '\e818'; } .icon-export:before { content: '\e819'; } .icon-megaphone:before { content: '\e81a'; } .icon-th:before { content: '\e81b'; } .icon-map:before { content: '\e81c'; } .icon-calendar:before { content: '\e81d'; } .icon-phone:before { content: '\e81e'; } .icon-mobile:before { content: '\e81f'; } .icon-docs:before { content: '\e820'; } .icon-trophy:before { content: '\e821'; } .icon-globe:before { content: '\e822'; } .icon-users:before { content: '\e823'; } .icon-back-in-time:before { content: '\e828'; } .icon-facebook:before { content: '\f09a'; } .icon-instagram-1:before { content: '\f16d'; } .icon-facebook-official:before { content: '\f230'; }  h1, h2, h3, h4, h5, h6 {
margin-top: 0;
font-weight: normal;
line-height: 1.5em;
}
h1>a, h2>a, h3>a, h4>a, h5>a, h6>a {
text-decoration: none;
}
h1>a:hover, h2>a:hover, h3>a:hover, h4>a:hover, h5>a:hover, h6>a:hover {
text-decoration: underline;
}
h3 {
font-size: 1.25em;
}
p {
margin: 0 0 1em 0;
}
em {
font-style: italic;
}
a img {
border: none;
} ol {
counter-reset: list;
}
ol li {
list-style: none;
}
ol > li:before {
content: counter(list, decimal) ") ";
counter-increment: list;
}
ul {
margin: 0;
padding: 0;
}
ul.list-style-none {
list-style: none;
}
.screen-reader-text {
position: absolute;
top: -9999px;
left: -9999px;
}
hr {
height: 0;
margin: 0;
padding: 0;
border: none;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
img.alignright { float: right; margin: 0 0 2em 2em; }
img.alignleft { float: left; margin: 0 2em 2em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } html {
scroll-behavior: smooth;
}
body { background-color: #ed1c24; color: #000; font-family: 'Roboto Condensed', sans-serif;
letter-spacing: 0.02em;
line-height: 1.5em;
}
.container {
position: relative;
width: 90vw;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.main {
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
.button,
.mc4wp-form input[type="submit"] {
font-family: 'Roboto Condensed', sans-serif;
}
h1, h2,
nav#main-nav,
td.event-show span,
.show-cast h3,
aside#show-program h3,
#scroll-to-nav li a,
.staff-list .profession-and-name h3,
section#where-you-can-see-me h3,
.show-tag,
.event-tag,
.show-title h3,
.slide-content strong,
.slide-tag,
.section-title,
.event-calendar-header,
.event-calendar .event-show-title,
.education li h3,
.award-title,
.woocommerce-checkout #content h1,
.woocommerce-checkout #content h2,
.woocommerce-checkout #content h3,
.woocommerce-MyAccount-navigation,
.gift-cards h3,
.gift-card h4,
ul.show-list-lines h3,
.education-code, div.tz-card-icon {
font-family: "Steelfish Regular", sans-serif;
font-weight: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
}
h3, h4, h5, h6 {
margin-bottom: 0.5em;
font-weight: bold;
}
a {
color: #000; text-decoration: underline;
}
.section-title {
display: inline-block;
margin: 0;
padding: 0.5em 1em;
background-color: #000; color: #fff; }
.section-title.inverted {
background-color: #fff; color: #000; }
.section-title.right-aligned {
float: right;
}
.section-title.right-aligned+* {
clear: both;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
} header.site-header {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: #fff; z-index: 1000;
} .home header.site-header {
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
} .side-nav {
display: flex;
justify-content: flex-end;
position: absolute;
top: 0;
right: 0;
z-index: 1000;
}
.side-nav a {
display: block;
min-height: 1.6em;
padding: .75em 1em;
background-color: #fff; color: #000; text-decoration: none;
}
.side-nav a:hover,
.language-switch li.current-lang a {
background-color: #ffd200; color: #000; }
.wc-minicart {
display: inline-block;
vertical-align: top;
}
.language-switch {
display: inline-block;
}
.language-switch ul {
display: table;
table-layout: fixed;
}
.language-switch li {
display: table-cell;
}
.language-switch a {
text-transform: uppercase;
} nav#main-nav {
}
nav#main-nav ul {
display: table;
position: relative;
}
nav#main-nav li {
display: table-cell;
position: relative;
width: auto;
}
nav#main-nav li a {
display: block;
padding: 0.5em 1em;
background-color: #fff; color: #000; font-size: 1.75em;
text-align: center;
text-decoration: none;
line-height: 1.5em;
}
nav#main-nav li a:hover,
nav#main-nav li.current-menu-item a {
padding-top: .25em;
border-top: .25em solid #ffd200; }
nav#main-nav > ul > li:first-child a {
min-width: 1em;
min-height: 1em;
background: #9D167C url(https://draktheatre.cz/wp-content/themes/drak-2-0/images/drak-logo.png) center center/contain no-repeat; color: #fff; text-indent: -9999px;
}
nav#main-nav > ul >  li:first-child a:hover {
padding-top: .5em;
background-color: #ffd200; border: none;
}
nav#main-nav > ul >  li:first-child.current-menu-item a {
padding-top: .5em;
border: none;
}
nav#main-nav i.wpmi-icon:not(.wpmi-label-1).wpmi-position-after {
margin-left: .1em;
}
.home nav#main-nav li a {
background-color: transparent;
color: #fff; }
.home nav#main-nav > ul > li:first-child a {
min-height: 3em;
min-width: 2em;
background-color: #9d167c; }
.home nav#main-nav > ul > li:first-child a:hover {
background-color: #ffd301; } .subnav { position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 90%;
padding: 10% 5%;
z-index: 999;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: auto; -webkit-overflow-scrolling: touch;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.subnav.is-visible {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.secondary-nav {
display: table;
background: rgba(0, 0, 0, .8); color: #fff; table-layout: fixed;
}
.secondary-nav ul {
display: table-cell;
width: 100%;
vertical-align: top;
}
.secondary-nav li {
margin: 0 1em 1em 0;
align-items: center;
}
.secondary-nav li a {
display: flex;
min-height: 3em;
padding: 1em 1.5em;
background: #ed1c24; color: #fff; font-size: 1.25em;
line-height: 1.5em;
text-align: center;
text-decoration: none;
align-content: center;
align-items: center;
justify-content: center;
}
.secondary-nav li a:hover {
background: #fff; color: #000; text-decoration: none;
}
.close-menu-button {
display: block;
position: fixed; right: 7.5%;
padding: 0.1em;
color: #fff; text-decoration: none;
}
ul#menu-sekundarni-menu-1 {
padding-top: calc(50px + 0.5em);
}
ul#menu-sekundarni-menu-2 {
}
ul#menu-sekundarni-menu-3 {
padding-top: calc(50px + 0.5em);
}
#menu-sekundarni-menu-1 a {
background: #009ee0; }
#menu-sekundarni-menu-2 a {
background: #f99d1c; }
#menu-sekundarni-menu-3 a {
background: #42a62a; }
#menu-sekundarni-menu-1 li a:hover,
#menu-sekundarni-menu-2 li a:hover,
#menu-sekundarni-menu-3 li a:hover,
#menu-sekundarni-menu-4 li a:hover {
background: #fff; color: #000; }
#menu-secondary-menu-1 a {
background: #009ee0; }
#menu-secondary-menu-2 a {
background: #f99d1c; }
#menu-secondary-menu-3 a {
background: #42a62a; }
#menu-secondary-menu-1 li a:hover,
#menu-secondary-menu-2 li a:hover,
#menu-secondary-menu-3 li a:hover,
#menu-secondary-menu-4 li a:hover {
background: #fff; color: #000; } nav#main-nav ul .menu-item-has-children .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
white-space: nowrap;
background-color: #fff;
}
nav#main-nav ul .menu-item-has-children:nth-child(2):hover .sub-menu {    display: flex; } nav#main-nav ul .menu-item-has-children:nth-child(2):hover > a {    display: none;} nav#main-nav ul .menu-item-has-children:nth-child(2):hover ~ li {    visibility: hidden;} nav#main-nav ul .menu-item-has-children:first-child {    visibility: visible;}
nav#main-nav ul {    white-space: nowrap;}
nav#main-nav ul li {
float: left;
list-style: none;
position: relative;
}
nav#main-nav ul .sub-menu li {    display: inline-block;}
nav#main-nav ul .sub-menu li a {
padding: 10px;
color: #333; text-decoration: none;
}
.sub-menu {
float: left;
position: absolute;
overflow: hidden;
} #content {
padding-bottom: 5em;
}
.home #content {
margin-top: -7em;
}
.page-content img {
display: block;
max-width: 100%;
height: auto;
}
.page-content ul {
padding-left: 1.5em;
}
.perex {
font-weight: bold;
}
body.mifd-template-default .perex {
font-weight: normal;
}
.page-template-default .page-content {
padding: 1em;
background-color: #fff; color: #000; } .post-password-form {
padding: 1em;
background-color: #ffd200; color: #000; } .page-header {
position: relative;
margin-bottom: 2em;
}
.page-header-image {
height: 480px;
margin-top: 0;
}
.show-top {
display: block;
height: 100%;
width: 100%;
}
.header-content {
width: 100%;
padding: 1em 0;
text-align: center;
}
.page-header-image .header-content {
position: absolute;
bottom: 0;
color: #fff; background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
}
.header-content h1 {
margin-bottom: .5em;
font-size: 3em;
line-height: 1.2em;
} .button,
.mc4wp-form input[type="submit"],
.woocommerce .woocommerce-content #respond input#submit,
.woocommerce .woocommerce-content a.button,
.woocommerce .woocommerce-content button.button,
.woocommerce .woocommerce-content input.button,
.woocommerce-cart #content #respond input#submit,
.woocommerce-cart #content a.button,
.woocommerce-cart #content button.button,
.woocommerce-cart #content input.button,
.woocommerce-checkout #content #respond input#submit,
.woocommerce-checkout #content a.button,
.woocommerce-checkout #content button.button,
.woocommerce-checkout #content input.button,
.woocommerce-account #content #respond input#submit,
.woocommerce-account #content a.button,
.woocommerce-account #content button.button,
.woocommerce-account #content input.button {
display: inline-block;
padding: 1em 1.5em !important;
background: #ffd200; background: linear-gradient(0deg, rgba(255,201,0,1) 60%, rgba(241,152,16,1) 100%);
color: #000 !important; border-top: none;
border-right: none;
border-bottom: 0.25em solid #f99d1c; border-left: none;
border-radius: 0;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
.button:hover,
.woocommerce .woocommerce-content #respond input#submit:hover,
.woocommerce .woocommerce-content a.button:hover,
.woocommerce .woocommerce-content button.button:hover,
.woocommerce .woocommerce-content input.button:hover,
.woocommerce-cart #content #respond input#submit:hover,
.woocommerce-cart #content a.button:hover,
.woocommerce-cart #content button.button:hover,
.woocommerce-cart #content input.button:hover,
.woocommerce-checkout #content #respond input#submit:hover,
.woocommerce-checkout #content a.button:hover,
.woocommerce-checkout #content button.button:hover,
.woocommerce-checkout #content input.button:hover,
.woocommerce-account #content #respond input#submit:hover,
.woocommerce-account #content a.button:hover,
.woocommerce-account #content button.button:hover,
.woocommerce-account #content input.button:hover {
background: #fab600 !important; } .gallery {
margin-bottom: 1em !important;
}
.gallery-item {
margin: 0 !important;
}
.gallery-item img {
display: block;
width: 100%;
height: auto;
border: none !important;
}
dd.gallery-caption {
display: none;
} .video-container {
position: relative;
margin-bottom: 1em;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.files {
list-style: none;
} .event-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
list-style: none;
}
.event-list-item {
width: 32%;
background: #fff; color: #000; }
.event-list-item a {
display: block;
text-decoration: none;
}
.event-list-item img {
display: block;
height: auto;
width: 100%;
}
.details-wrapper {
padding: .5em;
}
.event-list .event-booking-link a:hover {
background: #ffd200; color: #000; } .main-block {
display: table;
width: 100%;
table-layout: auto;
}
.main h2 {
font-size: 2em;
}
.main-left {
display: table-cell;
width: 70%;
padding: 0 5% 4em 0;
vertical-align: top;
}
@media (max-width: 800px) {
.mob-menu-slideout .main-left {
display: block;
width: 100%;
padding-right: 0;
}
}
.main-right {
display: table-cell;
width: 70%;
padding: 0 0 4em 5%;
vertical-align: top;
}
.main-inner {
padding: 2em;
background: #fff; }
.top-shift {
margin-top: -8em;
}
.sidebar-right {
display: table-cell;
vertical-align: top;
}
.sidebar-left {
display: table-cell;
vertical-align: top;
}
.main-content img {
width: 100%;
height: auto;
} .contact-box .circle-image {
margin: inherit auto 1em;
text-align: center;
}
.contact-box .circle-image img {
display: block;
width: 100%;
max-width: 180px;
height: auto;
margin: 0 auto;
border-radius: 50%;
}
.contact-box .content {
margin-bottom: 1em;
}
.contact-box .button {
max-width: 14em;
margin-bottom: .25em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.contact-box table {
width: 100%;
}
.contact-box tr {
border-top: 1px solid #f99d1c; }
.contact-box tr:first-child {
border-top: none;
}
.contact-box td {
padding: .25em 0;
}
.page-template-page-contact .contact-box .button { padding: 1em;
}
.page-template-page-vstupenky .contacts,
.page-template-page-contact .contacts {
display: flex;
}
@media (max-width: 800px) {
.mob-menu-slideout.page-template-page-vstupenky .contacts,
.mob-menu-slideout.page-template-page-contact .contacts {
display: block;
}
}
.page-template-page-contact .contacts {
flex-wrap: wrap;
justify-content: left;
}
.page-template-page-contact .contact-box-wrapper {
flex: 1;
max-width: 33.3333%;
}
@media (max-width: 800px) {
.mob-menu-slideout.page-template-page-contact .contact-box-wrapper {
max-width: 100%;
}
}
.page-template-page-vstupenky .contacts {
justify-content: space-between;
}
.page-template-page-vstupenky .contact-box-wrapper {
}
.page-template-page-vstupenky .contact-box,
.page-template-page-contact .contact-box {
margin: 4em .5em 2em;
padding: 1em;
background: #fff; color: #000; text-align: center;
}
.page-template-page-contact .contact-box h3 {
margin-bottom: 0em;
}
.page-template-page-vstupenky .top-shift,
.page-template-page-contact .top-shift {
margin-top: -72px;
}
.page-template-page-vstupenky .contact-box .circle-image img,
.page-template-page-contact .contact-box .circle-image img {
max-width: 120px;
}
.online-booking {
margin-bottom: 3em;
text-align: center;
}
.online-booking h2 {
display: inline-block;
margin: 0 auto;
padding: .5em 1em;
background: #fff; text-align: center;
}
.online-booking .content-wrapper {
padding: 2em 0;
background: #333; color: #fff; text-align: left;
}
.online-booking a {
color: #fff; } .edu-info-box {
margin-bottom: 2em;
list-style: none;
}
.edu-info-box li {
padding: 1em;
background-color: #333; color: #fff; }
.edu-info-box li:nth-child(2n+1) {
background-color: #000; }  .tabs {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
font-size: 1.5em;
} ul.tabs li {
float: left;
} ul.tabs li a {
display: inline-block;
margin-top: .5em;
padding: .5em 1em;
background: #000; color: #fff; text-decoration: none;
-webkit-transition: margin-top .2s, padding-top .2s, padding-bottom .2s; transition: margin-top .2s, padding-top .2s, padding-bottom .2s;
}
ul.tabs li:nth-child(even) a {
background: #333; }
ul.tabs li a.special {
background-color: #ffd200; color: #000; } ul.tabs li a:hover {
margin-top: 0;
padding-top: .75em;
padding-bottom: .75em;
} ul.tabs li a:focus,
ul.tabs li .active {
margin-top: 0;
padding-top: .75em;
padding-bottom: .75em;
background: #fff !important; color: #000; } .tabcontent {
display: none;
}
.tabcontent.default,
.tabcontent.active {
display: block;
}
@media (max-width: 800px) {
ul.tabs li a {
padding: .25em .5em;
font-size: 0.625em;
letter-spacing: 0.05em;
}
ul.tabs li a:hover,
ul.tabs li a:focus,
ul.tabs li .active {
padding-top: .5em;
padding-bottom: .5em;
}
} section#latest-articles {
margin: 2em auto;
}
section#latest-articles article {
display: inline-block;
position: relative;
width: 33.3%;
margin: 0 -4px 2em 0;
vertical-align: top;
}
@media (max-width: 800px) {
.mob-menu-slideout section#latest-articles article {
width: 100%;
margin-right: 0;
}
}
section#latest-articles article a.post-thumb {
display: block;
position: relative;
}
section#latest-articles article a.post-thumb img {
display: block;
width: 100%;
height: auto;
}
section#latest-articles article .post-content {
padding: 1em 1em 2em;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(239,239,239,1) 100%);
color: #000; }
section#latest-articles article.category-smutecni-aktuality .post-content {
background-color: #333; color: #fff; }
section#latest-articles article:nth-child(2n).category-smutecni-aktuality .post-content {
background-color: #000; }
section#latest-articles article .post-content h3 {
margin-bottom: 0.5em;
}
section#latest-articles article .read-more {
margin-top: -1.5em;
text-align: center;
}
section#latest-articles .link {
text-align: center;
}
section#latest-articles article.tag-prioritni {
display: grid;
grid-template-columns: 1fr 2fr;
width: 100%;
}
section#latest-articles article.tag-prioritni .read-more {
margin-top: -1.5em;
text-align: center;
} section#program {
margin-top: 2em;
}
section#program h2 {
display: inline-block;
margin-bottom: 0;
padding: 0.5em 1em;
background-color: #fff; }
table.events {
width: 100%;
}
.post-type-archive-program table.events {
margin-bottom: 2em;
}
table.events tr {
background-color: #e3e3e3; }
table.events tr:nth-child(2n) {
background-color: #fff; }
table.events tr:hover,
table.events tr.special-event {
background-color: #ffd200; }
table.events td {
padding: 0.5em .75em;
}
table.events td.event-tags li {
display: inline-block;
}
table.events small {
font-size: 0.75em;
line-height: 1.15em;
}
td.event-date {
}
td.event-show a {
display: block;
text-decoration: none;
}
td.event-show img {
display: inline-block;
height: 3em;
width: 3em;
margin-right: 0.5em;
border-radius: 50%;
vertical-align: middle;
}
td.event-show span {
display: inline-block;
max-width: 15em;
font-size: 1.5em;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.page-template-page-festival td.event-show span {
max-width: 9em;
}
td.event-venue .stage-logo img {
display: block;
max-height: 1.5em;
padding: .25em .05em 0 0;
}
.event-booking-link {
padding: 0;
text-transform: uppercase;
}
.event-booking-link a,
.assigned {
display: block;
padding: .5em .25em;
font-size: .875em;
text-align: center;
text-decoration: none;
}
.event-booking-link a, .event-booking-link button{
display: inline;
}
section#current-program .event-booking-link a,
.page-template-page-festival .event-booking-link a {
background-color: #000; color: #fff; }
section#current-program .event-booking-link a:hover,
.page-template-page-festival .event-booking-link a:hover {
background-color: #fff; color: #000; } table.events tr.month-title {
background-color: transparent;
}
table.events tr.month-title td {
padding: 0;
}
table.events tr.month-break {
background-color: transparent;
}
table.events tr.month-break td {
}
section#aktualni-vystavy {
margin-top: 2em;
}
@media (max-width: 800px) {
table.events td {
display: block;
padding: .1em .5em;
}
table.events td.event-date {
padding-top: .25em;
}
table.events td.event-date .day {
font-size: 1em;
}
table.events td.event-date .date {
display: inline-block;
}
table.events td.event-start,
table.events td.event-venue,
table.events td.event-tags {
display: inline-block;
}
table.events td.event-tags {
min-width: 50%;
}
table.events .show-tag {
padding: .1em;
}
table.events td.event-booking-link {
float: right;
}
} .page-template-page-program-new section#aktualni-vystavy {
margin-bottom: 4em;
padding: 3em 0 2em;
background: #333; color: #fff; }
.page-template-page-program-new section#aktualni-vystavy .show-list > li {
width: 50%;
}
.page-template-page-program-new section#aktualni-vystavy .page-content a {
color: #fff;
}
.page-template-page-program-new .event-calendar-header {
margin-left: 3.33em;
}
ul.tabs li.tab-right {
float: right;
}
.event-calendar {
width: 100%;
table-layout: fixed;
}
.event-calendar .table-header {
}
.event-calendar .table-header th {
padding: .5em 1em;
background: #e6e6e6; font-weight: bold;
text-align: left;
vertical-align: top;
}
.event-calendar .table-header th:nth-child(2n+1) {
background: #fff; }
.event-calendar .table-header th:first-child {
width: 4em;
padding: .5em;
background: none;
}
.event-calendar .table-header img {
display: block;
width: auto;
height: 2em;
padding: .5em 0 .25em;
}
.event-calendar .table-header .stage-name {
font-size: 1.125em;
}
.event-calendar td {
position: relative;
width: 20%;
padding: 0;
vertical-align: top;
z-index: 10;
}
.event-calendar td:after {
display: -webkit-flex; display: flex;
-webkit-flex-direction: column; flex-direction: column;
-webkit-justify-content: center; / Safari 6.1+ */
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '\2191\A'attr(data-stage)'\A\2193';
color: #cbcbcb;
text-align: center;
white-space: pre;
z-index: -1;
}
.event-calendar tr td,
.event-calendar tr:nth-child(2n+1) td:nth-child(2n+1) {
background: #e6e6e6; }
.event-calendar tr td:nth-child(2n+1),
.event-calendar tr:nth-child(2n+1) td {
background: #fff; }
th.event-date {
padding: 0;
background: none !important;
text-transform: uppercase;
vertical-align: top;
}
th.event-date > div {
padding: .5em .25em;
background-color: #000; color: #fff; text-align: center;
}
.page-template-page-program-new tr:nth-child(2n+1) th.event-date > div,
.page-template-page-program-zajezdy tr:nth-child(2n+1) th.event-date > div{
background-color: #333; }
th.event-date .day {
font-size: 3.5em;
font-weight: bold;
letter-spacing: -.05em;
line-height: 1em;
}
.event-calendar td.main-stage .event-container,
.event-calendar tr:nth-child(2n+1) td.main-stage .event-container:nth-child(2n+1) {
background-color: #a6ce39; }
.event-calendar td.main-stage .event-container:nth-child(2n+1),
.event-calendar tr:nth-child(2n+1) td.main-stage .event-container {
background-color: #42a62a; }
.event-calendar td.studio .event-container,
.event-calendar tr:nth-child(2n+1) td.studio .event-container:nth-child(2n+1) {
background-color: #009ee0; }
.event-calendar td.studio .event-container:nth-child(2n+1),
.event-calendar tr:nth-child(2n+1) td.studio .event-container {
background-color: #007ee0; }
.event-calendar td.labyrint .event-container,
.event-calendar tr:nth-child(2n+1) td.labyrint .event-container:nth-child(2n+1) {
background-color: #f99d1c; }
.event-calendar td.labyrint .event-container:nth-child(2n+1),
.event-calendar tr:nth-child(2n+1) td.labyrint .event-container {
background: #ffd200; background: linear-gradient(0deg, rgba(255,201,0,1) 60%, rgba(241,152,16,1) 100%);
}
.event-calendar td.museum .event-container,
.event-calendar tr:nth-child(2n+1) td.museum .event-container:nth-child(2n+1) {
background-color: #e85b96; }
.event-calendar td.education .event-container,
.event-calendar tr:nth-child(2n+1) td.education .event-container:nth-child(2n+1) {
}
.event-calendar td.museum .event-container:nth-child(2n+1),
.event-calendar tr:nth-child(2n+1) td.museum .event-container {
background-color: #b2007c; }
td.event a.show-thumb {
position: relative;
display: block;
max-height: 122px;
overflow: hidden;
}
td.event a.show-thumb img {
display: block;
width: 100%;
height: auto;
}
.event-container > div {
padding: 0.5em;
}
td.event h3 {
margin-bottom: .25em;
}
td.event > h3 a {
text-decoration: none;
}
td.event > h3 a:hover {
text-decoration: underline;
}
.event-booking-link {
text-align: center;
}
.event-calendar .event-booking-link a {
display: inline-block;
margin: .5em 0;
padding: .5em;
background: #000; color: #fff; text-decoration: none;
text-transform: uppercase;
}
.event-calendar .event-booking-link a:hover {
background: #fff; color: #000; text-decoration: none;
} #stages {
list-style: none;
}
.stage-content ul {
margin-bottom: 1em;
padding-left: 1.5em;
}
.stage-content li {
}
.stage-content ul.files {
padding-left: 0;
} section#shows {
margin-top: 2em;
}
ul.show-list,
ul.staff-list {
margin-bottom: 2em;
padding: 0;
}
.show-list-mifd {
display: flex;
flex-wrap: wrap;
gap: 10px; list-style: none;
padding: 0;
padding-left: 0em !important;  }
.show-list-mifd li {
min-width: 80px;
text-align: center;
}
.show-list-mifd li a {
display: block;
}
.show-list-mifd li:hover h3 {
color: #ffd200;
}
.show-list h2,
.staff-list h2 {
display: inline-block;
margin-bottom: 0;
padding: 0.5em 1em;
background-color: #fff; }
.show-list ul,
.staff-list ul {
list-style: none;
}
.show-list li,
.staff-list li {
position: relative;
display: inline-block;
width: 33.34%;
margin-right: -4px;
vertical-align: top;
}
@media (max-width: 800px) {
.mob-menu-slideout .show-list li,
.mob-menu-slideout .staff-list li {
width: 100%;
margin-right: 0;
}
}
.staff-list li {
width: 25%;
}
.show-list li a,
.staff-list li a {
display: block;
}
.show-list li a:hover .show-title *,
.staff-list li a:hover .profession-and-name * {
color: #ffd200; }
.show-list li img,
.staff-list li img {
display: block;
width: 100%;
height: auto;
}
.show-list .show-title,
.staff-list .profession-and-name {
display: inline-block;
position: absolute;
left: 0;
bottom: 1em;
color: #fff; }
@media (max-width: 800px) {
.mob-menu-slideout .show-list .show-title,
.mob-menu-slideout .staff-list .profession-and-name {
bottom: 1em;
max-width: 75%;
}
}
.show-title {
padding: .75em 1em;
background: #000; color: #fff; }
.staff-list .profession-and-name {
bottom: 0;
padding: .75em 1em;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.show-title h2,
.staff-list .profession-and-name h2,
.show-title h3,
.staff-list .profession-and-name h3 {
margin-bottom: 0;
} ul.show-tags,
ul.event-tags,
.event-tags ul,
ul.slide-tags {
display: inline-block;
list-style: none;
}
ul.slide-tags li {
margin-bottom: 1px;
}
.show-tag,
.slide-tag,
.event-tag {
display: inline-block;
min-width: 1.75em;
padding: 0.4em 0.25em;
background-color: #ffd200; color: #000; letter-spacing: 0;
text-align: center;
}
.event-calendar .event-tag {
padding: 0.4em;
}
tr.special-event:nth-child(2n) .ensemble-tag {
background-color: #f99d1c; }
a:hover .slide-tag {
color: #000 !important; }
.age-tag {
background-color: #000; color: #fff; }
.event-tag {
background-color: #000; color: #fff; }
.event-tag.zruseno {
background-color: #ed1c24; }
.show-tag.drak,
.show-tag.labyrint {
background-color: #b2007c; color: #fff; }
.show-list .show-tags,
.single-show .page-header .show-tags,
.single-staff .show-tags,
.single-exhibition .page-header .show-tags {
position: absolute;
right: 0;
top: 1em;
z-index: 100;
display: flex;
flex-direction: column;
justify-content: flex-start;
margin-right: 5px;
}
.show-list .show-tags li {
width: 100%;
margin: 0;
margin-bottom: 2px;
display: flex;
justify-content: flex-end;
}
.event-calendar .event-tags {
position: absolute;
right: 0;
bottom: 0;
z-index: 1000;
}
.event-calendar .show-tags {
position: absolute;
right: 0;
top: 0;
z-index: 1000;
}
.page-template-page-shows .show-tags li,
.single-staff .show-tags li {
display: block;
width: auto;
margin: 0;
text-align: right;
}
.single-show .age-tag {
margin-right: 0.25em;
}
.event-calendar .event-tags {
display: flex;
} .show-subheading {
margin-bottom: 2em;
padding: 1em 1.5em;
background-color: #fff; color: #000; font-size: 1.125em;
}
.show-basic-info {
display: table;
width: 100%;
margin-bottom: 2em;
table-layout: fixed;
}
.show-colophon,
.show-details,
.show-files {
display: table-cell;
position: relative;
padding: 1em 0;
background: rgb(51,51,51); background: linear-gradient(90deg, rgba(51,51,51,1) 60%, rgba(0,0,0,1) 100%);
color: #fff; vertical-align: top;
}
@media (max-width: 800px) {
.mob-menu-slideout .show-colophon,
.mob-menu-slideout .show-details,
.mob-menu-slideout .show-files {
display: block;
}
}
.show-colophon > *,
.show-details > *,
.show-files > * {
padding: 0 1em;
}
.show-files ul {
list-style: none;
}
.show-colophon li a,
.show-details li a,
.show-files li a {
color: #fff; }
.more-link-wrapper {
position: absolute;
bottom: -1.5em;
width: 100%;
padding: 0;
text-align: center;
}
.more-link-wrapper a {
padding: 0.75em 1em;
}
.show-cast {
margin-bottom: 2em;
text-align: center;
}
.show-cast h3 {
display: inline-block;
margin-bottom: 0;
padding: 0.5em 1em;
background-color: #fff; color: #000;
font-size: 1.5em;
}
.show-cast ul {
display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
-webkit-justify-content: center; justify-content: center;
width: 100%;
}
.show-cast li {
display: inline-block;
-webkit-flex-basis: 20%; flex-basis: 20%; }
@media (max-width: 800px) {
.mob-menu-slideout .show-cast li {
-webkit-flex-basis: 50%; flex-basis: 50%; }
}
.show-cast li a {
display: inline-block;
width: 100%;
padding: 1em 0;
background: #ffd200; background: linear-gradient(90deg, rgba(255,201,0,1) 60%, rgba(241,152,16,1) 100%);
text-decoration: none;
vertical-align: top;
}
.show-cast a img {
position: relative;
display: inline-block;
width: 100%;
height: auto;
top: .25em;
max-width: 120px;
border-radius: 50%;
-webkit-transition: top .2s; transition: top .2s;
}
.show-cast a:hover img {
top: 0;
}
.show-info-wrapper {
position: relative; }
#show-program {
display: table-cell;
padding-right: 1em;
vertical-align: top;
}
@media (max-width: 800px) {
.mob-menu-slideout #show-program {
display: block;
margin-bottom: 3em;
padding-right: 0;
}
}
#show-program h3 {
display: inline-block;
margin-bottom: 0;
padding: 0.5em 1em;
background-color: #000; color: #fff; font-size: 1.5em;
}
#show-program .exhibition-details {
padding: 1em;
background: #e6e6e6; font-weight: bold;
}
#show-program .exhibition-details:nth-child(2n+1) {
background: #fff; }
aside table.events td {
padding: 0.5em;
}
.show-annotation {
display: table-cell;
width: 65%;
background-color: #fff;
vertical-align: top;
}
.show-annotation-content {
padding: 1.5em;
}
nav#bottom-nav {
margin: 2em auto;
text-align: center;
}
.nav-wrapper {
display: table;
width: 100%;
table-layout: fixed;
}
nav#bottom-nav a {
display: table-cell;
padding: 2em 1.5em;
background-color: #009ee0; color: #fff; text-decoration: none;
text-transform: uppercase;
}
nav#bottom-nav a:nth-child(2n) {
background-color: #007ee0; }
nav#bottom-nav a[rel~="prev"] {
text-align: left;
}
nav#bottom-nav a[rel~="next"] {
text-align: right;
}
nav#bottom-nav a:hover {
background-color: #e6e6e6; color: #000; } #scroll-to-nav ul {
display: table;
width: 100%;
margin: 2em 0;
list-style: none;
}
#scroll-to-nav li {
display: table-cell;
padding-left: 1px;
}
#scroll-to-nav li:first-child {
padding-left: 0;
}
#scroll-to-nav li:first-child {
margin-left: 0;
}
#scroll-to-nav li a {
display: block;
padding: 0.75em;
background-color: #000; color: #fff; font-size: 1.25em;
text-align: center;
text-decoration: none;
}
#scroll-to-nav li a:hover {
color: #ffd200; }
.person,
#person {
margin: 2em auto;
}
.person-thumb,
.page-thumb {
display: inline-block;
width: 30%;
margin-right: -4px;
vertical-align: top;
}
.person-thumb img,
.page-thumb img {
display: block;
width: 100%;
height: auto;
}
.person-details {
display: inline-block;
width: 70%;
}
.single-staff .profession-and-name,
.page-content header {
padding: 0.75em 1.5em;
color: #fff; }
.single-staff .profession-and-name,
.page-content header {
background-color: #000; }
.single-staff .profession-and-name h2,
.page-content header h2 {
margin-bottom: 0;
}
.person-about {
padding: 0.75em 1.5em;
background-color: #fff; }
section#where-you-can-see-me h3 {
display: inline-block;
margin-bottom: 0;
padding: 0.5em 1em;
background-color: #fff; font-size: 1.5em;
}
section#where-you-can-see-me ul {
list-style: none;
}
section#where-you-can-see-me > ul > li {
position: relative;
display: inline-block;
margin-right: -4px;
vertical-align: top;
}
section#where-you-can-see-me li a {
display: block;
}
section#where-you-can-see-me .show-thumb img {
display: block;
}
section#where-you-can-see-me .show-title {
position: absolute;
left: 0;
bottom: 0.5em;
padding: 0.75em 1.25em;
} ul.card-list {
margin: 0;
padding: 0;
list-style: none;
}
.card-list li {
display: inline-block;
width: 30%;
margin: 0 1.5% 1em;
text-align: center;
vertical-align: top;
}
.card-list a {
text-decoration: none;
}
.card-list img {
display: block;
width: 60%;
height: auto;
margin: 0 auto -30%;
border-radius: 50%;
}
.card-content {
padding: 38% 1em 2em;
background: #fff; }
.card-content h3 {
font-size: 1.5em;
}
.card-button {
margin-top: -1.75em;
}
section.and-more {
background-color: #000; }
.and-more-title {
padding: 2em;
color: #fff; text-align: center;
}
.full-width-block.contact-box-wrapper {
padding: 3em 0;
background: #333; color: #fff; }
.full-width-block .contact-box {
display: flex;
justify-content: center;
}
.full-width-block.contact-box-wrapper .circle-image {
margin-right: 3em;
} .awards {
}
.award {
}
.award-list {
list-style: none;
}
.award-list li {
display: flex;
justify-content: flex-end;
}
.award-list li:nth-child(2n+1) {
flex-direction: row-reverse;
}
.award-year,
.award-details {
padding: 2%;
}
.award-year {
width: 8%;
background: #000; background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 90%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 90%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(51,51,51,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#333333",GradientType=1);
color: #fff; text-align: center;
}
.award-year h2 {
margin-bottom: 0;
}
.award-details {
width: 40%;
background: #fff; background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 90%, rgba(248,248,248,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 90%, rgba(248,248,248,1) 100%);
background: linear-gradient(0deg, rgba(255,255,255,1) 90%, rgba(248,248,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#efefef",GradientType=1);
color: #000; } .page-template-page-labyrint aside.contact-box {
}
.page-template-page-labyrint aside .contact-box-inner {
padding: 1.25em;
background: #ffd200; }
ul.labyrint-archiv {
display: grid;
place-items: center; grid-template-columns: 1fr; gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
section.lab-arch {
margin: 3em 0;
padding: 1em 0;
background-color: #333; }
section.lab-arch > div {
padding: 0;
}
li.select-lab-arch {
}
li.select-lab-arch a {
display: block;
padding: 1em 0.5em;
background-color: #fff; text-decoration: none;
}
li.select-lab-arch a:hover {
background-color: #ffd200; }
li.select-lab-arch h3 {
display: inline-block;
margin: 0;
line-height: 1.25em;
vertical-align: middle;
}
li.select-lab-arch a:hover .education-code {
background-color: #fff; } section.select-age {
margin: 3em 0;
padding: 1em 0;
background-color: #333; }
section.select-age > div {
padding: 3em 0;
}
ul.select-age-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
li.select-age-item {
}
li.select-age-item a {
display: block;
padding: 1em 0.5em;
background-color: #fff; text-decoration: none;
}
li.select-age-item a:hover {
background-color: #ffd200; }
.education-code {
display: inline-block;
width: 1.5em;
height: 1em;
margin: 0 0.25em 0 0;
padding: .5em .25em;
background-color: #ffd200; border-radius: 50%;
font-size: 1.75em;
line-height: 1em;
text-align: center;
vertical-align: middle;
}
li.select-age-item a:hover .education-code {
background-color: #fff; }
li.select-age-item h3 {
display: inline-block;
max-width: 7em;
margin: 0;
line-height: 1.25em;
vertical-align: middle;
}
ul.show-list-lines {
margin: 0 0 3em 0;
padding: 0;
list-style: none;
}
li.show-list-line {
background-color: #e3e3e3; }
li.show-list-line:nth-child(2n) {
background-color: #fff; }
li.show-list-line:hover {
background-color: #ffd200; }
li.show-list-line > a > * {
display: inline-block;
}
li.show-list-line h3 {
display: inline-block;
}
li.show-list-line ul.show-tags {
margin: 0;
padding: 0;
list-style: none;
}
.show-list-lines td.event-tags li {
display: inline-block;
}
.show-list-lines small {
font-size: 0.75em;
line-height: 1.15em;
}
.show-list-lines {
}
.show-list-lines a {
display: block;
padding: 0.5em .75em;
text-decoration: none;
}
.show-list-lines img {
display: inline-block;
height: 3em;
width: 3em;
margin-right: 0.5em;
border-radius: 50%;
vertical-align: middle;
}
.show-list-lines span {
display: inline-block;
max-width: 10em;
font-size: 1.5em;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event-booking-link {
padding: 0;
text-transform: uppercase;
}
section.edu-partners {
margin: 3em 0;
} .page-template-page-festival .page-header-image .header-content {
padding-bottom: 0;
}
.page-template-page-festival .page-header {
margin-bottom: 0;
}
.page-template-page-festival .sub-nav {
display: table;
width: 100%;
list-style: none;
border-spacing: .25em 0;
table-layout: fixed;
}
.page-template-page-festival .sub-nav > li {
display: table-cell;
font-weight: bold;
}
.page-template-page-festival .sub-nav li a {
display: block;
margin-top: .5em;
padding: 1em 1.5em;
background: #ffd200; background: linear-gradient(180deg, rgba(255,201,0,1) 60%, rgba(241,152,16,1) 100%);
text-decoration: none;
-webkit-transition: margin-top .2s, padding-top .2s, padding-bottom .2s; transition: margin-top .2s, padding-top .2s, padding-bottom .2s;
}
.page-template-page-festival .sub-nav > li.current_page_item > a,
.page-template-page-festival .sub-nav li > a:hover {
display: block;
margin-top: 0;
padding: 1.5em 1.5em 1em;
background: #fff; text-decoration: none;
}
.page-template-page-festival .sub-nav .children {
display: none;
}
.page-template-page-festival .main-content {
padding: 1.5em;
background-color: #fff; } .page-template-page-contact #map-iframe {
width: 100%;
height: 480px;
}
.page-template-page-contact #content section {
margin-bottom: 3em;
}
.page-template-page-contact #content .section-content {
display: flex;
justify-content: flex-start;
}
@media (max-width: 800px) {
.mob-menu-slideout.page-template-page-contact #content .section-content {
display: block;
}
}
.page-template-page-contact #content .section-col {
width: 100%;
background: #fff; background: linear-gradient(90deg, rgba(255,255,255,1) 60%, rgba(239,239,239,1) 100%);
}
.page-template-page-contact #content .section-col-content {
padding: 1em;
} ul.partners {
padding-left: 1.5em;
list-style: none;
}
ul.partners > li {
display: inline-block;
margin: 0 2em 2em 0;
vertical-align: middle;
}
ul.partners img {
display: block;
max-width: 250px;
height: auto;
}
ul.partners li.partner-logo-vertical img {
max-width: 200px;
}
section#media-partners ul.partners img {
max-width: 200px;
}
section#media-partners ul.partners li.partner-logo-vertical img {
max-width: 150px;
} .page-template-page-patracka {
background: #fff; }
.page-template-page-patracka #content {
background: #fff; margin-bottom: 7em;
padding: 3em 0 5em 0;
border-top: 1px solid #e3e3e3; }
.page-template-page-patracka #content header {
margin-bottom: 3em;
}
.page-template-page-patracka #content header img {
display: block;
width: 100%;
height: auto;
}
.page-template-page-patracka #content section {
margin-bottom: 3em;
padding-bottom: 3em;
border-bottom: 8px solid #e3e3e3; }
.page-template-page-patracka #content hr {
margin: 3em 0;
padding: 0;
border-bottom: 8px solid #e3e3e3; }
.post-password-form {
margin: 3em auto 0;
padding: 3em 0 0 0;
background: transparent;
border-top: 8px solid #e3e3e3; text-align: center;
}
.post-password-form input {
margin: .5em 0;
padding: 1em;
}
.post-password-form input[type="submit"] {
padding: .675em 1em;
} .wp-pagenavi {
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
margin: 0 2px 0 0;
padding: 0.5em 1em;
background-color: #000; color: #fff; border: none;
text-decoration: none;
}
.wp-pagenavi .pages {
display: none;
margin-bottom: 1em;
background-color: transparent;
color: #000; }
.wp-pagenavi .current,
.wp-pagenavi a:hover {
background-color: #fff; color: #000; }
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
font-weight: bold;
} section#slider {
margin-bottom: 4em;
}
@media (max-width: 800px) {
.mob-menu-slideout section#slider {
margin-top: 112px;
}
}
.slick-slider {
margin-bottom: 3em;
z-index: 10;
}
.slick-slide > a {
display: block;
position: relative;
}
.slide-content {
display: inline-block;
position: absolute;
bottom: 2em;
left: 0;
width: 100%;
color: #fff; font-size: 1.5em;
line-height: 1.5em;
text-align: center;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
z-index: 100;
}
.slide-content h2 {
margin-bottom: .5em;
font-size: 2em;
}
.slide-content p {
margin-bottom: 0.5em;
}
.slide-content .button {
font-size: .75em;
text-shadow: none;
}
.slide-content strong {
font-size: 1.5em;
}
.slick-slide img {
width: 100%;
height: auto;
margin: 0 auto;
}
.slick-active {
}
.slick-dots li {
background-color: #000; border-radius: 50%;
}
.slick-dots li.slick-active {
background-color: #ffd200; }
.slick-dots li button:before {
opacity: 0 !important;
} #slb_viewer_wrap .slb_theme_slb_default .slb_container {
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_details {
padding: 0.5em 1em !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title,
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 1.5em !important;
letter-spacing: 0.02em !important;
line-height: 1.5em !important;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
float: right !important;
} footer.site-footer {
color: #fff; }
footer.site-footer .section-title,
.section-title.ofset {
position: absolute;
top: -3.16em;
}
section#newsletter {
margin-top: 3em;
margin-bottom: 6em;
}
section#newsletter .section-title {
top: -2.5em;
}
.mc4wp-form {
margin: 0;
background-color: #333; }
.mc4wp-form-new {
margin: 0;
background-color: #fff; }
.mc4wp-form-new .form-intro {
color: #000; }
.mc4wp-form .form-intro,
.mc4wp-alert {
padding: 1em;
}
.mc4wp-form .form-area {
padding: 1em;
background-color: #000; text-align: center;
}
.mc4wp-form input {
padding: 0.875em;
}
.mc4wp-form input[type="submit"] {
padding: 0.75em 1.5em;
}
.mc4wp-alert {
background-color: #fff; color: #000; }
#social-network-links .section-title {
right: 0;
}
footer.site-footer a,
footer.site-footer a:hover:not(.active) {
color: #fff; }
footer.site-footer ul {
list-style: none;
}
footer.site-footer li {
display: inline-block;
margin-right: -4px;
}
footer.site-footer p {
margin: 0;
}
section#social-network-links {
padding: 1em 0 6em 0;
background-color: #333; text-align: center; }
section#social-network-links .rounded-social-buttons {
display: flex;
justify-content: center; gap: 3em; padding: 2em 0 0.5em 0;
}
section#social-network-links .social-button {
width: 1.7em; height: 1.7em; background-color: grey;
color: white; font-size: 1.5em; padding: 0.5em; border-radius: 50%; text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
section#social-network-links .social-button.facebook { background-color: #3b5998; } section#social-network-links .social-button.youtube { background-color: #ff0000; } section#social-network-links .social-button.instagram { background-color: #e4405f; } section#social-network-links {
padding: 1em 0 2em 0;
background-color: #333; }
section#social-network-links li {
width: 33.3%;
background-color: #f99d1c; vertical-align: top;
}
section#social-network-links li:nth-child(2n) {
background-color: #ffd200; }
section#social-network-links a {
display: block; padding: 0.5em 1em 1em;
text-decoration: none;
}
section#social-network-links i {
display: inline-block;
font-size: 1.5em;
}
section#social-network-links i:before {
margin: 0 0.5em 0 0;
}
section#social-network-links a div {
display: inline-block;
width: 80%;
vertical-align: top;
}
section#social-network-links h3 {
margin-bottom: 0;
}
section#social-network-links p {
font-size: 0.75em;
}
section#partners-footer {
padding: 1em 0;
background-color: #000; }
section#partners-footer ul,
ul.partners-list {
display: table;
width: 100%;
table-layout: fixed;
}
section#partners-footer li,
ul.partners-list > li {
display: table-cell;
padding: 1em 0;
text-align: center;
vertical-align: middle;
}
section#partners-footer h3 {
margin-bottom: .25em;
text-align: center;
}
section#partners-footer img,
ul.partners-list img {
width: 80%;
max-width: 150px;
height: auto;
}
section#partners-footer a {
text-decoration: none;
}
section#partners-footer .partner-subtitle {
text-align: center;
line-height: 1;
}
section#gdpr {
background: #111; color: #e3e3e3; }
section#gdpr a {
display: inline-block;
padding: 1em;
color: #e3e3e3; } .woocommerce-checkout .site-header {
position: relative;
}
.woocommerce-content,
.woocommerce-cart #content,
.woocommerce-checkout #content,
.woocommerce-account #content {
margin-bottom: 6em;
padding: 6em 0;
background-color: #f3f3f3;
overflow: auto;
}
.woocommerce-cart #content,
.woocommerce-checkout #content,
.woocommerce-account #content {
padding-top: 4em;
}
.woocommerce-content .container {
width: 85%;
}
.woocommerce-checkout #content h3,
.woocommerce-account #content h2 {
font-size: 2em;
}
.special-tickets {
}
.special-tickets > ul {
display: flex;
}
.special-tickets > ul > li {
display: flex;
flex: 2;
margin-left: 3.8%;
}
.special-tickets > ul > li:first-child {
margin-left: 0;
}
.special-ticket-image,
.special-ticket-content {
flex: 2;
}
.special-ticket-image {
margin-right: 2em;
}
.gift-cards {  clear: both;
}
.gift-cards div > div {
position: relative; margin-bottom: 1em; }
.gift-cards div .inner {
position: absolute;
bottom: 0;
width: 85%;
}
.gift-card-grid-container {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 800px) {
.gift-card-grid-container {
margin-left: 10%;
margin-right: 10%;
}
.gift-card-grid-item {
padding: 0px 15px 0px 15px;
}
}
@media (max-width: 799px) {
.gift-card-grid-container {
margin-left: 1%;
margin-right: 1%;
}
.gift-card-grid-item {
padding: 0px 5px 0px 5px;
}
}
.gift-card-grid-item {
box-sizing: border-box;
width: 33.33%;
text-align: center;
} .gift-cards h3 {
font-size: 1.75em;
}
.gift-cards p {
margin-bottom: 1.5em;
}
.gift-cards form {
text-align: right;
}
.gift-cards input[name="amount"] {
width: 3em;
margin-right: .75em;
padding: 1em .75em;
text-align: center;
}
.woocommerce a.added_to_cart {
display: block !important;
text-decoration: underline !important;
}
.woocommerce .woocommerce-content div.product div.images .flex-control-thumbs li:before {
content: none;
}
.woocommerce .woocommerce-content ul.products li.product .woocommerce-loop-category__title,
.woocommerce .woocommerce-content ul.products li.product .woocommerce-loop-product__title,
.woocommerce .woocommerce-content ul.products li.product h3 {
font-size: 1.5em;
}
.woocommerce .woocommerce-content .quantity .qty {
padding: 1em;
border: 0;
}
.woocommerce form .form-row input.input-text {
padding: 1em .75em;
}
.woocommerce.single-product .product table {
width: 100%;
font-size: .8em;
table-layout: fixed;
text-align: left;
}
.woocommerce.single-product .product tr {
border-bottom: 1px solid #e6e6e6; }
.woocommerce.single-product .product th,
.woocommerce.single-product .product td {
padding: .5em 1em .5em 0;
}
.woocommerce.single-product .product table.variations {
font-size: 1em;
}
.woocommerce.single-product .product table.variations tr {
border: none;
}
.woocommerce.single-product .product table.variations td {
}
.woocommerce.single-product .product table.variations select {
padding: .5em .25em !important;
}
.woocommerce.single-product .woocommerce {
clear: both;
}
.woocommerce.single-product .ced {
padding: 2em 0 0;
}
.woocommerce-MyAccount-navigation li {
border-top: 1px solid #e6e6e6; font-size: 1.5em;
}
.woocommerce-MyAccount-navigation li:first-child {
border-top: none;
}
.woocommerce-MyAccount-navigation li a {
display: block;
padding: 0.75em 1em;
text-decoration: none;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
background: #ffd200; }
header.woocommerce-Address-title {
padding: 0;
background-color: #fff; color: #000; }
.woocommerce-store-notice,
p.demo_store {
background-color: #ffd200 !important; color: #000 !important; }
.woocommerce-store-notice a,
p.demo_store a {
color: #000 !important; }
.woocommerce table.shop_table {
border: none !important;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
padding: 1em .5em !important;
}
.woocommerce form .form-row .required {
visibility: visible !important;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
padding: 1em .5em;
border-top: 1px solid #d3ced2; }
#add_payment_method #payment ul.payment_methods li:first-child,
.woocommerce-cart #payment ul.payment_methods li:first-child,
.woocommerce-checkout #payment ul.payment_methods li:first-child {
border-top: none;
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
display: none;
}
a.btn-back-to-store {
display: inline-block;
padding: 1em 0;
text-decoration: none;
}
a.btn-back-to-store:hover {
text-decoration: underline;
} .under-construction .site-header h1 {
text-align: center;
}
#menu-item-7754 > a > i {    line-height: 1;}
.date-separator {    background-color: transparent !important;}
.event-name-festival {    max-width: 15em;}
.school-types {	margin: 30px 0;}
.school-types__h {background-color: #201e1f;padding:20px 40px 0px;align-content: center;    text-align: center; padding: 40px 40px 20px;}
.school-types__h span {border-bottom: 1px solid #333; line-height:0.1em; margin: 0px;     width: 100%;    display: block;}
.school-types__h strong {background-color: #201e1f; padding: 0px 20px;}
.school-types__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 20px;background-color: #201e1f;padding: 10px 40px;
}
.school-type {
text-decoration: none;
color: #fff;
text-align: center;
padding: 15px 10px;
transition: all .2s ease;
}
.school-type__icon {
width: 64px;
height: 64px;
margin: 0 auto 10px;
background-size: contain;
background-repeat: no-repeat;
filter: brightness(0.8);
transition: all .2s ease;
display: block;
}
.school-type:hover,.school-type.active {	border-color: #ffcc00;}
.school-type:hover .school-type__icon,.school-type.active .school-type__icon {	filter: none;	transform: scale(1.05);}
.school-type.active {	background: linear-gradient(0deg, rgba(255, 201, 0, 1) 60%, rgba(241, 152, 16, 1) 100%);}
.school-type.active .school-type__label {    color: #000;}
.school-tabcontent {	display: none;}
.school-tabcontent.active {	display: block;}
.icon-ms  { background-image: url(//draktheatre.cz/wp-content/themes/drak-2-0/images/icons/ms.png); }
.icon-zs1 { background-image: url(//draktheatre.cz/wp-content/themes/drak-2-0/images/icons/zs1.png); }
.icon-zs2 { background-image: url(//draktheatre.cz/wp-content/themes/drak-2-0/images/icons/zs2.png); }
.icon-ss  { background-image: url(//draktheatre.cz/wp-content/themes/drak-2-0/images/icons/ss.png); }
#colosseum-modal button.button-ref { cursor: pointer; }
body.#newsletter footer.site-footer ul.event-calendar-header li:nth-child(1) > a.active:hover {    color: #000;}