@charset "utf-8";

html, body {
 font-size: 15px;
}
body {
  font-family: var(--main-font);
  /* background-color: rgba(222,222,212,1); */
}
a {
  font-size: 1em;
}
a:hover, a:active {
  text-decoration: none;
}
a {
  color: var(--main-color);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--main-color);
  text-decoration: underline;
}

a.rovat, .sorozatajanlowrapper h1, .cikklista h1, .napkepeajanlo h1 
{
  color: var(--highlightcolor);  
  text-transform: uppercase;
  font-size: 1.0em;
}
a.rovat:hover, a.rovat:active {
  text-decoration: none;
}
.szinhazihirek a.rovat {
  text-transform: none;
  color: var(--grey);
  font-size: 1.0em;
  font-weight: bold;
}

h1, h2, h3, h4, a.eloadascim, ul.musor .idopont.nap, .bemutatok td .eloadas .cim, article .lead {
  font-family: var(--title-font);
}
.h1, h1 {
  font-size: 2.4em;
}
.h2, h2 {
  font-size: 1.5em;
}
.hidden {
  display: none;
}
.sorozatajanlowrapper h1, a.rovat, a.szinhaznev, .sorozatcim, .napkepeajanlo h1, .cikklista h1,
ul.letters > li > a, .szinhaz_tipusok li a, .internalmenu li a, #footer h2, .tarsszinhazak a,
ul.honapok li, ul.evadok li, .eloadaslista > ul > li .bemutato {
  font-family: var(--menu-font);
  font-weight: var(--menu-weight);
}
h1 a, h2 a, h3 a, h4 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,
h1 a:active, h2 a:active, h3 a:active, h4 a:active {
  color: rgb(51,51,51);
  text-decoration:none;
}
h1.pagetitle {
  margin-top: 0px;
  font-size: 2.7em;
  text-transform: uppercase;
  font-variant: normal;
  color: var(--main-color);
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: .2em;
}
.cikklista h2 a{
  font-weight: normal;
  font-size: inherit;
}
ol, ul {
  margin-bottom: 0;
}

.ilinkek ul, .mediacontainer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ilinkek ul li, .mediacontainer ul li {
  margin: 2px 0;
  padding: 0;
}
.mediacontainer {
  text-align: center;
}
ul.linkek li a ~ span:not(:empty)::before {
  content: " - ";
}
ul.linkek li a ~ span {
  font-style: italic;
}
a.jegyvasarlas {
  padding: 3px 15px;
  margin: 10px 15px;
  display: block;
  text-align: center;
  border-color: var(--main-color);
  border-style: solid;
  border-width: 1px;
  background: #eee;
  font-weight: bold;
  font-size: .9em;
}
article a.jegyvasarlas {
  display: inline-block;
  margin: 2px 0 2px 20px; 
}


@media (min-width: 992px) {
.vertical-middle {
  display: flex;
  align-items: center;
}
.szinhaz_valaszto > h3 {
  float: left;
}
}

#footerwrapper{
  background: rgb(82,82,79); 
  background: -moz-linear-gradient(top, rgba(82,82,79,1) 0%, rgba(33,20,0,1) 70%, rgba(33,20,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(82,82,79,1) 0%,rgba(33,20,0,1) 70%,rgba(33,20,0,1) 100%); 
  background: linear-gradient(to bottom, rgba(82,82,79,1) 0%,rgba(33,20,0,1) 70%,rgba(33,20,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52524f', endColorstr='#211400',GradientType=0 );
  min-height: 105px;
}
#headerwrapper {
  background: #ffffff url(../images/partners/theater2017/headerbg.png) bottom center repeat-x; /* Old browsers */
  background: linear-gradient(to top, #e5e5e5 1px, #fff 2px, #fff 50px, #e5e5e5 51px, #fff 51px, #fff 100%)
}
.smalllogo #headerwrapper {
  transition: min-height 0.5s ease-in-out;
}
.scrolled #headerwrapper {
  position: fixed;
  width: 100%;
  z-index: 100;
  margin-top: -15px;
  top: 0;
}

#header {
  position: relative;
  height: auto;
}
#footer {
  color: #fff;
  padding: 30px 0;
}
#footer a, #footer a:active, #footer a:hover {
  color: #fff;
}
#footer h2 {
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0.4em 30px;
}
#footer .tamogato {
  text-align: center;
  color: var(--main-color);
  background: white;
  margin: 30px;
  padding: 20px 0;
}
#footer .tamogato img {
  max-height: 75px;
}
#footer #lablecmenu {
  margin: 0 30px;
}
#menu {
  margin: 10px 0;
}
#menu ul.menu {
  margin-bottom: 5px;
}
@media (min-width: 1450px) {
/*
.scrolled .logo {
  left: 0;
  width: 130px;
  bottom: -5px;
  position: absolute;
  left: -135px;
} */
/*
.scrolled #menu {
  margin-top: 78px;
}*/
}
.scrolled #main {
  padding-top: 121px;
}
.fullwidth {
  width: 1170px;
  max-width: 100%;
  margin: 0 auto;
}
#main {
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}
#main > #content {
  position: relative;
}
#main > #content > div {
  padding-top: 15px;
  padding-bottom: 15px;
}
.menu-1 .main.region > div, .marginbottom {
  margin-bottom: 30px;
}
.padding-top-bottom {
  padding: 30px 0;
}
/*
.menu-1 .main.region {
  margin-left: -15px;
  margin-right: -15px;
}*/
/*
:not(.scrolled) #header .logo {
  height: 78px;
}
*/
#header .logo img {
  width: 450px;
  max-width: 100%;
  margin: 20px auto;
  display: block;
  transition: width .5s ease-in-out;
}
.smalllogo #header .logo img {
  width: 280px;
  margin: 20px auto;
  transition: width .7s ease-in-out, margin .7s ease-in-out;
}
/*
ul.menu {
  margin: 0;
  padding: 0;
}

ul.menu li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}
*/
.menu.sm-clean {
  background: #fff;
  border-radius: 0;
}
ul.menu.menutype-fomenu li {
  color: rgb(51,51,51);
  /* text-transform: uppercase; */
  margin: 0 2px;
}
ul.menu.menutype-fomenu li a {
  font-family: var(--menu-font);
  color: rgb(51,51,51);
  font-size: 1em;
  font-weight: var(--menu-weight);
  display: inline-block;
  padding: 2px 15px;
}
.rovatok {
  margin: 15px 0;
}
.rovatlista.sm.sm-clean {
  background: transparent;
  padding: 0 6px;
  border-radius: 0;
}
.rovatlista li a, .rovatlista li a:hover, .rovatlista li a:active, .rovatlista li a:focus {
  text-transform: uppercase;
  font-family: var(--menu-font);
  font-size: 1.1em;
  font-weight: normal;
  color: var(--grey);
}  
.rovatlista li a {
  padding: 0 14px;
  line-height: 1.4em;
}
.sm-clean a.highlighted, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {
  color: inherit;
}
.sm-clean a, .sm-clean a:active, .sm-clean a:focus, .sm-clean a:hover {
  font-family: inherit;
}
.sm-clean li {
  border-top: 0;
}
.lead {
  font-size: 1.3em;
}
article h1 {
  text-transform: uppercase;
}

.cikklista ul, ul.sorozatajanlo {
  list-style: none;
  padding: 0; 
}
.cikklista ul:not(.row), ul.sorozatajanlo:now(.row) {
  margin: 0;
}
.cikklista ul li, ul.sorozatajanlo li:not(.col-md-*) {
  margin: 0;
  padding: 0;
}
/*
.cikklista.imageleft a.rovat {
  display: none;
}*/
.cikklista.imagetop ul.hirek > li {
  min-height: 22.6em;
}
.cikklista ul li.col-md-12 {
  margin: 1em 0;
}
.cikklista.imagetop .texts {
  margin-top: 0.4em;
}
.cikklista.imagetop  .col-md-6 .texts {
  margin-top: 0.8em;
}
.cikklista .pagination {
  margin: 30px 15% 10px;
}
.cikklista .szerzo-datum:not(:empty) {
  margin-top: .6em;
}
.szerzo-datum time {
  font-family: var(--menu-font);
}
.szinhazihirek.cikklista h2 a {
  font-size: 1.1rem;
  line-height: 1.2em;
}
 a.eloadascim  {
  font-size: 1.5rem;
  line-height: 1.2em;
}
.cikklista.szinhazihirek h2 {
  line-height: 1.2em;
  font-size: 1.1rem;
  margin-bottom: 0;
}
.nohorizontalpadding {
  padding-left: 0;
  padding-right: 0;
}
.multiline-cropped {
  position: relative;
  overflow: hidden;
  margin-right: -1em;
  padding-right: 1em;
  text-align: justify;
}
.multiline-cropped:before {
  content: '...';
  position: absolute;
  right: 0;
  bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.multiline-cropped:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}
.oneline {
  line-height: 1.2em;
  font-size: 1.1rem;
  max-height: 1.2em;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.twolines {
  line-height: 1.2em;
  font-size: 1.1rem;
  max-height: 2.4em;
}
.threelines {
  line-height: 1.2em;
  font-size: .85em;
  max-height: 3.6em;
}
/*
.twolines::after, .threelines::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  height: 1.2em;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(80%, #ffffff), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 80%, #ffffff 100%);
  pointer-events: none;
}
*/
.doublemarginafter:not(:last-child) {
  margin-bottom: 30px;
}
.marginafter:not(:last-child) {
  margin-bottom: 15px;
}
.halfmarginafter:not(:last-child) {
  margin-bottom: 7px;
}

.cikklista .kiemeltkepcont,
.szinhazihirek .leadkepcont,
.szinhazihirek summary,
.hirlapozo,
.cikklista.twocolumns.col-md-8 summary {
  display: none;
}
.cikklista.main .kiemeltkepcont {
  display: block;
}
.cikklista.twocolumns.col-md-8 h2, .cikklista.col-md-4 .col-md-12 h2  {
  font-size: 1.1em;
  text-transform: none;
}

.sorozatajanlowrapper {
  clear: both;
  margin: 15px 15px 15px;
  padding: 15px 0;
  background: rgba(245,245,245,.9);
}
.menu-1 .main.region > .sorozatajanlowrapper.double {
  margin-bottom: 0;
}
.menu-1 .main.region > .sorozatajanlowrapper.double.second {
  margin-top: 0;
}
.mainright .sorozatajanlowrapper {
  margin: 15px 0;
  padding: 15px 5px;
}
.sorozatajanlowrapper.square .info {
  position: absolute;
  bottom: 2%;
  left: 6%;
  width: 88%;
  padding: 2%;
  background-color: rgba(128,128,128,.5);
  text-shadow: 1px 1px #333;
}
.sorozatajanlowrapper.square .info a {
  color: #fff;
}
.sorozatajanlowrapper h1, .cikklista h1, .napkepeajanlo h1 {
  margin: 0 0 10px;
  font-size: 1.5em;
}
.sorozatajanlowrapper .lead {
  font-size: 1.15em;
  margin-bottom: .3em;
  margin-top: .3em;
}
.sorozatajanlowrapper .lead .szinhaznev:not(:empty)::before {
  content: '(';
}
.sorozatajanlowrapper .lead .szinhaznev:not(:empty)::before {
  content: ')';
}
.sorozatajanlo a.szinhaznev,
.sorozatajanlo a.eloadascim,
.sorozatajanlo .rendezo {
  display: block;
  color: var(--main-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.square .sorozatajanlo a.szinhaznev,
.square .sorozatajanlo a.eloadascim,
.square .sorozatajanlo .label span,
.square .sorozatajanlo .label:after,
.square .sorozatajanlo .rendezo {
  color: #fff;
} 
.sorozatajanlo .imagewrapper {
  margin-bottom: 0.3em;
}
.sorozatajanlo .imagewrapper:first-child {
  margin-left: 0;
}
.sorozatajanlo .imagewrapper:last-child {
  margin-right: 0;
}
.label span, .sorozatajanlo .szemely a {
  color: var(--main-color);
}
.sorozatajanlo .label {
  padding: 0 .3em 0 0;
  text-transform: capitalize;
}
.label {
  font-size: 1em;
  font-weight: normal;
}
.sorozatajanlo .label::after {
  content: ':';
  color: var(--main-color)
}
.sorozatajanlo .szinhaznev {
  text-transform: uppercase;
}
.sorozatajanlowrapper:not(.fourImages) .sorozatajanlo li:nth-child(-n+4),
.sorozatajanlowrapper.square .sorozatajanlo li {
  margin-bottom: 30px;
}
.cimhely {
  margin-top: 1.8em;
}
.block4-1{
  clear: left;
}
@media (min-width: 757px) {
.twocolumns ul.hirek li:nth-child(2n) {
  padding-left: 15px;
}
}
.twocolumns ul.hirek li {
  height: 5em;
}
.allclear {
  clear: both;
}
.cikklista.main {
  padding: 10px 0;
}
.cikklista h2 {
  margin-top: 0;
  line-height: 1.2em;
  font-size: 1.4rem;
  margin-bottom: .3em;
  text-transform: uppercase;
}
.cikklista.main h2 {
  font-size: 2.5em;
}

.pagingGallery {
  clear: both;
}
.previewImgWrapper {
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
}
.imagewrapper > div,
.kiemeltkepcont > div,
.leadkepcont > div,
.previewImgWrapper .previewImgCont,
#galleryprojector .kepBox .kep,
.napkepeajanlo figure {
  width: 100%;
  overflow: hidden;
  padding-top: 66.67%;
  height: auto;
  position: relative;
  display: block;
  background-color: rgba(222,222,212,.3);
}
.napkepeajanlo figure {
  background-color: rgba(222,222,212,.3);
  padding: 15px;
}
.napkepeajanlo .kepalairas {
  margin-top: .5em;
}
.leadkepcont.noimage > div {
  background-color: transparent;
}
.sorozatajanlowrapper.square .imagewrapper > div, .napkepeajanlo figure, #galleryprojector .kepBox .kep {
  padding-top: 100%;
}
.imagewrapper > div > a,
.kiemeltkepcont > div > a,
.leadkepcont > div > a,
.previewImgWrapper img,
#galleryprojector .kepBox .kep img,
.napkepeajanlo figure div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
}
.imagewrapper > div > a > img,
.kiemeltkepcont > div > a > img,
.leadkepcont > div > a > img,
.previewImgWrapper img,
#galleryprojector .kepBox .kep img,
.napkepeajanlo figure div img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  transition: all 0.7s;
  max-height: calc(100vh - 50px);
}
.sorozatajanlowrapper.square .imagewrapper > div > a > img {
  object-fit: cover;
}
.imagewrapper > div > a:hover > img,
.leadkepcont > div > a:hover > img {
  transform: scale(1.07);
} 

/*
article .lead figure, article figure.align-L {
  margin-left: -45px;
  margin-top: 5px;
}
*/
article figure img, .region.mainright img {
  max-width: 100%;
}
@media (min-width: 768px) {
article + .addthis_inline_share_toolbox_dmj5 {
  clear: both;
  position: absolute;
  width: 32px;
  top: 165px;
  left: 30px;
}
}
.menu-9 article + .addthis_inline_share_toolbox_dmj5 {
  display: none;
}
figure.align-C {
  text-align: center;
  margin: 1em 0;
}
figure.align-C img {
  width: 100%;
}
figure figcaption {
  text-align: center;
  color: var(--grey);
  font-weight: bold;
}
figure figcaption.fotos {
  font-size: 0.8em;
  color: var(--lightgrey);
  text-align: right;
  font-weight: normal;
}


.icon.lapozo-left {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid var(--highlightcolor);
  cursor: pointer;
  opacity: 1;
}
.icon.lapozo-right {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid var(--highlightcolor);
  cursor: pointer;
  opacity: 1;
}
.icon.lapozo-up {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid var(--highlightcolor);
  cursor: pointer;
  opacity: 1;
}
.icon.lapozo-down {
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid var(--highlightcolor);
  cursor: pointer;
  opacity: 1;
}
.icon.inactive {
  opacity: .4;
  cursor: default;
}
.icon.small {
  border-width: 10px;
}
.flex-direction-nav .flex-next {
  right: -5px;
}
.flex-direction-nav .flex-prev {
  left: -5px;
}
.flex-direction-nav a {
  margin-top: -15px;
}
#galleryprojector  {
  position: relative;
  width: 100%
}
#galleryprojector .lapozo {
  width: 15px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 100;
  /*top: 50%;
  transform: translateY(-50%);*/
}
#galleryprojector .lapozo:last-child {
  left: auto;
  right: 15px;
}
#galleryprojector .kepBox {
  float: left;
  position: relative;
}
#galleryprojector .kepBox .kep {
  text-align: center;
}
#galleryprojector .kepalairas, .napkepeajanlo figcaption {
  font-weight: bold;
  color: #000;
  text-align: center;
  clear: both;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
  padding: 5px 0;
  display: none;
}
#galleryprojector .kepalairas {
  position: static;
  display: block;
  width: 100% !important;
  color: var(--grey);
}
#galleryprojector .refname, #galleryprojector .fotos {
  color: var(--lightgrey);
  font-family: var(--menu-font);
  font-weight: normal;
}
#galleryprojector .refname {
  float: left;
  margin-left: 25px;
}
#galleryprojector .fotos {
  float: right;
  margin-right: 25px;
}
.napkepeajanlo figure figcaption {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s linear;
  font-weight: normal;
  padding: 5px;
  display: block;
}
.napkepeajanlo figure:hover figcaption {
  visibility: visible;
  opacity: 1;
}
.kepek img, .sorozatkepek img {
  cursor: pointer;
}
.lapozok .lapozo {
  width: 33%;
  text-align: center;
  float: left;
  position: relative;
}
.lapozok .lapozo:first-child .icon{
  float: right;
}

.grayscale img, img.grayscale, picture.grayscale, .grayscale picture {
  filter: grayscale(1);
}
.banner-300x600 {
  width: 300px;
  height: 600px;
  margin: 0 auto;
}
.banner-300x600 .banner {
  width: 300px;
  height: 600px;
  border: 1px solid #aaa;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-300x600 .banner::after {
  content: 'BANNER';
  display: flex;
  font-size: 5em;
  color: #eee;
  font-family: var(--title-font);
  -webkit-text-stroke: 1px #aaa;
  transform: rotate(-35deg);
  font-weight: normal;
}
.fixed-right-banner {
  position: fixed;
}
.bannerContainer ins {
  display: block;
  margin: 0 auto;
}
.bannerContainer.banner-300x600 ins {
  width: 300px;
}
.right.region > * + .bannerContainer {
  margin-top: 40px;
}
.bannerContainer.banner-728x90:not(:empty) {
  padding: 30px 0px;
  border-top: 1px solid #e5e5e5;
  margin: 30px 11%;
  border-bottom: 1px solid #dedede;
}

.eloadas .adatlap .tarsulatok span:not(:last-child)::after {
  content: ' - ';
}
.eloadas .adatlap h1 {
  font-size: 2.0em;
}
.darab .adatlap h1 .szerzo,
.eloadas .adatlap h1 .szerzo {
  display: block;
  font-size: 0.6em;
}
.darab .adatlap .mufaj,
.eloadas .adatlap .mufaj {
  margin: 0.3em 0;
  font-style: italic;
}
.eloadas .adatlap #szinlap > div {
  margin-bottom: 1em;
}
.sorozatcim {
  text-align: right;
  text-transform: uppercase;
  color: var(--highlightcolor);
  margin: 1em 0;
}
.sorozatcim::before {
  content: "Képsorozat: ";
  text-transform: none;
  color: var(--main-color)
}

.kapcsolodoeloadas::before {
	content: "";
	border-top: 1px solid #e5e5e5;
	width: 45%;
	display: block;
	margin: 2em auto 1em;
}


.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  margin-bottom: 0;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ ul.menu {
  display: none;
}
#main-menu-state:checked ~ ul.menu {
  display: block;
  position: absolute;
  min-width: 220px;
  width: 70%;
  z-index: 10000;
  margin-top: 10px;
}
@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ ul.menu {
    display: block;
  }
  
}
@media (max-width: 768px) {
 /*
.scrolled .logo {
  left: 0;
  width: 200px;
  bottom: -2px;
  position: absolute;
  left: 40px;
}

.scrolled #menu {
  margin-top: 78px;
}
*/
#main-menu-state:checked ~ ul.menu li a {
  padding: 8px 15px;
  display: block;
}
#main-menu-state:checked ~ ul.menu li {
  border-color: #e5e5e5;
  border-width: 0 1px 1px 0;
  border-style: solid;
}
}

.flexslider {
  margin: 0 30px;
  background: transparent;
  border: 0;
}

.szemely .kep img {
  max-width: 100%;
}
.szemely .adatlap h1:first-child {
  margin-top: 0;
}
ul.letters {
  list-style: none;
  clear: both;
/*  margin: 0 30px; */
  padding: 0;
}
ul.letters > li {
 /* float: left; */
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
 /* margin: 10px;
  width: 7%;
  min-width: 75px; */
}
ul.letters > li > a {
  font-size: 2em;
  color: var(--main-color);
  font-weight: bold;
  border: 1px solid #e5e5e5;
  display: block;
  line-height: 2em;
  width: 100%;
  text-transform: uppercase;
}
ul.letters > li > a > .term { 
  text-transform: none;
}
/*
ul.letters > li.actual {
  float: none;
  clear: both;
  width: 96%;
}
*/
ul.letters > li.actual > a {
  background-color: #eee;
}
ul.letters li.actual ul.names {
  display: block;
}
ul.letters ul.names {
  list-style: none;
  display: none;
  margin: 10px 0;
}
/*
@media (min-width: 500px) {
  ul.letters ul.names {
  column-count: 2;
  }
}
@media (min-width: 750px) {
  ul.letters ul.names {
  column-count: 3;
  }
}
@media (min-width: 1100px) {
  ul.letters ul.names {
  column-count: 4;
  }
}
*/
ul.letters ul.names li {
  text-align: left;
  margin: 5px 0;
}
ul.letters ul.names li a {
  color: var(--main-color);
}
ul.letters > li.actual.loading {
  cursor: progress;
  position: relative;
}
ul.letters > li.actual.loading > a,
ul.letters > li.actual.loading ~ li > a, 
.munkak.loading,
.ui-autocomplete-loading {
  cursor: progress;
}
ul.letters > li.actual.loading > a::after,
.munkak.loading::after,
.ui-autocomplete-loading::after {
  content: " ";
  background: url('/images/loading.gif') no-repeat center center;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}
.szinhaz_valaszto ul.letters {
  display: none;
}
.szinhaz_valaszto ul.letters.searchResult {
  display: block;
}
.szinhaz_valaszto .header {
  margin: 15px 0;
  width: auto;
}
.szinhaz_valaszto .header .help {
  color: var(--grey);
  margin-top: 8px;
}
.szinhaz_valaszto input[name=term] {
  width: 80%;
}
ul.internalmenu {
  margin: 0 0 5px 5px;
  padding: 0;
}
nav.internalmenu > ul.rovatlista {
  padding: 0;
}
.szinhaz_tipusok li, .internalmenu li {
  float: left;
  list-style: none;
  padding: 2px 9px;
}
.szinhaz_tipusok li a, .internalmenu li a {
  color: var(--lightgrey);
  font-size: 1.1em;
  font-weight: normal;
  display: inline-block;
  padding: 2px 15px;
  text-transform: uppercase;
}
.internalmenu li a {
  padding: 0 0 2px 0;
}
.szinhaz_tipusok li.actual a, .internalmenu li.actual a {
  color: var(--main-color)
}
.szinhaz_valaszto ul.letters ul.names {
  column-count: 1;
  padding: 0;
  margin: 0;
}
.szinhaz_valaszto ul.letters ul.names li {
  text-align: left;
  height: 6.5em;
  float: left;
  padding: 5px;
}
.szinhaz_valaszto ul.letters ul.names li:hover {
  background: #eee;
  border: 1px solid #333;
  cursor: pointer;
}
.szinhaz_valaszto ul.letters ul.names li a {
  font-size: 1.05em;
  font-weight: bold;
}
.szinhaz_valaszto ul.letters ul.names li .rovidnev {
  color: var(--grey);
  font-style: italic;
}
.szinhaz_valaszto ul.letters ul.names li .rovidnev::before {
  content: "(";
}
.szinhaz_valaszto ul.letters ul.names li .rovidnev::after {
  content: ")";
}
.kereso input, .kereso button {
  border-color: var(--main-color);
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}
.kereso input[type="submit"], .kereso button {
  border-width: 1px 1px 1px 0;
}
.kereso button {
  padding: 2px 5px;
}

.honapokwrapper, .evadokwrapper {
  margin: 0 0 30px 0;
  position: relative;
}
ul.honapok li, ul.evadok li {
  margin-bottom: 10px;
  position: relative;
  display: none;
}
ul.honapok li.actual, ul.evadok li.actual {
  font-weight: bold;
}
ul.honapok li.actual::after, ul.evadok li.actual::after {
  border-top: 7px var(--highlightcolor) solid;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -10px;
  left: 35%;
  width: 0;
  font-size: 0;
  line-height: 0;
  height: 0;
  content: "";
  z-index: 100;
}


.szereposztas ul {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
}
.szereposztas ul li {
  margin: 0;
  padding: 0;
  display: table-row;
}
.szereposztas .label, .eloadaslista .rendezo .label, .eloadas .adatlap .fordito .label, .bemutato label {
  text-align: right;
  padding: 0;
  color: var(--main-color);
  white-space: pre-wrap;
  line-height: inherit;
}
.szereposztas .label, .szereposztas .szemelyek {
  display: table-cell;
  padding: 5px 2px;
  line-height: 1.2em;
  color: var(--lightgrey);
}
.szereposztas .label {
  width: 50%;
  vertical-align: top;
}
.szereposztas .label span {
  color: var(--grey);
}
.szereposztas .label .nev {
  font-weight: bold;
}
.szereposztas .label.leirassal .nev {
  display: block;
}
.szereposztas .label.leirassal .nev:after {
  content: ", ";
}
.szereposztas .label .leiras, .szereposztas .label.leirassal::after {
  font-size: 0.9em;
}
.szereposztas .szemelyek {
  width: 50%;
  vertical-align: bottom;
}
.szereposztas .label::after, .eloadaslista .rendezo .label::after, .eloadas .adatlap .fordito .label::after, .bemutato label:after {
  margin-right: .3em;
  content: ":";
  display: inline;
}
.szereposztas .label::after {
  display: inline;
  margin-right: 0;
}
.szereposztas .szemely {
  font-weight: bold;
}
.szereposztas .szemely .modositok{
  margin-left: 0.3em;
}
.szereposztas li:not(.email) .szemely a {
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--lightgrey);
}
.szereposztas .szemely:not(:last-child)::after,
.rendezo .szemely:not(:last-child)::after,
.fordito .szemely:not(:last-child)::after {
  content: ", ";
}
.szereposztas .szemely.alter-A:not(:last-child)::after {
  content: " / ";
}
.szereposztas li.staff-27 { /* Fordító elrejtése */
  display: none;
}
.szereposztas.staff .label::first-letter {
  text-transform: uppercase;
}
.fordito .label {
  text-transform: capitalize;
  display: inline-block;
  text-align: left;
}
.eloadas .media .video ul {
  margin: 0;
  padding: 0;
}
.eloadas .media .video ul li {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.eloadas .media img {
  max-width: 100%;
}
.eloadas .media .addthis_inline_share_toolbox_dmj5 {
  margin-top: 32px;
}
.region.mainright .addthis_inline_share_toolbox_dmj5 {
  clear: both;
  margin: 30px auto;
  width: 60%;
}

.eloadaslista > ul {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
.eloadaslista > ul > li {
  margin: 1.5em 0;
  padding: 0;
}
.eloadaslista > ul > li .bemutato {
  font-weight: bold;
}
.eloadaslista > ul > li .helyszin {
  display: none;
}
.eloadaslista > ul > li .szerzok:not(:empty)::after {
  content: ": ";
}

.munkak {
  margin-top: 3em;
}

.munkak .eloadaslista > ul > li .helyszin,
.munkak .eloadaslista > ul > li .bemutato,
.munkak .eloadaslista > ul > li .szerzok,
.munkak .eloadaslista > ul > li .rendezo {
  display: inline;
  font-weight: normal;
}
.munkak .eloadaslista > ul > li .bemutato::after,
.munkak .eloadaslista > ul > li .rendezo:not(:empty)::before,
.munkak .eloadaslista > ul > li .line3 .label:not(:last-child)::after,
.szemely .funkciok .label:not(:last-child)::after {
  content: " • ";
}
.munkak .eloadaslista > ul > li .rendezo .label .nev {
  text-transform: capitalize;
}
.munkak .eloadaslista > ul > li .line3 .label,
.szemely .funkciok .label {
  padding: 0;
  color: var(--main-color);
  font-weight: bold;
}
.munkak .eloadaslista > ul > li .line3 .label .nev {
  display: inline;
  padding: 0;
  margin: 0;
}
.munkak .eloadaslista > ul > li .line3 .label.karakter {
  font-style: italic;
}
.munkak .eloadaslista > ul > li .line3 .label .nev:first-letter {
  text-transform: uppercase;
}
.munkak .eloadaslista > ul > li .line3 .label.leirassal .nev::after {
  content: ", ";
}

.szemely .funkciok .label {
  font-weight: normal;
  text-transform: lowercase;
}

ul.musor {
  display: table;
  margin: 0;
}
ul.musor > li {
  display: table-row;
}
ul.musor > li > * {
  display: table-cell;
  padding: 5px;
  border-top: 1px solid #666;
}
ul.musor > li > .day {
  font-weight: bold;
  font-size: 1.2em;
}
ul.musor > li > .day::after {
  content: ".";
}
ul.musor > li:last-child > * {
  border-bottom: 1px solid #666;
}
ul.musor > li > ul {
  list-style: none;
  width: 100%;
}
ul.musor .idopont.nap {
  display: none;
}
ul.musor li li:not(:last-child) {
  margin-bottom: 1em;
}
ul.musor li li .idopont.ido {
  display: inline-block;
  margin-right: 0.3em;
}
ul.musor li li .megjegyzes, ul.musor li li .helyszin {
  display: block;
}

.tarsszinhazak {
  margin-left: 1em;
}
.tarsszinhazak h2 {
  margin-top: 0;
  font-size: 1.2em;
}
.tarsszinhazak ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tarsszinhazak ul li {
  margin: 0.2em 0;
  padding: 0;  
}
.tarsszinhazak a {
  font-weight: bold;
  text-transform: uppercase;
  color: var(--grey);
}

address.szerzo {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0;
  color: var(--grey);
}
address.szerzo + time::before, .sorozatajanlowrapper.fourImages .info .datum + .szinhaznev::before {
  content: "•";
  margin: 0 1em;
  color: var(--highlightcolor);
  font-weight: bold;
}
.sorozatajanlowrapper.fourImages .info div {
  display: inline-block;
}
address.forras {
  font-style: italic;
  font-weight: bold;
  color: var(--grey);
  margin-top: 32px;
}


.bemutatok .tipus {
  display: none;
}
.bemutatok.tipus-B .tipus-B,
.bemutatok.tipus-V .tipus-V,
.bemutatok.tipus-H .tipus-H,
.bemutatok.tipus-N .tipus-N,
.bemutatok.tipus-F .tipus-F,
.bemutatok.tipus-E .tipus-E,
.bemutatok.tipus-K .tipus-J,
.bemutatok.tipus-I .tipus-I {
  display: table-cell;
}
.bemutatok.cols-0 {
  display: none;
}
.bemutatok.cols-2 th.tipus {
  width: 48%;
}
.bemutatok.cols-3 th.tipus {
  width: 31%;
}
.bemutatok.cols-4 th.tipus {
  width: 24%;
}
.bemutatok.cols-5 th.tipus {
  width: 19%;
}
.bemutatok.cols-6 th.tipus {
  width: 16%;
}
.bemutatok td .eloadas {
  padding: 4px 0;
  margin-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
.bemutatok td .eloadas:last-child {
  border-bottom: 0;
}
.bemutatok td .eloadas .szinhaz {
  display: block;
  color: var(--highlightcolor);
  font-size: 0.9em;
}
.bemutatok td .eloadas .szerzo:not(:empty)::after {
  content: ": ";
}
.bemutatok td .eloadas .cim {
  font-size: 1.2em;
}
.bemutatok th.daynumber {
  text-align: center;
}

.youtubevideo {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.youtubevideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: rgba(222,222,212,.3);
  border-color: #ddd;
  color: var(--highlightcolor);
}
.pagination > li > a, .pagination > li > span {
  color: var(--main-color)
}

.fb-like {
  float: right;
  z-index: 10000;
  margin-right: 30px;
}

.instagram {
  float: right;
  z-index: 100000;
  margin-right: 10px;
  position: relative;
}
.instagram img {
  height: 20px;
}