@charset "utf-8";/* thematic.php */
html, body#thematic{min-height:100lvh;margin:0;background:url("../img/thematic/thematic-bg.webp") center top / cover}
@media only screen and (max-width:428px) and (orientation:portrait){header{position:relative}}
.thematic-content{position:relative;left:100%;width:100%;min-height:100lvh/*important!*/}
.kb{width:100%;min-height:100%;color:#1f414b;font-size:0.55rem;font-weight:700}
#keyboard{width:100%;height:auto;max-width:791px;margin:auto;border-collapse:collapse;border-radius:0.5em;box-shadow:5px 5px 8px #2e6272}
#keyboard #rule{background:url(../img/thematic/ruleup.webp) center/cover;height:35px;border-radius:0.5em 0.5em 0 0}
#keyboard td{padding:0}
#keyboard img{border-radius:0}
@media only screen and (orientation:portrait) and (max-width:428px){#keyboard img{height:63px!important}#rule{height:20px!important}}
/* Header thematic tours  */
.headthematic{position:sticky;top:2.5lvh;z-index:3/*important!*/;width:100%;height:2.4rem;background:transparent}
@media only screen and (max-width:428px) and (orientation:portrait){.headthematic{background:rgba(255,255,255,.9)}}
.cataloguefiles h1{display:none/* important! */}
.headthematic h1{float:right;height:2.4rem;margin:0.5vh 2vw 0 0;font-size:1.2rem;font-weight:600;font-style:oblique;color:#2e6272;border-radius:0.25em;text-shadow:0.1rem 0 0.2rem #F7FBFB;transition:ease-in-out 0.5s}
.headthematic h1::after{content:"\003E";padding:0 0.33em 0 0.25em;font-size:1.5rem;font-weight:900;text-shadow:0.4rem 0 0.4rem #fff;transition:ease-in-out 0.5s}
/* Vocal tour spec .headthematic */
#headvocal h1{background:linear-gradient(to left,#FFC4E8,transparent 80%)}
#headvocal h1::after{color:#FF6BC4}
/* Esoterica tour spec .headthematic */
#headesoterica h1{background:linear-gradient(to left,#D89FF9,transparent 80%)}
#headesoterica h1::after{color:#AE38F2}
/* Pop tour spec .headthematic */
#headpop h1{background:linear-gradient(to left,#FEC796,transparent 80%)}
#headpop h1::after{color:#FDA04D}
/* Chamber tour spec .headthematic */
#headchamber h1{background:linear-gradient(to left,#A8EFB1,transparent 80%)}
#headchamber h1::after{color:#25CB3A}
/* Piano tour spec .headthematic */
#headpiano h1{background:linear-gradient(to left,#A8C9FF,transparent 80%)}
#headpiano h1::after{color:#1B71FF}
/* Orchestra tour spec .headthematic */
#headorch h1{background:linear-gradient(to left,#FDEE82,transparent 80%)}
#headorch h1::after{color:#DFC303}
/* Essential tour spec .headthematic */
#headessential h1{background:linear-gradient(to left,#cccccc,transparent 80%)}
#headessential h1::after{color:#979797}
/* Thematic tours general .headthematic */
.headthematic h1:hover,.headthematic h1:hover::after{color:#F7FBFB!important;text-shadow:0.1rem 0 0.2rem #1f414b}
/* Vocal tour - spec files id */
#gossamernoons, #pussies, #twosongs, #runningsun {background:url("../img/thematic/vocal-tour-bg.webp") center top / 100% repeat-y}
/* Esoterica tour - spec files id */
#fontana, #secondthoughts, #starscape, #saccade, #nocturneforsq, #fantasyforpiano, #pourjeanne, #radiance, #shallwedance {background:url(../img/thematic/esoterica-tour-bg.webp) center top / 100% repeat-y}
/* Pop tour - spec files id */
#hommages, #schilflied, #landscape, #inretrospect, #chatting, #liasfow, #shallwedance-dup, #pussies-dup {background:url(../img/thematic/pop-tour-bg.webp) center top / 100% repeat-y}
/* Chamber tour - spec files id */
#pianoquartet, #quintet, #eventually, #duo, #mixture, #trio2, #postlude {background:url(../img/thematic/chamber-tour-bg.webp) center top / 100% repeat-y}
/* Piano tour - spec files id */
#shallwedance-trip, #nocturneforpiano, #lefthand, #portrait, #schilflied-dup, #etudes, #postcards, #recollections {background:url(../img/thematic/piano-tour-bg.webp) center top / 100% repeat-y}
/* Orchestra tour - spec files id */
#symphonyone, #gossamernoons-dup, #concerto1, #juvenilia, #concerto2, #symphony2 {background:url(../img/thematic/orchestra-tour-bg.webp) center top / 100% repeat-y}
/* Essential tour - spec files id */
#symphony2-dup, #quintet-dup, #concerto2-dup, #pianoquartet-dup, #trio1, #shallwedance-quad {background:url(../img/thematic/essential-tour-bg.webp) center top / 100% repeat-y}