/***************************/
/******* CONFIG VARS *******/
/* -COLORS.SCSS */
/* DEFAULT COLORS VARS */
/* THEME COLORS VARS */
/* _TEXT.SCSS */
/* Font Library */
/* FONT PER LE ICONE */
/******* CONFIG MIXIN ******/
/* _MIXIN.SCSS */
/***************************/
/* FESTIVAL.SCSS */
/** PAGINA TUTTI I FESTIVAL **/
.wk-festival-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%; }
  .wk-festival-container .wk-festival {
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
    align-self: stretch;
    margin: 40px 10px; }
    @media all and (min-width: 48em) {
      .wk-festival-container .wk-festival {
        width: calc(50% - 20px); } }
    @media all and (min-width: 62.5em) {
      .wk-festival-container .wk-festival {
        width: calc(33% - 20px); } }
    .wk-festival-container .wk-festival a {
      text-decoration: none;
      color: black; }
    .wk-festival-container .wk-festival .wk-festival-img {
      width: 100%;
      padding-top: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      border: 1px solid lightgray; }
      .wk-festival-container .wk-festival .wk-festival-img .wk-festival-stato {
        position: absolute;
        top: 10px;
        right: 10px; }
    .wk-festival-container .wk-festival .wk-festival-content {
      display: flex;
      flex-direction: column;
      padding-top: 10px;
      text-align: center; }
      @media all and (min-width: 48em) {
        .wk-festival-container .wk-festival .wk-festival-content {
          text-align: unset; } }

/* Sezione prossimi eventi */
.wk-titolo-eventi-festival {
  margin: 50px 0 80px 0;
  text-align: center; }

.wk-prossimi-eventi {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.wk-button-eventi-container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0; }
  @media all and (min-width: 48em) {
    .wk-button-eventi-container {
      margin: 80px 0 50px 0; } }

.wk-lista-eventi .swiper-navigation-icon {
  display: none; }

.wk-lista-eventi .swiper-button-prev {
  left: 30px; }

.wk-lista-eventi .swiper-button-next {
  right: 30px; }

.wk-evento-format-pill-centered {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

/* Sezione ospiti del festival */
.wk-tutti-ospiti-festival, .wk-tutti-partner-festival {
  margin: 50px 0; }
  @media all and (min-width: 48em) {
    .wk-tutti-ospiti-festival, .wk-tutti-partner-festival {
      margin: 75px 0; } }
  @media all and (min-width: 62.5em) {
    .wk-tutti-ospiti-festival, .wk-tutti-partner-festival {
      margin: 100px 0; } }
  .wk-tutti-ospiti-festival .wk-titolo-ospiti-festival, .wk-tutti-ospiti-festival .wk-titolo-partner-festival, .wk-tutti-partner-festival .wk-titolo-ospiti-festival, .wk-tutti-partner-festival .wk-titolo-partner-festival {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .wk-tutti-ospiti-festival .wk-titolo-ospiti-festival h1, .wk-tutti-ospiti-festival .wk-titolo-partner-festival h1, .wk-tutti-partner-festival .wk-titolo-ospiti-festival h1, .wk-tutti-partner-festival .wk-titolo-partner-festival h1 {
      color: var(--wk-festival-color); }
    .wk-tutti-ospiti-festival .wk-titolo-ospiti-festival a, .wk-tutti-ospiti-festival .wk-titolo-partner-festival a, .wk-tutti-partner-festival .wk-titolo-ospiti-festival a, .wk-tutti-partner-festival .wk-titolo-partner-festival a {
      border-color: var(--wk-festival-color);
      color: var(--wk-colore-testi);
      background-color: var(--wk-festival-color); }
  .wk-tutti-ospiti-festival .wk-nome-ospite-festival, .wk-tutti-partner-festival .wk-nome-ospite-festival {
    font-size: 20px;
    color: #8D8D8D;
    transition: color 0.5s ease-in-out; }
    @media all and (min-width: 48em) {
      .wk-tutti-ospiti-festival .wk-nome-ospite-festival, .wk-tutti-partner-festival .wk-nome-ospite-festival {
        font-size: 25px; } }
    @media all and (min-width: 62.5em) {
      .wk-tutti-ospiti-festival .wk-nome-ospite-festival, .wk-tutti-partner-festival .wk-nome-ospite-festival {
        font-size: 35px; } }
    .wk-tutti-ospiti-festival .wk-nome-ospite-festival.black, .wk-tutti-ospiti-festival .wk-nome-ospite-festival:hover, .wk-tutti-partner-festival .wk-nome-ospite-festival.black, .wk-tutti-partner-festival .wk-nome-ospite-festival:hover {
      color: black; }
  .wk-tutti-ospiti-festival .wk-lista-ospiti-festival, .wk-tutti-partner-festival .wk-lista-ospiti-festival {
    margin: 20px 0; }

@-webkit-keyframes slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }

@keyframes slide {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }