.wp-caption {
font-size: smaller;
}
.wp-caption-text {
font-size: smaller;
}
main{
overflow: hidden;
}
.sticky {}
.screen-reader-text {}
.gallery-caption {
font-size: smaller;
}
.bypostauthor {}
.alignright,
.align-right {
text-align: right;
}
.alignleft,
.align-left {
text-align: left;
}
.aligncenter,
.align-center {
text-align: center;
} *,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
margin: 0;
padding: 0;
border: 0;
line-height: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
.production strong, .production h3{
font-weight: 400 !important
}
table {
border-collapse: collapse;
border-spacing: 0;
}
code,
pre,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
iframe {
display: block;
max-width: 100%;
}
header li,
#main-menu li {
list-style-type: none;
} @media screen and (max-width: 479px) {
html {
font-size: 16px;
}
}
@media screen and (min-width: 480px) and (max-width: 1199px) {
html {
font-size: 16px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
html {
font-size: 1.042vw;
}
}
@media screen and (min-width: 1921px) {
html {
font-size: 22px;
}
} :root {
--main-color: #ff7b5b;
}
section {
padding: 2rem 0
}
.page h3 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
margin-top: 0 !important;
margin-bottom: 0.5rem !important
}
.page .type {
font-weight: 300;
font-style: italic;
}
.ease {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
color: #2D2D2D;
font-family: 'Roboto', sans-serif;
line-height: 1.5
}
ul,
ol {
padding: 0;
}
ul ul,
ul ul ul,
ol ol,
ol ol ol {
margin: 0.5rem 0;
}
ol ol,
ol ol ol {
padding-left: 1rem;
}
ul li {
list-style-type: disc;
margin-bottom: 0.25rem;
margin-left: 1rem;
}
ul li::marker {
color: var(--main-color);
}
ol {
list-style: none;
counter-reset: my-counter;
}
ol li {
counter-increment: my-counter;
margin-bottom: 0.25rem;
}
ol li::before {
content: counter(my-counter) '.';
background: var(--main-color);
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
display: inline-block;
line-height: 1.5rem;
color: white;
text-align: center;
margin-right: 0.5rem;
}
p {
line-height: 1.8;
}
a {
color: var(--main-color);
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
h1 {
font-size: 3rem;
font-weight: bold;
margin-top: 0;
}
h2 {
font-size: 1.75rem;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
display: block;
text-align: center;
text-transform: uppercase;
padding-bottom: 0rem;
margin-bottom: 0rem
}
h3,
h4 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 1.1rem;
}
.subtext {
font-size: 1.5rem;
font-weight: 300
}
.motto {
font-size: 1rem !important;
padding-bottom: 0rem;
font-weight: 300;
margin-top:0 !important
}
.icons{
width: 80%;
margin:0 auto
}
.inner-logos{
margin-left:auto;
margin-right: auto;
padding:0;
margin-bottom: 1rem
}
.dates{
font-size: 1.75rem
}
h1 a,
h2 a,
h3 a,
h4 a {
color: inherit;
}
blockquote {
background: #eee;
margin-left: 0;
margin-right: 0;
padding: 0.5rem 1.5rem;
overflow: hidden;
border-left: solid 5px var(--main-color);
}
hr {
border: none !important;
height: 3px;
background: #eee;
}
.festive-timetable{
padding-bottom: 4rem
}
.festive-timetable.playon table, .festive-timetable.playon table th {
background: #F9F8F8
}
.festive-timetable.patchwork table, .festive-timetable.patchwork table th {
background: #FCF6EC
}
table strong {
font-weight: bold
}
td,
th {
border: solid 4px white;
padding: 0.5rem;
}
th {
text-align: left;
}
.logo {
text-align: center;
max-width: 180px;
padding: 1rem 0;
}
.logo a {
display: inline-block;
margin: 1.5rem 0;
}
body:not(.home) main {
padding: 1rem 0 3rem;
}
.post-meta ul {
overflow: hidden;
display: inline-block;
margin: 0 auto;
font-size: smaller;
}
.post-meta ul li {
display: inline-block;
float: left;
margin-right: 20px;
margin-left: 0;
}
.post-tags a,
.tagcloud a {
display: block;
float: left;
padding: 0.15rem 0.25rem;
border: solid 2px transparent;
font-size: small !important;
text-transform: uppercase;
display: inline-block;
margin: 0 5px 5px 0;
cursor: pointer;
background: var(--main-color);
color: #fff;
}
.post-tags a:hover,
.tagcloud a:hover {
background: #000;
}
.accordion {
margin: 0 0 2rem 0;
clear: both;
}
.accordion .accordion-content {
display: none;
}
.accordion .accordion-title h2,
.accordion .accordion-title h3,
.accordion .accordion-title h4 {
margin: 0;
}
.accordion .accordion-title {
cursor: pointer;
margin: 0;
line-height: 1.3;
border-bottom: solid 1px #ddd;
color: inherit;
padding: 0.65rem 0.5rem 0.65rem 2rem;
position: relative;
}
.accordion .accordion-title:after {
border-style: solid;
border-width: 2px 2px 0 0;
content: "";
display: inline-block;
height: 0.6rem;
width: 0.6rem;
background: transparent;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.3rem;
transform: rotate(45deg);
vertical-align: top;
}
.accordion .accordion-title.active,
.accordion .accordion-title:hover {
color: var(--main-color);
}
.accordion .active h4 {
border-bottom: none;
}
.accordion .accordion-title.active:after,
.accordion .accordion-title:hover:after {
transform: rotate(135deg);
left: 0.25rem;
margin-top: -0.35rem;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.accordion .accordion-content {
margin: 0;
padding: 1rem 2rem;
overflow: hidden;
border-bottom: solid 1px #ddd;
}
.accordion .accordion-content p {
line-height: 1.4 !important;
}
.accordion .accordion-content p:last-of-type {
margin: 0 !important;
}
.light-bg {
background: #eee;
padding-top: 6vw;
padding-bottom: 6vw;
}
footer {
background: #F7F4E7;
font-size: smaller;
padding: 0.5rem 0;
}
footer a{
text-decoration: none;
color:#2d2d2d;
font-weight: bold
}
footer .col-1-4{
display: flex;
align-items: center
}
footer .wp-block-group__inner-container{
display: flex;
align-items: center;
gap:1rem
}
footer figure{
margin-bottom: 0 !important
}
footer .wp-block-image.is-style-rounded img{
border-radius: 5px;
}
#copyright {
padding: 0.75rem 0;
text-align: center;
font-size: smaller;
}
.pagination {
clear: both;
text-align: center;
margin-top: 2rem;
}
.nav-links .current {
color: var(--main-color);
font-weight: bold;
}
.nav-links {
display: inline-block;
border-right: solid 1px #ddd;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.nav-links a,
.nav-links span {
display: block;
float: left;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
color: inherit;
border-left: solid 1px #ddd;
}
.nav-links a:hover {
background: #eee;
}
#searchform {
position: relative;
width: 100%;
}
#searchform input[type="text"] {
width: 100%;
margin: 0;
}
#searchform button {
border: none;
height: 100%;
width: 30px;
position: absolute;
right: 10px;
background: none;
padding: 0;
border-radius: 0;
}
#searchform svg {
border: none;
height: 60%;
width: 30px;
}
#gotop {
width: 2rem;
height: 2rem;
line-height: 2rem;
background: var(--main-color);
position: fixed;
bottom: 1rem;
right: 1rem;
border-radius: 50%;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10000;
}
#gotop svg {
width: 1rem;
height: 1rem;
display: block;
}
#gotop svg path {
fill: #fff;
}
.text-box {
font-weight: 300;
}
.info-box {
padding-bottom: 0.5rem
}
.info-box div {
position: relative;
padding-left: 2.5rem;
margin: 1.5rem 0;
font-weight: 400
}
.info-box div:before {
content: "";
width: 1.5rem;
height: 1.5rem;
position: absolute;
left: 0;
top: 0
}
.page .date:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/calendar.svg) no-repeat center center;
background-size: 100% auto;
}
.page .time:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/time.svg) no-repeat center center;
background-size: 100% auto;
}
.eletkor {
width: 3rem;
height: 3rem;
border-radius: 50%;
line-height: 3rem;
background: #F0B626;
text-align: center;
margin-left: auto;
margin-right: 1.2rem;
margin-bottom: 1.2rem
}
.names {
margin-top: 2.5rem !important
}
.subtext.front {
font-size: 1rem !important;
padding-bottom: 2rem;
}
@media screen and (max-width: 479px) {
h1,
h2 {
font-size: 1.5rem;
padding-bottom: 0
}
.mobile-title-box h3 {
font-size: 1rem;
margin-bottom: 0
}
.mobile-title-box .type {
font-size: 0.75rem
}
}
.festive-timetable td {
font-weight: 300;
font-size: 0.9rem;
}
.festive-timetable th {
height: 3.5rem;
}
.festive-timetable tr td:first-of-type,
.festive-timetable th {
font-size: 0.9rem !important;
font-weight: 400
}
.festive-timetable th strong {
position: relative;
padding-left: 2rem;
font-weight: 400 !important
}
.festive-timetable th strong:before,
.place:before {
content: "";
width: 1rem;
height: 1.5rem;
position: absolute;
left: 0;
top: -0.2rem
}
.place:before {
background-size: auto 100% !important
}
.festive-timetable th:first-of-type {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/calendar.svg) !important;
background-size: 12% auto!important;
background-position: center center!important;
background-repeat: no-repeat!important;
}
.festive-timetable.patchwork th:nth-of-type(2) strong:before,
.place.Nagysznhz:before,
.place.MainStage:before, .place.KolibriNagysznpad:before, .senses-template .place.KolibriTheatre:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/red.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.patchwork th:nth-of-type(3) strong:before,
.place.Kisfaludyterem:before, .place.KisfaludyStage:before,.senses-tempalet .place.Etvs10MveldsiHzsznhzterem:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/blue.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.patchwork th:last-of-type strong:before,
.place.SznhzelttitrElcsarnok:before,
.place.InfrontofthetheatreEntranceHall:before, .senses.template .place.Etvs10MveldsiHzkamaraterem:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/green.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.playon th:nth-of-type(6) strong:before,
.place.Szabadtr:before,
.place.KolibriTheatrefoyeroutdoorperformance:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/green2.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.playon th:nth-of-type(5) strong:before,
.place.Etvs10Studio:before,
.place.Etvs10MveldsiHzkamaraterem:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/red2.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.playon th:nth-of-type(4) strong:before,
.place.Etvs10Mainstage:before,
.place.Etvs10MveldsiHzsznhzterem:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/yellow.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.playon th:nth-of-type(2) strong:before,
.place.KolibriTheatre:before,
.place.KolibriGyermeksIfjsgiSznhz:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/Blue2.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.playon th:nth-of-type(3) strong:before,
.place.KolibriCellar:before ,.place.KolibriPince:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/Purple.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.patchwork th:nth-of-type(2) strong:before,
.place.Nagysznhz:before,
.place.MainStage:before, .place.KolibriNagysznpad:before, .senses-template .place.KolibriTheatre:before {
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/red.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.patchwork th:nth-of-type(3) strong:before,
.place.Kisfaludyterem:before, .place.KisfaludyStage:before,.senses-template .place.Etvs10MveldsiHzsznhzterem:before , .senses-template .place.Etvs10Mainstage:before{
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/blue.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.festive-timetable.patchwork th:last-of-type strong:before,
.place.SznhzelttitrElcsarnok:before,
.place.InfrontofthetheatreEntranceHall:before, .senses-template .place.Etvs10MveldsiHzkamaraterem:before, .senses-template .place.Etvs10Studio:before{
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/green.png);
background-size: 100% auto;
background-position: center center;
background-repeat: no-repeat;
}
.production {
padding-top: 5rem;
padding-bottom: 5rem;
border-bottom: 2px solid #18325B
}
.production:last-of-type {
padding-bottom: 0rem !important;
margin-bottom: 0rem !important;
border: none !important;
}
.production:nth-of-type(even) .text-box {
order: 2
}
.production:nth-of-type(even) .eletkor {
margin-right: auto !important;
margin-left: 0 !important;
}
.production {
position: relative;
}
.festive-timetable td a{
color: #2D2D2D !important;
width: 100%;
height: 100%;
position: relative;
display: block;
padding: 0rem 0rem;
}
.festive-timetable td a:hover{
color: #000 !important
}
.start{
padding: 0.5rem 1rem;
}
.page .logok{
padding-bottom: 0rem !important;
margin-bottom: 0 !important
}
.page .subtext.front{
padding-top:1rem
}
@media screen and (max-width: 768px) {
.sajtotajekoztato{
margin-top:1rem !important
}
.festive-timetable tr td:first-of-type:after{
display: none 
}
.festive-timetable td span {
width: 65%;
display: block;
}
.description{
height: 50vw;
position: relative;
overflow: hidden;
margin-bottom: 2rem;
padding-bottom: 2rem
}
.description.open{
height: auto;
}
.opener-box {
padding-top:0.2rem;
display: block;
width:100%;
position: absolute;
bottom:0;
left:0;
text-align: center;
background: white
}
.opener-box .opener{
position: relative !important;
margin:0 auto;
}
.start:after, .playon td:after {
content: attr(data-th)" ";
display: inline-block;
height: 1rem;
line-height: 1;
background: url(//szinhaziolimpia.kolibriszinhaz.hu/wp-content/themes/szinhaziolimpia-assitej/img/placewhite.svg) no-repeat left center;
background-size: auto 100%;
padding: 0.1rem 0 0.1rem 1.2rem;
width: 30%;
font-size: 0.75rem;
position: absolute;
right: 0;
top: 0.8rem;
margin-right: 1rem
}
.production{
padding-top:2rem
} 
.production .text-box {
order: 2 !important
}
.production .decoration {
display: none
}
.eletkor {
position: absolute;
right: 1rem;
top: 1rem;
margin: 0 !important;
z-index: 10;
width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: smaller
}
div.my_carousel .item-list {
display: flex !important
}
.production .img-box {
height: auto !important;
padding: 0 !important
}
.start:after {
width: 30% !important
}
.start, .playon td{
position: relative
}
.empty,
tr th:first-of-type,
.festive-timetable th {
display: none !important
}
.festive-timetable td,
.festive-timetable th {
display: block;
width: 100% !important;
text-align: left !important
}
.festive-timetable.patchwork tr td:nth-of-type(even) {
border-bottom: 0px !important;
}
.festive-timetable.patchwork tr td:nth-of-type(odd) {
border-top: 0px !important;
}
.production .decoration {
display: none !important
}
.production .item-list .item figure {
height: 80vw !important;
overflow: hidden !important;
}
.production .item-list .item figure img {
height: 100%;
object-fit: cover
}
.production .item-list .img-box {
position: relative
}
.title-box {
display: none
}
.mobile-title-box {
position: absolute;
z-index: 5;
color: white !important;
bottom: 0;
width: 100%;
background: rgb(45 45 45 / 49%);
padding: 0.75rem;
}
.production .button {
display: block;
margin: 0.5rem auto 0 auto !important;
width: 70% !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.production {
margin-bottom: 0rem;
padding-bottom: 2.5rem;
border-bottom: none;
}
.button.secondary:after {
right: 2rem !important
}
.info-box div:last-of-type {
margin-bottom: 0.5rem
}
.names {
margin-top: 2rem !important;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 769px) {
.page .logok{
gap:6rem !important
}
.playon-template .logok{
gap:2rem !important
}
.subtext.front {
padding-left: 2rem;
padding-right: 2rem;
margin: 0 auto;
width:80%;
font-size: 1rem !important;
padding-bottom: 1.5rem;
}
.inner-logos{
width:50%;
}
.description .opener-box{
display: none !important
}
.festive-timetable.patchwork tr td:first-of-type {
width: 15%;
padding-left: 1rem
}
.festive-timetable.playon tr td:first-of-type {
width: 10%
}
.festive-timetable.patchwork tr td:nth-of-type(even) {
border-right: 0px !important;
width: 7%
}
.festive-timetable.patchwork tr td:nth-child(2n+3) {
border-left: 0px !important
}
.img-box {
scroll-behavior: smooth;
height: 38rem;
overflow: scroll;
padding-right: 1.2rem
}
.img-box .item-list {
margin-top: 0rem !important;
}
.img-box .item {
margin-bottom: 1.8rem !important;
list-style-type: none;
margin-left: 0 !important
}
.gallery-box .next,   .gallery-box .prev{
display: none !important
} .img-box::-webkit-scrollbar {
width: 12px;
} .img-box::-webkit-scrollbar-track {
background: #fff;
} .img-box::-webkit-scrollbar-thumb {
background: #F8DB93;
border-radius: 5px;
} .img-box::-webkit-scrollbar-thumb:hover {
background: #F8DB93;
}
.mobile-title-box {
display: none
}
.production .decoration {
z-index: -1;
position: absolute !important;
top: 0;
}
.patchwork-template .production .decoration img,
.senses-template .production .decoration img {
width: 14rem !important
}
.patchwork-template .production:nth-of-type(even) .decoration {
left: 5%;
}
.patchwork-template .production:nth-of-type(odd) .decoration {
right: 25%;
}
.patchwork-template #altato .decoration,
.patchwork-template #whitelullaby .decoration {
right: 28% !important
}
.patchwork-template #altato .decoration img,
.patchwork-template #whitelullaby .decoration img {
width: 23rem !important
}
.senses-template .decoration {
top: 0rem
}
.senses-template .production:nth-of-type(odd) .decoration {
right: 25%
}
.senses-template .production:nth-of-type(even) .decoration {
left: 5%
}
#doremikado .decoration {
right: 10%;
}
.senses-template #ablakok .decoration {
right: 28% !important;
top: 2.5rem !important;
}
.senses-template #botanika .decoration {
top: 1rem !important;
}
.page h3 {
font-size: 1.3rem !important
}
.production:nth-of-type(odd) .text-box {
padding-right: 3rem !important
}
.production:nth-of-type(even) .text-box {
order: 2;
padding-left: 3rem !important
}
.sajtotajekoztato{
padding-left:2rem;
margin-top:6.5rem !important;
padding-top:0rem;
border-left:1px solid gray
}
}
@media screen and (min-width: 769px) and (max-width: 1920){
.patchwork-template  .production:nth-of-type(6) .decoration {
right: 15%;
top: -3rem; 
}
}
@media screen and (max-width: 1280px){
.logok{
width: 100% !important;
gap: 1rem !important;
}
}
@media screen and (min-width: 769px) and (max-width: 1197px) {
.production .button {
display: block;
width: 50%;
margin: 1rem 0rem 0 0 !important;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media screen and (min-width: 1197px) {
.button + .button.other,
.button.other + .button.secondary {
margin-left: 2rem !important;
margin-right: 0 !important
}
} .playon-template .production
{
border-bottom: none !important;
background-image: linear-gradient(to right, #000 10%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 10px 1px;
background-repeat: repeat-x;
}
.playon-template .production:last-of-type {
border-bottom: none !important;
background-image: none;
}
.page-id-354  #gotop, .page-id-447  #gotop
{
background: #2D2D2D !important
}  .playon-template .img-box::-webkit-scrollbar-track{
background: transparent;
}
.playon-template .img-box::-webkit-scrollbar-thumb{
background: #2D2D2D;
border-radius: 5px;
} .playon-template .img-box::-webkit-scrollbar-thumb:hover,  .playon-template  .eletkor{
background: #2D2D2D;
color:white;
}
.playon-template .button{
background: #EC008C !important;
border-radius: 10px!important;
}
.playon-template .secondary{
background: transparent !important;
border:2px solid #EC008C!important;
}
.playon-template    .festive-timetable th:first-of-type{
background-size: 25% auto
}
.playon-template  .festive-timetable th strong{
display: block
}
.playon-template .festive-timetable th strong:before{
top: calc(50% - 0.7rem);
}
.playon-template .festive-timetable td{
padding:0.5rem
}
.language{
display: block
}
.playon-template   .production:nth-of-type(odd) .decoration {
right: -12% !important;
width: 50%;
top: 4rem!important;
}
.playon-template  .production:nth-of-type(even) .decoration {
left: -12%;
width: 55%;
top: 2rem;
}  
.playon-template   .production:nth-of-type(4) .decoration {
left: -19%!important;
width: 63%!important;
top: 0rem!important;
}   
.playon-template   .production:nth-of-type(5) .decoration {
right: -14%!important;
width: 55%!important;
top: 6rem!important;
}
.playon-template  .production:nth-of-type(6) .decoration {
left: -28%!important;
width: 70%;
top: -3rem;
}
.playon-template   .production:nth-of-type(7) .decoration {
top: 3rem !important;
width: 57%;
}
.playon-template   .production:nth-of-type(8) .decoration {
left: -16%!important;
width: 53%!important;
top: 4rem!important;
}
.lang-item img{
max-width: 2rem;
display: block;
padding:0.5rem 0
}
.logok {
flex-wrap: nowrap !important;
width: 60%;
margin: 0 auto
}
.inner-logok{
padding-bottom: 0 !important;
padding-top:1rem !important
}
.fesztival h3 {
margin-bottom: 0.6rem !important;
font-family: 'Roboto', sans-serif !important;
font-size: 1rem !important
}
.fesztival h3 + p{
margin:0
}
.fesztival img{
width:80% !important
}
.olimpialogo img{
height: 10rem !important;
object-fit: contain
}
.senses-template .eletkor{
width: 4.5rem !important;
border-radius: 25px;
}
.senses-template .img-box::-webkit-scrollbar-track{
background: transparent;
}
.senses-template  .img-box::-webkit-scrollbar-thumb{
background: #F8DB93;
border-radius: 5px;
}
#Arulo .button, #Traitor .button{
margin-left: 0 !important
}
.tabs{
margin-bottom: 2rem;
}
.tabs li::marker, .sajto-nav li::marker{
color:transparent;
}
.tabs li{
padding: 0.8rem 1.2rem!important;
margin-top:0.5rem !important;
margin-left:0;
margin-right:0.5rem;
background: #FEF0ED !important;
color:#333 !important;
border: 1px solid var(--main-color) !important;
transition: all 0.2s ease-in-out;
text-transform: none !important
}
.tabs li.active,.tabs li:hover{
background: var(--main-color) !important;
color:white !important;
}
.tab-content > .wp-block-group__inner-container > div{
display: none
}
.tab-content > .wp-block-group__inner-container > div:first-of-type{
display: block
}
.sajto-nav{
display: flex;
justify-content: center;
background: #FCF6EC;
padding: 1rem;
}
.sajto-nav li{
margin:0;
padding:0 1vw;
color:#333;
transition: all 0.2s ease-in-out
}
.sajto-nav li a{
color:#333 !important;
transition: all 0.2s ease-in-out
}
.sajto :where(.wp-block-columns.is-layout-flex){
gap:1rem !important
}
.sajto li{
cursor: pointer
}
.sajto-nav li a:hover{
color:black !important
}
.tabs li.active, .tabs li:hover{
background: #EF694E;
color: white;
}
.sajto-title h2{
margin-top:0rem !important
}
.sajto-title{
margin:0rem 0 3rem
} :root {
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--time: 2s;
}
.fotok figure{
opacity: 0
}
.on {
transform: translateX(0) translateY(0) translateZ(0) !important;
opacity: 1!important;
} 
#post-1250 .sajto-nav li:first-of-type, #post-1650 .sajto-nav li:first-of-type,#post-1836 .sajto-nav li:first-of-type, #post-1838 .sajto-nav li:first-of-type, #post-1830 .sajto-nav li:first-of-type, #post-1832 .sajto-nav li:first-of-type{
font-weight: bold
}
.pink .wp-block-button__link{
background: #EC008C !important
}
.is-type-video{margin-top:1rem}