@charset "UTF-8";
/*
Theme Name: FESTIVAL 3 CITIES
Version: 99999999.7
*/
html {
  box-sizing: border-box;
  /* background-color: black; */
  background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/bg-red.png);
  background-size: cover;
  background-repeat: no-repeat;
  /* height: 100vh; */
  width: 100vw;
  /* position: fixed; */
}



body {
  /* font-size: 18px; */
  color: white;
  /* background-color: black; */
  /* background-color: #19222d; */
}

body.loading {/* position:fixed; *//* overflow:hidden; */width: 100%;}
*, *:before, *:after {
  box-sizing: inherit;
}
ol, ul {
  padding: 0;
}
body, label, input, textarea, h1, h2, h3, h4, h5, h6, p, ol, li, ul, dl, dd, blockquote, figure, body {
  padding: 0;
  margin: 0;
  font-family: 'Helvetica', 'Arial', sans-serif;
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
    font-style: normal;
  /* color: #f3f3f3; */
  /* color: red; */
  /* font-size: 15px; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* font-weight: 300; */
  /* font-size: 1.2rem; */
  /* line-height: 1.7rem; */
}


a {color:black; text-decoration:none; font-weight:bold;}
.btn {transition: all .3s; padding:10px 20px;border:2px solid;border-radius:40px;display:inline-block;margin-top:30px;line-height: normal;font-size: clamp(15px, 2vw, 29px);}
.btn:hover {transform:scale(1.1)}
.btn.cta {/* font-size:2rem; */background-color: black;color: white;border-color: black;}

#video .over .btn {margin:10px}

#content {min-height:80vh}

video {width:100%;opacity: .95;}

#mhead {
    padding: 0;
    /* background-color: white; */
    line-height: 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 2vh 5vw;
    /* background-color: black; */
}

.single #mhead {background-color:black}
#mhead .logo {width: 20%;height: 70px;max-height: 110px;background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/logo-b.svg);display: inline-block;background-repeat: no-repeat;background-position: left;/* max-width: 340px; */background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/logo.svg);/* background-color: black; *//* border: 30px black solid; *//* margin: 5vw; *//* min-width: 170px; */vertical-align: middle;margin: 30px 0px;}
#mhead nav {width: 79%;/* height: 20vh; */max-height: 110px;display: inline-block;background-repeat: no-repeat;background-position: left;/* max-width: 340px; *//* background-color: black; *//* border: 30px black solid; *//* margin: 5vw; *//* min-width: 170px; */vertical-align: middle;text-align: right;transition: all .3s;width: calc(100% - 21%);/* overflow: hidden; */}
#mhead ul {margin:0;padding:0;margin-block-start: 0;margin-block-end: 0;padding-inline-start: unset;/* text-align: left; *//* background-color: blue; */}
#mhead nav li {list-style-type:none; display:inline-block;}
#mhead nav li.menu-item-28 {border:2px solid;border-radius:30px;padding-left:20px;padding-right:20px;max-width: 200px;}
#mhead nav li:last-child a {padding-right: 0;}
#mhead nav li a {color:white;padding: 20px 7px;font-weight: bold;text-decoration: none;transition: all .3s;display: block;/* transform-origin: left; */font-size: clamp(15px, 1.27vw, 23px);}
#mhead nav li a:hover {/* color:black; */transform: scale(1.1);}
#video {/* height:100vh; *//* overflow:hidden; */width: 100%;display: block;/* max-height: 100vh; */position: relative;/* border-bottom: 1px solid rgba(255,255,255,0.3); *//* position: fixed; */z-index: 1;line-height: 0;/* background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/bg-red.png); */overflow: hidden;}
#video img {width:100%;position:absolute;z-index:999;/* position:absolute; *//* opacity: .95; *//* margin-bottom: -31px; *//* bottom: -8px; *//* object-fit: cover; *//* top: 0; */} 
#video:after {content:"";width: 90vw;height: 20%;background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/signature.svg);position: absolute;z-index: 1111;/* border: 20px solid blue; */display: block;/* top: 0; */background-size: contain;background-position: left;right: 0;/* opacity: .592; *//* transform-origin: left; *//* transform: scale(1.25); */background-repeat: no-repeat;bottom: 10%;left: 5vw;max-height: 110px;/* max-width: 350px; */}
#video .over {width:100%;/* position:absolute; */z-index:999;position:absolute;width: 60%;/* left: 20px; *//* margin-top: 20px; */padding: 5vw;/* position: absolute; *//* font-size: 4rem; */z-index: 9999;} 
#video .over h2 {font-size: 2rem;line-height: 2rem;font-size: clamp(30px, 5vw, 86px);line-height: 0.95;font-weight: bold;}
#video .over h2 small {
    display:block;
    color:black;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
    font-size: 120%;
    }
div.copyright {padding: 5vw;font-size:.9rem;font-weight:bold;width: 100%;display: inline-block;/* border-bottom: 1px solid rgba(255,255,255,0.3); */}
span.copyright  {padding:40px 0px;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);/* border-bottom:1px solid; */padding: 40px 0px;display: inline-block;}
.copyright a {/* color:black; */text-decoration:none;color: white;border-bottom: 2px solid rgba(255,255,255,0.83);color: white;transition: all .3s;/* display: block; *//* text-decoration: underline; *//* text-transform: uppercase; */}
.copyright a:hover {color:white}

#colophon {
    /* background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/bg-red.png); */
    background-size: cover;
    background-repeat: no-repeat;
    /* height: 100vh; */
    width: 100vw;
    /* border-top: 1px solid rgba(255,255,255,0.3); */
    background-color: black;
    background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/footer-festival-3cities-com.png);
    background-size: 40%;
    background-position: right bottom;
    padding-bottom: 100px;
    }

#colophon:after {content:"";width: 20%;height: 20vh;max-height: 60px;background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/logo-b.svg);display: inline-block;background-repeat: no-repeat;background-position: left;max-width: 340px;background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/logo.svg);/* background-color: black; *//* border: 30px black solid; */margin: 5vw;min-width: 120px;/* right: 20px; */vertical-align: middle;}
.hero-intro {text-align:center; padding:5vw}
.hero-intro h1 {/* font-size: 3rem; *//* line-height: 3rem; */display: block;font-size: clamp(29px, 5vw, 52px);font-weight: 700;/* font-family: "Playfair", serif; */font-optical-sizing: auto;/* font-weight: 100; *//* font-style: normal; */font-variation-settings: "wdth" 100;/* font-size: 120%; */color: black;max-width: 900px;margin: 20px auto;}

.fond {display:block;padding-left:5vw;font-size: .8rem;}
.fond:after {content:"";background-image:url(https://festival3cities.com/wp-content/uploads/2026/06/fond-logo-2.svg);display: inline-block;vertical-align: middle;height: 30px;width: 100px;margin-left: 20px;}

/* Menu button wrapper */
.lines-button {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9;
    width: 50px;
    min-height: 50px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    user-select: none;
    transition: background-color .3s ease, opacity .3s ease, right .3s ease;
    display: none;
}

.lines-button:hover {
    opacity: .85;
}

.lines-button:active {
    transition: none;
}

/* Opened menu state */
.clicked .lines-button {
    right: 0;
    top: -10px;
    width: 93px;
    background: #50bdad;
    margin-right: 0;
}

/* Hamburger lines */
.lines,
.lines::before,
.lines::after {
    display: block;
    width: 31px;
    height: 2px;

    background: #fff;
    border-radius: 0;

    transition:
        background-color .3s ease,
        transform .3s ease,
        top .3s ease,
        width .3s ease;
}

.lines {
    position: relative;
}

.lines::before,
.lines::after {
    content: "";
    position: absolute;
    left: 0;
    width: 23px;
}

.lines::before {
    top: 8px;
}

.lines::after {
    top: -8px;
}

/* Closed / X state */
.lines-button.closed {
    z-index: 9999;
    /* padding-left: 18px; */
}

.lines-button.x.closed .lines {
    background: transparent;
}

.lines-button.x.closed .lines::before,
.lines-button.x.closed .lines::after {
    top: 0;
    width: 22px;
    margin-left: 3px;
    transform-origin: 50% 50%;
    background: #fff;
}

.lines-button.x.closed .lines::before {
    transform: rotate(45deg);
}

.lines-button.x.closed .lines::after {
    transform: rotate(-45deg);
}

/* Optional label */
.lines-button::before {
    position: absolute;
    margin-left: -70px;
    margin-top: -3px;

    color: #fff;
    font-size: 1rem;
    text-transform: lowercase;
}

.lines-button.closed::before {
    margin-left: -110px;
    margin-top: -5px;
    text-align: left;
}




.liszt-hero {
  background: transparent;
  padding: 5vw;
  background-color: black;
  color: white;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-top: -12px;
  position: relative;
  z-index: 99;
  border-radius: 25px;
  /* max-width: 90%; */
}

.home .liszt-hero {border-radius:0}

.liszt-hero__inner {
  max-width: 920px;
  margin: 0 auto;
  text-align: center;
}

.liszt-hero__eyebrow {
  margin: 0 0 14px;
  font-size: clamp(16px, 2vw, 20px);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.72;
  /* display: none; */
  font-size: 0;
}


.liszt-hero__eyebrow:before {content:"";background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/spaja.svg);width: 150px;height: 130px;display: block;background-repeat: no-repeat;background-position: center;margin: 0px auto;}

.liszt-hero__title {
  margin: 0;
  font-size: clamp(30px, 5vw, 86px);
  line-height: 1.05;
  font-weight: 700;
  background: linear-gradient(90deg, #c12168 0%, #ea2c26 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.liszt-hero__text {
  max-width: 760px;
  margin: 28px auto 0;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.65;
  opacity: 0.88;
}

.liszt-hero__cities {
  margin: 38px 0 0;
  font-size: clamp(24px, 4vw, 44px);
  line-height: 1.2;
  font-weight: 600;
  background: linear-gradient(90deg, #c12168 0%, #ea2c26 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.liszt-hero__cities:before {content:""; display:block; 
                            height:50px; width:50px; margin:20px auto;
                           background-image:url(https://festival3cities.com/wp-content/uploads/2026/06/3.svg );}



.liszt-hero__closing {
  margin: 16px 0 0;
  font-size: clamp(18px, 2.4vw, 28px);
  line-height: 1.35;
  font-weight: 500;
  opacity: 0.82;
  margin-bottom: 60px;
}



h1 {font-size: clamp(27px, 7vw, 86px);line-height: 0.95;}

.image {min-height: 75vh;text-align: center;padding: 47vh 20px 60px 20px;background-size: cover;background-position: top;background-color: rgba(0,0,0,0.629);background-blend-mode: multiply;}
.mobile-only {display:none}
.image .btn {color:white;margin: 30px;}
.image h1 {
    font-size: clamp(25px, 4vw, 45px);
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.image h1 small {display:block; font-size:1.32rem; max-width:600px; margin:10px auto}

#program {
  padding: 4rem 1.25rem;
  font-family: inherit;
  /* font-size: 1rem; */
  /* line-height: 1.7; */
}

#program .program-inner {
  max-width: 900px;
  margin: 0 auto;
  /* padding-top: 30px; */
  /* overflow: scroll; */
  /* max-height: 80vh; */
}

#program h2 {
  margin: 1.5em 0 1.5em;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.15;
  /* text-transform: uppercase; */
  text-align: center;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}


#program h3 {
  margin: 1.5em 0 1.5em;
  font-size: clamp(1.4rem, 3vw, 2rem);
  line-height: 1.15;
  /* text-transform: uppercase; */
  text-align: center;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}


#program .program-inner ul {  font-size: clamp(1.2rem, 2vw, 1.5rem);
  line-height: 1.55; list-style-position:inside}


#program p, .page .entry-content, #program  strong {
  margin: 0 0 1.25em;
  font-size: clamp(1.13rem, 1.35vw, 1.9rem);
  line-height: 1.45;
}

 #program  strong {}

#program blockquote {
  margin: 2rem 0 0;
  padding: 1.5rem 0 1.5rem 1.5rem;
  /* border-left: 3px solid currentColor; */
  font-style: italic;
  max-width: 900px;
  margin: 50px auto;
  color: black;
  font-weight: bold;
  background-color: white;
  padding: 50px;

}

#program blockquote p {  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;}

#program blockquote p:first-child {
  font-weight: 600;
  font-style: normal;
  /* line-height: 0.95; */
}

@media (max-width: 768px) {
  #program {
    padding: 12px;
  }

  #program blockquote {
    /* padding-left: 1rem; */
    padding: 20px;
  }
}







.event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(0,0,0,.15);
    border-bottom: 1px solid rgba(0,0,0,.15);
    max-width: 1200px;
    margin: 0px auto;
    margin-top: 30px;
}


.single .event-meta {border-color:rgba(255,255,255,0.2)}
.event-meta__item {
    flex: 1;
    min-width: 180px;
}

.event-meta__item--kedy {/* border-left: 1px solid rgba(255,255,255,0.3); *//* border-right: 1px solid rgba(255,255,255,0.3); */}


.event-meta__item--kde  {border-right:1px solid rgba(255,255,255,0.3);}
.kurzy-container .event-meta__item--kde  {border-right:1px solid rgba(0,0,0,0.1);}



.event-meta__item--kto {display:none}
.image .event-meta__item--kto {display:initial;border-left: 1px solid rgba(255,255,255,0.3);}

.event-meta__item svg {transform:scale(1.3);opacity:.6; margin-bottom:10px}

.event-meta__label {
    display: block;
    margin-bottom: .4rem;
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .6;
    opacity: 0;
    display: none;
}

.event-meta__value {
    display: block;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.5;
    font-weight: bold;
}

@media (max-width: 768px) {
    .event-meta {
        /* flex-direction: column; */
        gap: 1rem;
        /* position: absolute; */
        /* bottom: 0; */
    }
}



/* Mobile first */
#program {
    display: block;
}

#gallery {
    margin-bottom: 3rem;
}

.program-inner {
    min-width: 0;
}

/* Desktop */
@media (min-width: 992px) {
    #program {
        display: grid;
        grid-template-columns: 40% 1fr;
        gap: 4rem;
        align-items: start;
    }

    #gallery {
        position: sticky;
        top: 2rem; /* optional */
        margin-bottom: 0;
    }
}




.gallery-item {
    width: 280px;
    height: 170px;
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 1px;
    vertical-align: top;
}

.gallery-item:hover a {
    background-color: rgba(0, 0, 0, 0.3);
    background-color: transparent;
    /* background-image: url(https://pristudnicke.sk/wp-content/uploads/2021/09/01-pri-studnicke.jpg); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-blend-mode: multiply; */
    transform: scale(0.9);
}

.gallery-icon {
    width: 100%;
    height: 100%;
    display: block;
}

.gallery-icon a {
    transition: all 0.5s ease 0s;
    display: block;
    background-blend-mode: multiply;
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: top top;
    /* background-color: #baaea2; */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-icon a img {
    display: none;
}

.gallery {
    text-align: left;
    max-width: 100%;
    margin: 0px auto;
    font-size: 0;
    line-height: 0;
    margin-bottom: 0;
    /* background-color: white; */
    font-size: 0;
    margin-left: 1px;
    margin-bottom: 1px;
    margin: 0px 0px;
    /* margin-top: -370px; */
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.liszt-block .gallery {margin: 30px 0px;}


.gallery-cell {width:100%}

.gallery-item {
    display: inline-block;
    position: relative;
    width: 20% !important;
    width: calc(20vw - 1px) !important;
    height: 18vh !important;
    margin-left: 0px;
    border-radius: 0;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    box-sizing: border-box;
    max-width: 270px;
    min-width: 175px;
    text-align: center;
    border: 6px solid transparent;
}


.liszt-block .gallery-item {
    max-width: 390px;
    min-width: 305px;
    min-height: 40vh;
}


.gallery-item:hover::before {
    margin-top: 80px
}

.gallery-item:hover::before {
    opacity: 1;
    transform: scale(1);
}

.tos-opened #mhead {
    margin-top: -150px;
}





.btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn svg {
    transition: transform 0.2s ease;
}

.btn:hover svg {
    transform: translateX(4px);
}


.kurzy-container {padding-bottom: 5vh;/* padding-top: 40px; */}
#kurzy-zoznam {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(390px, 450px));
    justify-content: center;
    /* justify-items: center; */
    gap: 20px;
    padding-bottom: 100px;
    padding: 40px 10px;
}

.kurzy-item {transition: all .3s;background-color:#f5f7f9;display: inline-block;border-radius: 0px;margin: 10px 10px;padding: 0px;font-size: 0;overflow: auto;/* max-width: 440px; */text-align: center;/* min-width: 410px; *//* color: initial; */position: relative;transition: all .3s;}
.kurzy-item:hover {transform:translateY(-10px)}
.kurzy-item h1 {
    font-size: clamp(29px, 5vw, 37px);
    margin-bottom: 20px;
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}
.kurzy-item h1 small {display:block; font-size:1.1rem; margin:10px}
.btn.bottom {
    display: block;
    margin: 50px auto;
    text-align: center;
    max-width: 230px;
    color: white;
    transform: scale(1.25);
    margin-bottom: 160px;
    color: black;
    margin-bottom: 160px;
}
.actions {}
.actions h2 {
    font-family: "Playfair", serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    margin: 1.5em 0 1.5em;
    font-size: clamp(1.8rem, 3vw, 2.9rem);
    line-height: 1.15;
    text-align: center;
    padding: 20px;
    max-width: 730px;
    margin: 0px auto;
    color: black;
    }
.actions:before {content:"";width: 50%;height: 30vh;display:block;background-image: url(https://festival3cities.com/wp-content/uploads/2026/06/citylight-bratislava-festival-3citie-com-1.png);background-repeat: no-repeat;background-size: contain;margin: 20px auto;background-position: 40%;}

.btn.bottom:hover {transform:scale(1.37)}


.kurzy-item .image {
    padding: 0;
    min-height: 280px;
    background-color: rgba(0,0,0,0.0);
}
.kurzy-item .content {padding: 31px 0px;}
.kurzy-item .event-meta__label {font-size:.6rem}
.kurzy-item .event-meta__value {font-size:.8rem}
.kurzy-item .event-meta {gap: 0px;margin-top: 0;margin-bottom: 0;/* padding-bottom: 0; *//* padding-top: 0px; */}


.page .entry-content {text-align:center; }




.liszt-section {
  /* background: #160710; */
  color: #fff;
  padding: 40px 10px;
}

.liszt-container {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  gap: clamp(48px, 7vw, 90px);
}

.liszt-block {
  /* max-width: 1080px; */
}

.liszt-block h2 {
  margin: 1vw;
  font-size: clamp(37px, 4vw, 59px);
  line-height: 1.015;
  /* text-transform: uppercase; */
  letter-spacing: -1px;
  font-weight: 700;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  /* font-size: 120%; */
  color: black;
}

.liszt-block p,
.liszt-list {
  font-size: clamp(19px, 2.2vw, 29px);
  line-height: 1.18;
  /* font-weight: 700; */
}

.liszt-block p {
  margin: 0px auto;
  opacity: .9;
}
.liszt-block p.lead {margin-bottom:30px;display:block;opacity: .9;font-size: clamp(24px, 2.52vw, 35px);}
.liszt-block em {
  font-style: italic;
  font-weight: 200;
}

.lead {
  max-width: 900px;
}

.quote-box {
  /* border: 2px solid rgba(255, 255, 255, 0.85); */
  padding: clamp(22px, 3vw, 42px);
  margin: 36px 0;
  background-color: rgba(0,0,0,0.321);
  border-radius: 30px;
}

.quote-box h3 {
  margin: 0 0 30px;
  font-size: clamp(23px, 2.8vw, 35px);
  line-height: 1.1;
  font-weight: 800;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  /* font-size: 120%; */
}

.quote-box blockquote {
  margin: 0;
  font-size: clamp(19px, 2.2vw, 29px);
  line-height: 1.18;
  font-weight: 700;
  font-style: italic;
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  /* font-size: 120%; */
}

.liszt-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 38px;
  text-align: left;
}

.liszt-list li {
  position: relative;
  padding-left: 28px;
}

.liszt-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

/* Mobile */
@media (max-width: 700px) {
  .liszt-section {
    padding: 36px 18px;
  }

  .liszt-block h2 {
    margin-bottom: 26px;
  }

  .liszt-block h2 br {
    display: none;
  }

  .quote-box {
    padding: 22px 18px;
    margin: 28px 0;
  }

  .quote-box h3 {
    margin-bottom: 22px;
  }

  .liszt-list {
    gap: 30px;
  }

  .liszt-list li {
    padding-left: 22px;
  }
}

.liszt-family-tree {
  text-align: center;
  padding-bottom: 130px;
  /* padding-top: 100px; */
}

.liszt-family-tree h2 {
  margin-bottom: clamp(34px, 5vw, 64px);
  /* color: black; */
}

.family-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(40px, 12vw, 180px);
  align-items: start;
  margin-top: 150px;
}

.family-grid > div,
.family-person {
  font-weight: 700;
}

.family-grid span,
.family-person span {
  display: block;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.1;
}

.family-grid strong,
.family-person strong {
  display: block;
  margin-top: 4px;
  font-size: clamp(24px, 2.8vw, 34px);
  line-height: 1;
  font-style: italic;
  font-weight: 700;
}

.family-grid p,
.family-person p {
  margin: 4px 0 0;
  font-size: clamp(17px, 2vw, 24px);
  line-height: 1.12;
}

.family-line {
  position: relative;
  max-width: 720px;
  margin: 22px auto 28px;
  border-top: 2px solid rgba(255,255,255,0.75);
}

.family-line.first-line {/* text-align:right; */}

.family-line::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -1px;
  width: 18px;
  height: 18px;
  border-right: 2px solid rgba(255,255,255,0.75);
  border-bottom: 2px solid rgba(255,255,255,0.75);
  transform: translate(-50%, -50%) rotate(45deg);
  background: #c12168;
  background: linear-gradient(90deg, #c12168 0%, #ea2c26 100%);
}

.family-line.first-line::after {
    right: -10px;
    left: initial;
}

.family-line span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 14px;
  padding: 0 12px;
  /* background: #160710; */
  font-size: clamp(16px, 1.7vw, 20px);
  font-weight: 700;
  font-style: italic;
}

.family-final {
  margin-top: 48px;
}





.contact-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 40px auto;
  padding: 5vw;
  text-align: left;
}

.entry-content .contact-section {text-align:center}
.entry-content .contact-section .btn {margin-left:auto; margin-right:auto;}
.contact-card {
  /* background: #ffffff; */
  color: white;
  /* padding: 32px; */
  border-radius: 18px;
  /* box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08); */
  /* border: 1px solid rgba(0, 0, 0, 0.06); */
  line-height: 1.7;
  margin: 0 0 1.25em;
  font-size: clamp(1.13rem, 1.35vw, 1.9rem);
  line-height: 1.45;
  /* text-align: center; */
}


.contact-card h2 {
  margin-bottom: 60px;
  font-size: clamp(23px, 1.97vw, 35px);
  font-weight: bold;
}

.contact-card a {color:white}
.contact-card .btn {
    display: block;
    text-align: center;
    max-width: 320px;
    /* margin: 15px auto; */
}

.social-link {
  display: block;
  color: #111;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 8px;
}

.social-link:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .contact-section {
    grid-template-columns: 1fr;
    /* gap: 18px; */
    /* margin: 40px auto; */
    padding: 5Vh 0px;
  }

  .contact-card {
    /* padding: 24px; */
    text-align: center;
  }

  .contact-card .btn {margin:20px auto}
  
}










@media (max-width: 700px) {
  .family-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .family-line {
    max-width: 80%;
    margin: 26px auto 34px;
    margin-bottom: 80px;
  }

  .family-line::after {
   
  }

  .family-final {
    margin-top: 34px;
  }
}







#l-selector {position:absolute;top: -10px;right: 5vw;}
#l-selector li {}
#l-selector li:first-child {border-right:1px solid rgba(255,255,255,0.3);}
#l-selector a {padding: 10px 10px 10px 10px;transition:all .3s;color: white;opacity: .7;}
#l-selector li:first-child a {padding-right: 10px;}
#l-selector a:hover {color:white;opacity: 1;}



#image-main {/* background-image:none!important; */max-height:50vh;overflow:hidden;background-size: contain;background-repeat: no-repeat;background-position: center;}
#image-main img {width:100%;max-width: 100%!important;opacity: 0;}



.gradient {
    background: #bc1f71;
    background: linear-gradient(
        90deg,
        #bc1f71 0%,
        #c91f67 18%,
        #d91f57 38%,
        #e42245 58%,
        #ef252f 78%,
        #ff2a1f 100%
    );

    background-size: 200% 200%;
    animation: gradient 10s ease infinite;

}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.legal-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 20px;
  /* color: #1f1f1f; */
  line-height: 1.75;
  /* font-size: 16px; */
  text-align: left;
}

.legal-page h1 {
  margin-bottom: 16px;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.1;
  /* color: #b91f6d; */
}

.legal-page h2 {
  margin-top: 42px;
  margin-bottom: 14px;
  /* font-size: 26px; */
  /* color: #c9215f; */
}

.legal-page h3 {
  margin-top: 28px;
  margin-bottom: 10px;
  font-size: 21px;
  color: #df233f;
}

.legal-page p {
  margin: 0 0 18px;
}

.legal-page ul {
  margin: 0 0 24px 20px;
  padding: 0;
}

.legal-page li {
  margin-bottom: 8px;
}

.legal-page a {
  /* color: #c9215f; */
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-page strong {
  /* color: #111; */
}

.legal-page > p:first-of-type {
  /* color: #777; */
  font-size: 14px;
}



.education-section {
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 24px;
  color: inherit;
}

.education-header {
  max-width: 850px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.section-kicker {
  display: inline-block;
  margin-bottom: 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.7;
}

.education-header h1 {
  margin: 0 0 24px;
  font-size: clamp(42px, 7vw, 78px);
  line-height: 1.05;
  font-weight: 500;
}

.section-intro {
  margin: 0;
  font-size: clamp(20px, 2.5vw, 28px);
  line-height: 1.5;
  opacity: 0.85;
}

.education-content {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.education-content h2 {
  margin: 60px 0 18px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.2;
  font-weight: 500;
}

.education-content p {
  margin: 0 0 24px;
  font-size: 18px;
  line-height: 1.8;
}

.education-highlight {
  margin-top: 70px;
  padding: 40px;
  /* border: 1px solid rgba(128, 128, 128, 0.25); */
  border-radius: 20px;
  background: rgba(0,0,0, 0.35);
}

.education-highlight h3 {
  margin: 0 0 20px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.3;
  font-weight: 500;
}

.education-highlight p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .education-section {
    padding: 50px 20px;
  }

  .education-header {
    margin-bottom: 40px;
  }

  .education-content h2 {
    margin-top: 42px;
  }

  .education-content p {
    font-size: 17px;
    line-height: 1.7;
  }

  .education-highlight {
    margin-top: 50px;
    padding: 28px 22px;
    border-radius: 14px;
  }
}


html .glightbox-clean .gslide-title {margin-bottom:0}



.festival-article {max-width: 900px;margin: 0 auto;padding: 30px 20px;line-height: 1.7;font-size: clamp(1.13rem, 1.35vw, 1.9rem);line-height: 1.45;/* color: #222; */} .festival-article h1 { margin-bottom: 20px; font-size: 36px; line-height: 1.2; } .festival-article h2 {margin-top: 35px;margin-bottom: 15px;/* font-size: 26px; *//* line-height: 1.3; */font-size: clamp(1.513rem, 1.835vw, 2.5rem);line-height: 1.45;} .festival-article p { margin-bottom: 18px; } .festival-article .intro { font-size: 20px; font-weight: 600; } .festival-article a {/* color: #8a6238; *//* text-decoration: underline; */} .festival-article a:hover { text-decoration: none; } .festival-article .article-links {/* margin-top: 30px; *//* padding: 20px; *//* background: #f5f2ed; */} .festival-article .article-links a {display: inline-block;margin-right: 20px;margin-bottom: 8px;/* font-weight: 600; */} @media (max-width: 600px) { .festival-article h1 { font-size: 29px; } .festival-article h2 { font-size: 23px; } .festival-article .intro { font-size: 18px; } }




















@media (max-width: 600px) {
  .legal-page {
    padding: 40px 18px;
    font-size: 15px;
  }

  .legal-page h2 {
    font-size: 22px;
  }
}














@media (max-width: 640px) {
  .liszt-hero {
    padding: 40px 20px;
  }

  .liszt-hero__inner {
    /* text-align: left; */
  }

  .liszt-hero__text {
    margin-top: 24px;
  }
}




@media only screen and (max-width: 880px){ 
#video .over {position:relative;width: initial;text-align: center;}

.lines-button {display: block!important;position: absolute;top: 30px;right: 8px;opacity: .7;} 
#mhead {padding:20px}
    #mhead nav {display:block;text-align:left;height: initial;max-height: initial;width: initial;max-height: 0px;overflow: hidden;}
    .shrink #mhead nav {max-height: 1250px;overflow: hidden;padding-top: 30px;padding-bottom: 30px;}
     #mhead nav  li {display:block;}
  #mhead nav li.menu-item-28 {text-align:center;/* margin-left:auto; */margin-right: auto;}
    #mhead nav  li a {padding:20px;display:block;padding-left: 0;}
    #mhead .logo {max-height:70px;margin: 0px;min-width: 150px;}
    .image {min-height: initial;padding: 5vh 0px;/* margin-bottom: 40vh; *//* background-image: none!important; */background-color: black;}
.mobile-only {display:initial;width:100%;display: block;position: relative;}
    #mhead nav li a {transform-origin:left;}

    .liszt-hero__eyebrow:before {/* margin-left:0; */max-height:80px;margin-bottom:20px}
  .family-grid {margin-top:30px}
  div.copyright {text-align:center}
  #colophon:after {margin: 20px auto;background-position:center;display:block;}
  .image .event-meta__item {border:0!important}
  .actions:before {margin:0px auto;height: 20vh;}
  .kurzy-container {padding-top:40px}
.page-template .kurzy-container {padding-top:0}
    #l-selector {position:absolute;top: 28px;/*! left: 0; */right: 56px;margin: 0px auto;width: 100px;text-align: center;}
.fond {text-align:center;padding:20px;font-size: .8rem;}
 .fond:after {display:block; margin:20px auto} 
  .image .btn {margin:23px 5px 5px 5px}
}