/* compiled by scssphp 1.13.0 on Thu, 30 Jul 2026 09:25:36 +0000 (0.0435s) */

@charset "UTF-8";
@font-face {
  font-family: avenir;
  src: url("../fonts/avenir-medium.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: avenir;
  src: url("../fonts/avenir-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: rockwell;
  src: url("../fonts/rockwell-bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}
:root {
  font-size: 16px;
  line-height: 1.5em;
}
body {
  margin: 0;
  background-color: #FFE436;
  color: #000000;
}
body, a, td, div, button, input, li {
  font-family: avenir, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
}
#wrap {
  border-top: 60px solid transparent;
}
@media screen and (min-width: 992px) {
  #wrap {
    border-top: 58px solid transparent;
  }
}
*, *::before, *::after {
  background-repeat: no-repeat;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
.timestamp {
  font-size: 0.6rem;
  color: #333;
  text-align: left;
  margin-top: 1rem;
}
button {
  cursor: pointer;
}
h1 {
  font-family: rockwell, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  font-size: 2rem;
  hyphens: auto;
}
h2 {
  font-family: rockwell, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  font-size: 2rem;
  hyphens: auto;
}
a {
  /* color: #A94259; */
  color: #a94259;
  /* old #dd5674 */
  /* newer #f55373 */
  text-decoration: none;
  font-weight: 600;
  font-size: inherit;
}
.skip-to-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem;
  /* background-color: #A94259; */
  background-color: #FF6C89;
  color: #000000;
  width: 0.001rem;
  height: 0.001rem;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.skip-to-content:focus {
  width: auto;
  height: auto;
  clip: auto;
  z-index: 1000;
}
header {
  background-color: #FFE436;
  height: 60px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100dvw;
  z-index: 500;
  /*
  .items {
    display: flex;
    flex-direction: column;
  }
  .navi1 {
    flex-direction: column;
    position: absolute;
    left: 20px;
    top: 70px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
    width: calc(100% - 40px);
    box-sizing: border-box;
    display: none;
    max-height: calc(100vh - 90px);
    overflow-y: scroll;
    background-color: #FFE436;
    @media screen and (min-width: 992px) {
      max-height: none;
      overflow-y: initial;
      justify-content: space-between;
      position: relative;
      left: auto;
      top: auto;
      box-shadow: none;
      width: auto;
      padding: 0;
      flex: auto;
      display: flex;
      flex-direction: row;
      flex: 0 0 calc(100% - 77px);
      min-height: 50px;
      margin-left: 76px;
    }
  }
  .left a,
  .right a,
  .navi2 a {
    white-space: nowrap;
    padding: 20px;
    @media screen and (min-width: 992px) {
      padding: 0 1vw;      
    }
    @media screen and (min-width: 1200px) {
      padding: 0 1.37vw;      
    }
  }

  .left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    @media screen and (min-width: 992px) {
      flex-direction: row;
      align-items: center;
    }
  }
  .right {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    @media screen and (min-width: 992px) {
      align-items: stretch;
      flex-direction: row;
    }
    input {
      padding: 5px 15px;
      box-sizing: border-box;
      height: 2.35em;
      border: 1px solid #000;
      background-color: rgba(255, 255, 255, 0.5);
      transition: background-color .4s ease;
      width: 100%;
      max-width: 250px;
      @media screen and (min-width: 992px) {
      
      }
      &:focus {
        background-color: #fff;
        outline: 0;
        box-shadow: 0 0 0 0.25rem #e9c900;
      }
    }
      */
  /*
  .searchwrap {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #999;
    box-sizing: border-box;
    @media screen and (min-width: 992px) {
      border: 0;
      padding: 0;
      max-width: 140px;        
    }
    @media screen and (min-width: 1200px) {
      max-width: 180px;
    }
    @media screen and (min-width: 1350px) {
      max-width: 205px;      
    }
  }
    */
}
@media screen and (min-width: 992px) {
  header {
    height: 58px;
  }
}
header .inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 12px 0 0;
  display: flex;
  box-sizing: border-box;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (min-width: 992px) {
  header .inner {
    padding: 0 12px;
  }
}
header .logo {
  border: 0;
  width: 76px;
  display: block;
  padding: 12px 10px 6px 12px;
  flex: 0 0 76px;
  height: 40px;
}
@media screen and (min-width: 992px) {
  header .logo {
    position: absolute;
    left: 12px;
    top: 0;
  }
}
header .logo svg circle {
  fill: #A94259;
  transition: fill 0.4s ease;
}
header .logo:hover svg circle {
  fill: #000000;
}
header .toggle {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 1px solid #999;
  padding: 0;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}
@media screen and (min-width: 992px) {
  header .toggle {
    display: none;
  }
}
header .toggle div {
  width: 22px;
  height: 3px;
  position: absolute;
  left: 8px;
  background-color: #333;
  transform-origin: center;
  transition: all 0.4s ease;
}
header .toggle .l1 {
  top: 12px;
}
header .toggle .l2 {
  top: 21px;
}
header .fa-star, header .fa-shopping-basket, header .fa-calendar {
  margin: 0 0.5em 0 0;
}
header .favorites {
  display: inline;
  margin: 0;
}
body.customize-support header {
  top: 46px;
}
@media screen and (min-width: 783px) {
  body.customize-support header {
    top: 32px;
  }
}
body.customize-support header .items {
  max-height: calc(100vh - 140px);
  overflow-y: scroll;
}
@media screen and (min-width: 783px) {
  body.customize-support header .items {
    overflow-y: initial;
    max-height: calc(100vh - 126px);
  }
}
html.navigating header .toggle .l1 {
  transform: rotate(45deg) translate(5px, 4px);
}
html.navigating header .toggle .l2 {
  transform: rotate(-45deg) translate(2px, -2px);
}
html.navigating header .items {
  display: flex;
}
body.submenu #wrap {
  /* border-top: 97px solid transparent; */
}
footer {
  padding: 0 20px;
}
footer .inner {
  max-width: 940px;
  margin: 0 auto;
}
footer .inner .cols {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  text-align: center;
}
@media screen and (min-width: 650px) {
  footer .inner .cols {
    text-align: left;
  }
}
footer .inner .left, footer .inner .right, footer .inner .disclaimer, footer .inner .backup {
  flex: 0 0 100%;
}
@media screen and (min-width: 650px) {
  footer .inner .left, footer .inner .right, footer .inner .disclaimer, footer .inner .backup {
    flex: 0 0 calc(50% - 15px);
  }
}
footer .disclaimer, footer .backup {
  padding: 30px 0;
  box-sizing: border-box;
}
footer .disclaimer, footer .disclaimer p {
  font-size: 0.8rem;
}
footer .disclaimer p {
  margin: 0;
}
footer .backup {
  font-size: 0.8rem;
}
footer .backup a::before {
  content: "";
  margin-right: 5px;
  font-family: FontAwesome;
}
footer .newsletter {
  display: flex;
  column-gap: 5px;
  flex-wrap: wrap;
  row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 650px) {
  footer .newsletter {
    flex-direction: column;
  }
}
@media screen and (min-width: 902px) {
  footer .newsletter {
    flex-direction: row;
    justify-content: flex-start;
  }
}
footer .newsletter input[type="submit"] {
  font-family: rockwell, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  padding: 10px 10px 5px 15px;
  display: block;
  height: 40px;
  width: auto;
}
footer input {
  padding: 5px 15px;
  box-sizing: border-box;
  height: 2.35em;
  border: 1px solid #000;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.4s ease;
  width: 100%;
  max-width: 170px;
}
footer input:focus {
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #e9c900;
}
footer .links a {
  display: block;
  font-family: avenir, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  color: #000;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0.2em;
  padding: 2px 0;
}
footer label {
  display: none;
}
header nav {
  /* display: flex; */
  display: none;
  flex-direction: column;
  position: relative;
  height: calc(100dvh - 60px);
  background-color: #FFE436;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  overflow-y: auto;
  justify-content: space-between;
}
@media screen and (min-width: 992px) {
  header nav {
    height: calc(100dvh - 58px);
    display: flex;
    flex-direction: row;
    overflow-y: initial;
    position: relative;
    left: 100px;
    top: 0;
    height: auto;
    justify-content: space-between;
    width: calc(100% - 100px);
  }
}
header nav .items {
  display: flex;
  flex-wrap: wrap;
}
header nav .items div.l1, header nav .items div.l2, header nav .items div.l3 {
  transition: background-color 0.4s ease;
  background-color: #ffE436;
  border-top: 1px solid #aaa;
  justify-content: space-between;
  flex: 0 0 100%;
}
@media screen and (min-width: 992px) {
  header nav .items div.l1, header nav .items div.l2, header nav .items div.l3 {
    border-top: 0;
    flex: 0 0 auto;
    height: 58px;
    position: relative;
  }
}
header nav .items div.l1:last-child, header nav .items div.l2:last-child, header nav .items div.l3:last-child {
  border-bottom: 1px solid #aaa;
}
@media screen and (min-width: 992px) {
  header nav .items div.l1:last-child, header nav .items div.l2:last-child, header nav .items div.l3:last-child {
    border-bottom: 0;
  }
}
header nav .items div.l1.selected, header nav .items div.l2.selected, header nav .items div.l3.selected {
  /*background-color: #dd5674; */
  background-color: #FF6C89;
}
@media screen and (min-width: 992px) {
  header nav .items div.l1:hover, header nav .items div.l2:hover, header nav .items div.l3:hover {
    /*background-color: #dd5674; */
    background-color: #FF6C89;
  }
}
header nav .items div.l1.open > .children, header nav .items div.l2.open > .children, header nav .items div.l3.open > .children {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (min-width: 992px) {
  header nav .items div.l1.open > .children, header nav .items div.l2.open > .children, header nav .items div.l3.open > .children {
    flex-direction: column;
    flex-wrap: nowrap;
    position: absolute;
    align-items: flex-start;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    min-width: 260px;
    z-index: 999;
  }
}
header nav .items div.l1 > button, header nav .items div.l2 > button, header nav .items div.l3 > button {
  font-size: 0;
  color: transparent;
  width: 40px;
  border: 0;
  background-color: transparent;
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  flex: 0 0 40px;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  header nav .items div.l1 > button, header nav .items div.l2 > button, header nav .items div.l3 > button {
    /* no flex */
    height: 100%;
  }
}
header nav .items div.l1 > button::after, header nav .items div.l2 > button::after, header nav .items div.l3 > button::after {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
  display: inline-block;
  font-size: 1rem;
  font-size: 1.3rem;
  color: #000;
  transform-origin: center;
  transition: transform 0.5s ease;
  /**/
  vertical-align: middle;
  line-height: 1.6em;
}
header nav .items div.l1.open > button::after, header nav .items div.l2.open > button::after, header nav .items div.l3.open > button::after {
  transform: rotate(90deg);
}
header nav .items div.l1.haschildren > a, header nav .items div.l2.haschildren > a, header nav .items div.l3.haschildren > a {
  padding-right: 0;
}
header nav .items .children {
  display: none;
  background-color: #FFE436;
}
@media screen and (min-width: 992px) {
  header nav .items .children {
    position: absolute;
    left: 0;
    top: 100%;
  }
}
@media screen and (min-width: 992px) {
  header nav .items .l2 {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }
}
header nav .items .l2 a::before {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
  display: inline-block;
  margin-right: 7px;
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.9);
}
@media screen and (min-width: 992px) {
  header nav .items .l2 a {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 992px) {
  header nav .items .l2 > .children {
    left: 100%;
    top: 0;
  }
}
@media screen and (min-width: 992px) {
  header nav .items .l3 {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }
}
header nav .items .l3 a::before {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
  display: inline-block;
  margin-right: 7px;
  color: #ffffff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.9);
}
@media screen and (min-width: 992px) {
  header nav .items .l3 a {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 992px) {
  header nav .items .l3 > .children {
    left: 100%;
    top: 0;
  }
}
@media screen and (min-width: 992px) {
  header nav .items .l2 > a, header nav .items .l3 > a {
    line-height: 1em;
  }
}
@media screen and (min-width: 992px) {
  header nav .items .l1.onleft .l2 .children, header nav .items .l1.onleft .l3 .children {
    left: 0;
    transform: translateX(-100%);
  }
}
header nav .extra {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media screen and (min-width: 992px) {
  header nav .extra {
    flex: 1 1 auto;
    justify-content: flex-end;
  }
}
header nav .extra > div:last-child {
  /* border-bottom: 1px solid #aaa; 
        @media screen and (min-width: 992px) {
          border-bottom: 0;
        }
          */
}
header nav .extra > div.selected {
  background-color: #FF6C89;
}
@media screen and (min-width: 992px) {
  header nav .extra > div:hover {
    background-color: #FF6C89;
  }
}
header nav .extra > div i {
  font-size: 0;
  color: transparent;
}
header nav .extra > div i::before {
  font-size: 1rem;
  color: #000;
}
header nav a {
  font-family: avenir, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  padding: 20px;
  box-sizing: border-box;
  font-weight: 600;
  flex: 1 1 auto;
}
@media screen and (min-width: 992px) {
  header nav a {
    font-weight: 500;
    padding: 0;
    height: 100%;
    vertical-align: middle;
    line-height: 58px;
    padding: 0 15px;
  }
}
header nav a i {
  margin: 0;
}
header nav a span {
  margin: 0 0.5em 0 0;
}
@media screen and (min-width: 992px) {
  header nav a span {
    display: none;
  }
}
header nav .l1 a {
  width: calc(100% - 45px);
}
@media screen and (min-width: 992px) {
  header nav .l1 a {
    width: auto;
  }
}
header nav .l2 a {
  width: calc(100% - 45px);
}
@media screen and (min-width: 992px) {
  header nav .l2 a {
    width: auto;
  }
}
header nav .l3 a {
  width: calc(100% - 45px);
}
@media screen and (min-width: 992px) {
  header nav .l3 a {
    width: auto;
  }
}
header nav .searchwrap {
  box-sizing: border-box;
  display: flex;
  position: relative;
}
header nav .searchwrap button {
  width: 40px;
  padding: 0;
  background-color: transparent;
  border: 0;
}
header nav .searchwrap button > * {
  pointer-events: none;
}
header nav .searchwrap form {
  position: absolute;
  overflow: hidden;
  transition: width 0.5s ease;
  right: 0;
  padding: 15px;
  background-color: #ffe436;
  box-sizing: border-box;
  display: none;
  flex-direction: row;
  bottom: 100%;
  min-width: 250px;
}
@media screen and (min-width: 992px) {
  header nav .searchwrap form {
    bottom: auto;
    top: 100%;
  }
}
header nav .searchwrap form button {
  font-family: rockwell, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  font-weight: 700;
  background-color: transparent;
  border: 0;
  padding: 10px 10px 5px 15px;
  display: block;
  height: 40px;
  width: auto;
}
header nav .searchwrap input {
  padding: 5px 15px;
  box-sizing: border-box;
  height: 2.35em;
  border: 1px solid #000;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.4s ease;
  width: 100%;
  max-width: 170px;
}
header nav .searchwrap input:focus {
  background-color: #fff;
  outline: 0;
  box-shadow: 0 0 0 0.25rem #e9c900;
}
header nav .searchwrap.open form {
  display: flex;
}
html.navigating header nav {
  display: flex;
}
body.customize-support header nav {
  height: calc(100dvh - 106px);
}
@media screen and (min-width: 783px) {
  body.customize-support header nav {
    height: calc(100dvh - 92px);
  }
}
@media screen and (min-width: 992px) {
  body.customize-support header nav {
    height: auto;
  }
}
main {
  padding: 0 0 30px;
}
main.index {
  border-top: 1px solid #00CBD6;
  background-color: #00CBD6;
}
.ec-navribbon {
  padding: 12px 5px 25px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 1rem;
  justify-content: center;
}
.ec-navribbon a {
  font-family: rockwell, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  border: 0;
  background-color: #FFE436;
  color: #000000;
  border-radius: 10px;
  line-height: 1.1em;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.4s ease;
  font-size: 1rem;
  padding: 0.6em 1.5em 0.6em;
}
@media screen and (min-width: 768px) {
  .ec-navribbon a {
    padding: 0.7em 1.5em 0.6em;
    font-size: 1.2rem;
  }
}
.ec-navribbon a:hover {
  background-color: #e9c900;
}
.ec-navribbon a:active {
  color: #fff;
}
.ec-heroimage {
  text-align: center;
}
.ec-heroimage img {
  max-width: 100%;
  height: auto;
}
.ec-heroimage span, .ec-heroimage .youtube {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  display: block;
}
@media screen and (min-width: 576px) {
  .ec-heroimage span, .ec-heroimage .youtube {
    max-width: 520px;
  }
}
@media screen and (min-width: 768px) {
  .ec-heroimage span, .ec-heroimage .youtube {
    max-width: 700px;
  }
}
@media screen and (min-width: 992px) {
  .ec-heroimage span, .ec-heroimage .youtube {
    max-width: 940px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-heroimage span, .ec-heroimage .youtube {
    max-width: 1120px;
  }
}
@media screen and (min-width: 1399px) {
  .ec-heroimage span, .ec-heroimage .youtube {
    max-width: 1296px;
  }
}
.ec-heroimage.noimage span {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: gray;
  aspect-ratio: 2.3333333333;
}
.ec-heroimage.noimage span::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 3.5rem;
  content: "";
  color: #aaa;
}
.ec-heroimage .slick-next {
  right: 10px;
}
.ec-heroimage .slick-next .slick-next-icon::before {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
}
.ec-heroimage .slick-prev {
  left: 10px;
}
.ec-heroimage .slick-prev .slick-prev-icon::before {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
}
.ec-heroimage .slick-next, .ec-heroimage .slick-prev {
  z-index: 99;
}
.ec-heroimage .slick-next .slick-next-icon::before, .ec-heroimage .slick-next .slick-prev-icon::before, .ec-heroimage .slick-prev .slick-next-icon::before, .ec-heroimage .slick-prev .slick-prev-icon::before {
  color: #A94259;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 768px) {
  .ec-heroimage .slick-next .slick-next-icon::before, .ec-heroimage .slick-next .slick-prev-icon::before, .ec-heroimage .slick-prev .slick-next-icon::before, .ec-heroimage .slick-prev .slick-prev-icon::before {
    font-size: 2rem;
  }
}
.ec-heroimage .youtube {
  aspect-ratio: 2.3333333333;
  height: 100%;
}
.ec-heroimage #ytplayer {
  position: relative;
  height: calc(100%);
  aspect-ratio: 2.3333333333;
}
.ec-heroimage .slider {
  max-width: 1296px;
  margin: 0 auto;
}
.ec-someribbon {
  padding: 12px 5px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1em;
  justify-content: center;
  column-gap: 1em;
}
.ec-someribbon a {
  font-size: 0;
  color: transparent;
  padding: 3px 12px;
  border-radius: 8px;
  background-color: #FF6C89;
  display: inline-block;
  transition: background-color 0.4s ease;
}
.ec-someribbon a::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 1.5rem;
  color: #000;
  transition: color 0.4s ease;
  line-height: 1.2em;
}
.ec-someribbon a:hover {
  /*background-color: #FF6C89; */
  background-color: #f8829a;
}
.ec-someribbon a:hover::after {
  color: #000;
}
.ec-someribbon .ig::after {
  content: "";
}
.ec-someribbon .letterboxd::after {
  content: "";
}
.ec-someribbon .youtube::after {
  content: "";
}
.ec-someribbon .fb::after {
  content: "";
}
.ec-someribbon .in::after {
  content: "";
}
.ec-someribbon .tiktok::after {
  content: "";
}
.ec-newslinks {
  padding: 0 20px;
}
.ec-newslinks .inner {
  max-width: 950px;
  margin: 0 auto 20px;
  background-color: #FFE436;
  width: 100%;
}
.ec-newslinks a {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  min-height: 250px;
  height: 100%;
  flex-direction: column;
}
@media screen and (min-width: 650px) {
  .ec-newslinks a {
    flex-direction: row;
  }
}
.ec-newslinks a:nth-child(even) {
  flex-direction: column;
}
@media screen and (min-width: 650px) {
  .ec-newslinks a:nth-child(even) {
    flex-direction: row-reverse;
  }
}
.ec-newslinks .image, .ec-newslinks .text {
  flex: 0 0 50%;
}
.ec-newslinks .image, .ec-newslinks .noimage {
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 1.5;
}
@media screen and (min-width: 650px) {
  .ec-newslinks .image, .ec-newslinks .noimage {
    aspect-ratio: none;
    display: flex;
  }
}
.ec-newslinks .noimage {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: gray;
}
.ec-newslinks .noimage::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 3.5rem;
  content: "";
  color: #aaa;
}
.ec-newslinks .text {
  text-decoration: none;
  color: #000;
  align-items: center;
  padding: 10px 20px;
  box-sizing: border-box;
  font-weight: 400;
}
.ec-text {
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-text {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-text {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-text {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-text.wide {
    max-width: 1140px;
  }
}
.ec-text.movie .themes {
  margin-top: 5px;
}
.ec-text.movie .themes span::after {
  content: "|";
}
.ec-text.movie .genres {
  font-weight: normal;
}
.ec-text.movie .series {
  font-weight: bold;
}
.ec-text.event h2, .ec-text.movie h2, .ec-text.venue h2 {
  font-size: 1.5rem;
}
.ec-text.event .infobox, .ec-text.movie .infobox, .ec-text.venue .infobox {
  background-color: #e9c900;
  padding: 10px;
  margin-bottom: 10px;
  align-self: flex-start;
  font-size: 0.9rem;
}
@media screen and (min-width: 768px) {
  .ec-text.event .infobox, .ec-text.movie .infobox, .ec-text.venue .infobox {
    margin-bottom: 0;
  }
}
.ec-text.event .infobox p, .ec-text.movie .infobox p, .ec-text.venue .infobox p {
  margin: 0;
}
.ec-text.event .infobox a, .ec-text.movie .infobox a, .ec-text.venue .infobox a {
  /* color: #dd5674; */
  color: #a94259;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .ec-text.event .description, .ec-text.movie .description, .ec-text.venue .description {
    flex: 1 1 auto;
    padding-top: 10px;
    width: calc(100% - 300px);
  }
}
@media screen and (min-width: 768px) {
  .ec-text.event .sidebar, .ec-text.movie .sidebar, .ec-text.venue .sidebar {
    flex: 0 0 300px;
    width: 300px;
  }
}
.ec-text.event .row, .ec-text.movie .row, .ec-text.venue .row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .ec-text.event .row, .ec-text.movie .row, .ec-text.venue .row {
    flex-direction: row;
    gap: 20px;
  }
}
.ec-text.event .links, .ec-text.movie .links, .ec-text.venue .links {
  margin-top: 10px;
}
.ec-text.event .links a, .ec-text.movie .links a, .ec-text.venue .links a {
  word-break: break-all;
  display: inline-block;
}
.ec-text.event .links a img, .ec-text.movie .links a img, .ec-text.venue .links a img {
  height: 40px;
}
.ec-text.event .logos, .ec-text.movie .logos, .ec-text.venue .logos {
  margin-top: 2em;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 1em;
  flex-wrap: wrap;
}
.ec-text.event .logos img, .ec-text.movie .logos img, .ec-text.venue .logos img {
  height: 40px;
}
@media screen and (min-width: 768px) {
  .ec-text.event .logos img, .ec-text.movie .logos img, .ec-text.venue .logos img {
    height: 60px;
  }
}
@media screen and (min-width: 768px) {
  .ec-text.event .row, .ec-text.venue .row {
    flex-direction: row-reverse;
  }
}
.ec-text.event .description, .ec-text.venue .description {
  padding-top: 0;
}
.ec-text.event .description p, .ec-text.venue .description p {
  margin: 0 0 1em;
}
.ec-image {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-image {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-image {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-image {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-image.wide {
    max-width: 1140px;
  }
}
.ec-image img {
  max-width: 100%;
}
.ec-personlist {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 1rem;
  padding: 0 12px;
  margin: 0 auto;
  justify-content: center;
  /*
  &.n6 .person {
    @media screen and (min-width: 768px) {
      flex: 0 0 calc(16.6% - 5rem / 6);
    }
  }
  &.n7 .person {
    @media screen and (min-width: 768px) {
      flex: 0 0 calc(14.2% - 6rem / 7);
    }
  }
  &.n8 .person {
    @media screen and (min-width: 768px) {
      flex: 0 0 calc(12.5% - 7rem / 8);
    }
  }
  */
}
@media screen and (min-width: 576px) {
  .ec-personlist {
    max-width: 540px;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .ec-personlist {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-personlist {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-personlist.wide {
    max-width: 1140px;
  }
}
.ec-personlist .person {
  flex: 0 0 calc(50% - 1rem / 2);
  max-width: 170px;
}
.ec-personlist .person .image {
  aspect-ratio: 0.6666666667;
  background-size: cover;
  margin: 0 0 0.4rem;
}
.ec-personlist .person p {
  font-size: 0.85rem;
  line-height: 1.2em;
  margin: 0 0 0.3em;
}
.ec-personlist .person .name {
  font-weight: bold;
}
.ec-personlist.n5, .ec-personlist.n6, .ec-personlist.n7, .ec-personlist.n8, .ec-personlist.n9 {
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .ec-personlist.n1 .person {
    flex: 0 0 calc(20% - 4rem / 5);
  }
}
@media screen and (min-width: 768px) {
  .ec-personlist.n2 .person {
    flex: 0 0 calc(33.3% - 2rem / 3);
  }
}
@media screen and (min-width: 768px) {
  .ec-personlist.n3 .person {
    flex: 0 0 calc(33.3% - 2rem / 3);
  }
}
@media screen and (min-width: 768px) {
  .ec-personlist.n4 .person {
    flex: 0 0 calc(25% - 3rem / 4);
  }
}
@media screen and (min-width: 768px) {
  .ec-personlist.n5 .person, .ec-personlist.n6 .person, .ec-personlist.n7 .person, .ec-personlist.n8 .person, .ec-personlist.n9 .person {
    flex: 0 0 calc(20% - 3rem / 4);
  }
}
.ec-form {
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 576px) {
  .ec-form {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-form {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-form {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-form.wide {
    max-width: 1140px;
  }
}
.ec-form .field {
  padding: 0 0 0.4rem;
}
.ec-form .field label {
  display: block;
  user-select: none;
}
@media screen and (min-width: 768px) {
  .ec-form .field label {
    font-size: 0.9rem;
  }
}
.ec-form .field label.label {
  display: inline;
  font-weight: normal;
}
.ec-form .field input[type="text"] {
  width: 100%;
  max-width: 350px;
  padding: 3px 5px;
}
@media screen and (min-width: 768px) {
  .ec-form .field input[type="text"] {
    font-size: 0.8rem;
  }
}
.ec-form .field textarea {
  width: 100%;
  max-width: 350px;
  height: 5rem;
  padding: 3px 5px;
  font-family: inherit;
  resize: none;
}
@media screen and (min-width: 768px) {
  .ec-form .field textarea {
    font-size: 0.8rem;
  }
}
.ec-form .field.invalid input, .ec-form .field.invalid textarea {
  border: 2px solid #a00;
}
.ec-form .field.invalid label {
  text-decoration: underline;
  text-decoration-color: #f00;
  text-decoration-thickness: 2px;
}
.ec-form button {
  background-color: #A94259;
  color: #000;
  border: 0;
  padding: 5px 15px;
  min-width: 150px;
  text-align: center;
  color: #fff;
  margin: 0.5rem 0 0 0;
}
.ec-form .thanks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 228, 54, 0.8);
  padding: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  flex-direction: column;
  justify-content: flex-end;
  display: none;
}
.ec-form .thanks.shown {
  display: flex;
}
nav.navi2 {
  display: flex;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
  position: sticky;
  flex-wrap: wrap;
}
nav.navi2 a {
  font-family: avenir, sans-serif;
  font-size: 1rem;
  line-height: 1.24em;
  transition: background-color 0.4s ease;
  background-color: #ffE436;
  display: flex;
  color: #000;
  text-transform: uppercase;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  padding: 20px;
  box-sizing: border-box;
  font-weight: 600;
  padding: 20px;
  height: 50px;
}
@media screen and (min-width: 992px) {
  nav.navi2 a {
    font-weight: 500;
    padding: 0 1vw;
    padding: 0;
    width: auto;
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  nav.navi2 a {
    padding: 0 1.37vw;
  }
}
nav.navi2 a i {
  margin: 0;
}
nav.navi2 a span {
  margin: 0 0.5em 0 0;
}
@media screen and (min-width: 992px) {
  nav.navi2 a span {
    display: none;
  }
}
nav.navi2 a:hover, nav.navi2 a.selected, nav.navi2 a.current {
  background-color: #A94259;
}
nav.navi2 .expand {
  background-color: #ffE436;
  border: 0;
  position: relative;
}
nav.navi2 .expand::before {
  content: "";
  font-family: FontAwesome;
  padding: 0 5px;
}
nav.navi2 .expand:hover {
  background-color: #ccb406;
}
nav.navi2 .expand div {
  display: none;
  background-color: #fff;
  border: 1px solid #666;
  position: absolute;
  right: 0;
  top: 100%;
}
nav.navi2 .expand div a {
  display: flex;
}
nav.navi2 .expand.expanded div {
  display: block;
}
nav.navi2 .expand.expanded a {
  background-color: #fff;
}
nav.navi2 .expand.expanded a:hover {
  background-color: #A94259;
}
.screeninglist {
  max-width: 1000px;
  margin: 0 auto;
}
.screeninglist .inner {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.screeninglist .themes, .screeninglist .countries, .screeninglist .series {
  padding: 0 20px;
}
.screeninglist .themes .toggle, .screeninglist .countries .toggle, .screeninglist .series .toggle {
  font-family: Avenir, sans-serif;
  font-size: 1rem;
  line-height: 1em;
  display: inline-block;
  color: #000;
  text-transform: uppercase;
  padding: 3px 5px;
  box-sizing: border-box;
  font-weight: 500;
  text-align: left;
  margin-bottom: 5px;
  background-color: transparent;
  border: 0;
}
.screeninglist .themes .toggle::after, .screeninglist .countries .toggle::after, .screeninglist .series .toggle::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 1rem;
  font-weight: 900;
  content: "";
  color: #000;
  transition: transform 0.5s ease;
  display: inline-block;
  vertical-align: top;
  line-height: 0.8em;
  margin-left: 0.5em;
  transform-origin: center;
}
.screeninglist .themes .list, .screeninglist .countries .list, .screeninglist .series .list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
  align-items: flex-start;
}
.screeninglist .themes .list button, .screeninglist .countries .list button, .screeninglist .series .list button {
  background-color: #E7C801;
  border: 0;
  border-radius: 10px;
  padding: 3px 5px;
  font-size: 0.8rem;
}
.screeninglist .themes .list button.active, .screeninglist .countries .list button.active, .screeninglist .series .list button.active {
  background-color: #dd5674;
}
.screeninglist .themes.open .toggle::after, .screeninglist .countries.open .toggle::after, .screeninglist .series.open .toggle::after {
  transform: rotate(90deg);
}
.screeninglist .themes.open .list, .screeninglist .countries.open .list, .screeninglist .series.open .list {
  max-height: 1000px;
}
.screeninglist .movies {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.screeninglist .movie {
  display: flex;
  text-decoration: none;
  color: inherit;
  flex-direction: column;
  flex: 0 0 100%;
  width: 100%;
  /*
    @media screen and (min-width: 769px) {
      flex-direction: row;
      align-items: center;
    }
      */
}
@media screen and (min-width: 600px) {
  .screeninglist .movie {
    flex: 0 0 calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
.screeninglist .movie:hover {
  background-color: #E7C801;
}
.screeninglist.has-themes .movie, .screeninglist.has-countries .movie, .screeninglist.has-filters .movie {
  display: none;
}
.screeninglist.has-themes .movie.shown, .screeninglist.has-countries .movie.shown, .screeninglist.has-filters .movie.shown {
  display: flex;
}
.screeninglist .image, .screeninglist .noimage {
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 2.3333333333;
  position: relative;
}
.screeninglist .image img, .screeninglist .noimage img {
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.screeninglist .noimage {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: gray;
}
.screeninglist .noimage::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 3.5rem;
  content: "";
  color: #aaa;
}
.screeninglist .info {
  padding: 20px;
  box-sizing: border-box;
  font-weight: 500;
  /*
    @media screen and (min-width: 769px) {
      padding: 0 0 0 20px;
    }
      */
}
.screeninglist h2 {
  font-size: 1.7rem;
  margin: 0 0 0.5em;
}
.screeninglist .name2 {
  margin: 0 0 0.5em;
  font-weight: 600;
}
.screeninglist .buttons {
  margin-top: 1em;
  float: right;
}
@media screen and (min-width: 769px) {
  .screeninglist .buttons {
    margin-top: -0.3em;
  }
}
.screeninglist .like {
  display: none;
  background-color: transparent;
  padding: 5px 10px;
  font-size: 0;
  color: transparent;
  height: 40px;
  border: 0;
}
.screeninglist .like::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 1rem;
  font-weight: 900;
  content: "";
  color: #000;
  text-shadow: 0 0 1px #000;
}
.screeninglist .like.active::after {
  color: #A94259;
}
.screeninglist.ready .like {
  display: inline-block;
}
.ec-newsarchive {
  padding: 1em 0;
}
.ec-newsarchive .inner {
  max-width: 950px;
  margin: 0 auto;
}
.ec-newsarchive .inner .nav {
  padding: 0 20px;
}
.ec-newsarchive .inner .nav a {
  font-size: 1.4rem;
}
.ec-newsarchive .inner .nav a::after {
  content: "|";
  color: #000;
}
.ec-newsarchive .inner .nav a:last-child::after {
  content: "";
}
.ec-newsarchive .year {
  display: none;
  flex-direction: column;
  row-gap: 10px;
  align-items: flex-start;
}
.ec-newsarchive .year > h2 {
  padding: 0 20px;
}
.ec-newsarchive .year a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  min-height: 250px;
  width: 100%;
  padding-bottom: 0;
}
@media screen and (min-width: 769px) {
  .ec-newsarchive .year a {
    align-items: center;
    flex-direction: row;
    padding-bottom: 0;
    min-height: 200px;
  }
}
.ec-newsarchive .year a:hover {
  background-color: #E7C801;
}
@media screen and (min-width: 769px) {
  .ec-newsarchive .year .image, .ec-newsarchive .year .text {
    flex: 0 0 50%;
  }
}
.ec-newsarchive .year .image, .ec-newsarchive .year .noimage {
  background-size: cover;
  background-position: center;
  width: 100%;
  aspect-ratio: 1.5;
  aspect-ratio: 2.3333333333;
}
@media screen and (min-width: 769px) {
  .ec-newsarchive .year .image, .ec-newsarchive .year .noimage {
    display: flex;
  }
}
.ec-newsarchive .year .noimage {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: gray;
}
.ec-newsarchive .year .noimage::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 3.5rem;
  content: "";
  color: #aaa;
}
.ec-newsarchive .year .text {
  text-decoration: none;
  color: #000;
  align-items: center;
  padding: 20px 20px 10px;
  box-sizing: border-box;
  font-weight: 400;
}
.ec-newsarchive .year .text h2 {
  font-size: 1.5rem;
  margin: 0.5em 0 0;
}
@media screen and (min-width: 769px) {
  .ec-newsarchive .year .text h2 {
    margin: 0;
  }
}
.ec-newsarchive .shown {
  display: flex;
}
.ec-newsarchive .date {
  font-size: 0.8rem;
  margin: 0 0 0.5em;
}
.ec-newsarchive .excerpt {
  margin: 0 0 1em;
}
.ec-favorites {
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-favorites {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-favorites {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-favorites {
    max-width: 960px;
  }
}
.ec-favorites .movie {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.ec-favorites .inner {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.ec-favorites .like {
  display: none;
  background-color: transparent;
  padding: 5px 10px;
  font-size: 0;
  color: transparent;
  height: 30px;
  border: 0;
  flex: 0 0 50px;
  cursor: initial;
}
.ec-favorites .like::after {
  font-family: "Font Awesome 6 Free", FontAwesome;
  font-size: 1rem;
  font-weight: 900;
  content: "";
  color: #000;
  text-shadow: 0 0 1px #000;
}
.ec-favorites .like.active::after {
  color: #A94259;
}
.ec-favorites.ready .like {
  display: inline-block;
}
.ec-favorites .dates {
  flex: 0 0 100%;
  padding-left: 50px;
  box-sizing: border-box;
}
.ec-favorites .share, .ec-favorites .clear {
  font-weight: 600;
  font-family: Avenir, sans-serif;
  cursor: pointer;
  border: 0;
  background-color: #E7C801;
  padding: 8px 15px;
  text-align: left;
  color: #000;
  border-radius: 20px;
  transition: background-color 0.3s ease;
}
.ec-favorites .share:hover, .ec-favorites .clear:hover {
  background-color: #FF6C89;
}
.ec-favorites .clear {
  background-color: #FF6C89;
}
.ec-searchresult h2 {
  font-size: 1.25rem;
}
.ec-searchresult .result {
  display: flex;
  flex-wrap: wrap;
}
.ec-searchresult .result > div {
  flex: 0 0 85px;
  font-weight: 500;
}
.ec-searchresult .result > a {
  flex: 1 1 auto;
}
.ec-logoribbon {
  margin: 0 auto;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-logoribbon {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-logoribbon {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-logoribbon {
    max-width: 960px;
  }
}
.ec-logoribbon h2 {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ec-logoribbon h2 {
    text-align: left;
  }
}
.ec-logoribbon .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .ec-logoribbon .inner {
    justify-content: flex-start;
    gap: 2rem;
  }
}
.ec-logoribbon a {
  display: inline-block;
}
.ec-logoribbon a img {
  height: 40px;
  display: block;
  max-width: 100%;
}
@media screen and (min-width: 600px) {
  .ec-logoribbon a img {
    height: 50px;
  }
}
.ec-schedule .inner {
  margin: 0 auto 50px;
  position: relative;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-schedule .inner {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-schedule .inner {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-schedule .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-schedule .inner.wide {
    max-width: 1140px;
  }
}
.ec-schedule .daytitle {
  color: #000;
  background-color: #E7C801;
  padding: 2px 5px;
  box-sizing: border-box;
}
.ec-schedule .day {
  margin-bottom: 2em;
}
.ec-schedule .venuewrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  row-gap: 2em;
}
.ec-schedule .venue {
  position: relative;
  flex: 0 0 210px;
}
.ec-schedule .venue h3 {
  border-bottom: 1px solid #000;
  margin: 0 0 0.3em;
}
.ec-schedule .venue .films {
  font-size: 0.8rem;
}
#cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FFE436;
  text-align: center;
  padding: 5px 20px 20px;
  box-sizing: border-box;
  box-shadow: 0 0 5px;
}
#cookie-consent button {
  border: 0;
  padding: 2px 6px;
  margin: 0 5px;
  background-color: #E7C801;
  width: 100px;
  border-radius: 10px;
}
#cookie-consent button:hover {
  background-color: #dd5674;
}
#cookie-consent button.accept:hover {
  background-color: #80f080;
}
#cookie-consent button.reject:hover {
  background-color: #f08080;
}
.ec-eventio .inner {
  width: 100%;
  display: inline-block;
}
body.cinestesia2026 {
  background-color: #f7f4ef;
}
body.cinestesia2026 header {
  background-color: #edf058;
}
body.cinestesia2026 header nav {
  background-color: #edf058;
}
body.cinestesia2026 header nav .items div.l1, body.cinestesia2026 header nav .items div.l2, body.cinestesia2026 header nav .items div.l3 {
  background-color: #edf058;
}
body.cinestesia2026 footer {
  background-color: #edf058;
}
body.cinestesia2026 a, body.cinestesia2026 td, body.cinestesia2026 div, body.cinestesia2026 button, body.cinestesia2026 input, body.cinestesia2026 li {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 400;
}
body.cinestesia2026 h1, body.cinestesia2026 h2, body.cinestesia2026 h3, body.cinestesia2026 h4, body.cinestesia2026 h5, body.cinestesia2026 h6 {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 700;
  font-style: italic;
}
body.cinestesia2026 header a, body.cinestesia2026 header td, body.cinestesia2026 header div, body.cinestesia2026 header button, body.cinestesia2026 header input, body.cinestesia2026 header li, body.cinestesia2026 footer a, body.cinestesia2026 footer td, body.cinestesia2026 footer div, body.cinestesia2026 footer button, body.cinestesia2026 footer input, body.cinestesia2026 footer li {
  font-family: avenir, sans-serif;
}
body.cinestesia2026 header h1, body.cinestesia2026 header h2, body.cinestesia2026 header h3, body.cinestesia2026 header h4, body.cinestesia2026 header h5, body.cinestesia2026 header h6, body.cinestesia2026 footer h1, body.cinestesia2026 footer h2, body.cinestesia2026 footer h3, body.cinestesia2026 footer h4, body.cinestesia2026 footer h5, body.cinestesia2026 footer h6 {
  font-family: rockwell, sans-serif;
  font-style: normal;
}
body.cinestesia2026 main, body.cinestesia2026 main.index {
  border-color: transparent;
  background-color: transparent;
}
body.cinestesia2026 #cookie-consent {
  background-color: #edf058;
}
body.cinestesia2026 .ec-newslinks .inner {
  background-color: transparent;
}
.ec-slider .inner {
  padding: 0 12px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media screen and (min-width: 576px) {
  .ec-slider .inner {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-slider .inner {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-slider .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-slider .inner.wide {
    max-width: 1140px;
  }
}
.ec-slider .inner :global .slick-next {
  right: 10px;
}
.ec-slider .inner :global .slick-next .slick-next-icon::before {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
}
.ec-slider .inner :global .slick-prev {
  left: 10px;
}
.ec-slider .inner :global .slick-prev .slick-prev-icon::before {
  content: "";
  font-family: "Font Awesome 6 Free", FontAwesome;
}
.ec-slider .inner :global .slick-next, .ec-slider .inner :global .slick-prev {
  z-index: 99;
}
.ec-slider .inner :global .slick-next .slick-next-icon::before, .ec-slider .inner :global .slick-next .slick-prev-icon::before, .ec-slider .inner :global .slick-prev .slick-next-icon::before, .ec-slider .inner :global .slick-prev .slick-prev-icon::before {
  color: #A94259;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
@media screen and (min-width: 768px) {
  .ec-slider .inner :global .slick-next .slick-next-icon::before, .ec-slider .inner :global .slick-next .slick-prev-icon::before, .ec-slider .inner :global .slick-prev .slick-next-icon::before, .ec-slider .inner :global .slick-prev .slick-prev-icon::before {
    font-size: 2rem;
  }
}
.ec-featuredperson {
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .ec-featuredperson {
    flex-direction: row;
  }
}
.ec-featuredperson .inner {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin: 0 auto;
  box-sizing: border-box;
  align-items: center;
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .ec-featuredperson .inner {
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 20px;
    row-gap: 0;
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-featuredperson .inner {
    max-width: 960px;
  }
}
.ec-featuredperson .image {
  flex: 1;
  max-width: 200px;
  aspect-ratio: 0.9;
  position: relative;
  overflow: hidden;
  flex: 0 0 220px;
}
@media screen and (min-width: 768px) {
  .ec-featuredperson .image {
    max-width: 200px;
    flex: 0 0 200px;
  }
}
.ec-featuredperson .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.ec-featuredperson .content {
  flex: 1;
}
@media screen and (min-width: 768px) {
  .ec-featuredperson .content {
    flex: 0 1 auto;
  }
}
.ec-featuredperson .content p {
  margin: 0 0 1em;
}
.ec-cpersonlist .inner {
  margin: 0 auto 20px;
  box-sizing: border-box;
  align-items: center;
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .ec-cpersonlist .inner {
    justify-content: flex-start;
    flex-direction: row;
    column-gap: 20px;
    row-gap: 0;
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-cpersonlist .inner {
    max-width: 960px;
  }
}
.ec-cpersonlist .person {
  font-size: 24px;
}
.ec-cpersonlist .person span {
  font-size: 16px;
  margin-left: 1em;
  display: inline-block;
}
.ec-eventlist .inner {
  margin: 0 auto 50px;
  position: relative;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-eventlist .inner {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-eventlist .inner {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-eventlist .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-eventlist .inner.wide {
    max-width: 1140px;
  }
}
.ec-eventlist .daytitle {
  color: #000;
  background-color: #E7C801;
  padding: 4px 5px 2px;
  box-sizing: border-box;
}
.ec-eventlist .day {
  margin-bottom: 2em;
}
.ec-eventlist table.event td {
  padding: 0 0.5em 0 0;
}
.ec-eventlist table.event .time {
  width: 130px;
  vertical-align: top;
}
.ec-eventlist table.event .title a {
  font-weight: bold;
  word-break: break-word;
}
.ec-venuelist .inner {
  margin: 0 auto 50px;
  position: relative;
  padding: 0 12px;
  box-sizing: border-box;
}
@media screen and (min-width: 576px) {
  .ec-venuelist .inner {
    max-width: 540px;
  }
}
@media screen and (min-width: 768px) {
  .ec-venuelist .inner {
    max-width: 720px;
  }
}
@media screen and (min-width: 992px) {
  .ec-venuelist .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 1200px) {
  .ec-venuelist .inner.wide {
    max-width: 1140px;
  }
}
@media screen and (min-width: 768px) {
  .ec-venuelist .list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .ec-venuelist .list .item {
    flex: 0 0 calc(50% - 10px);
  }
}
.ec-venuelist .daytitle {
  color: #000;
  background-color: #E7C801;
  padding: 2px 5px;
  box-sizing: border-box;
}
.ec-venuelist .day {
  margin-bottom: 2em;
}
.ec-venuelist .content {
  margin-bottom: 2em;
}
.ec-venuelist .events {
  padding: 1em 0 0.5em 1em;
}
/*
hero
1399 -> 1296
1200 -> 1120
992 -> 940
768 -> 700
576 -> 520
100%

960px
min 992 -> 960
min 768 -> 720
min 576 -> 540
100%
960px
*/