.v-enter-active, .v-leave-active {
  transition: all 0.3s ease;
}

.v-enter-from, .v-leave-to {
  max-height: 0;
}

.v-enter-to, .v-leave-from {
  max-height: 1024px;
}

.programme {
  margin-top: 2em;
}
.programme li {
  padding-bottom: 1em;
}

.parallel {
  width: 100%;
  table-layout: fixed;
}
.parallel th, .parallel td {
  text-align: center;
}

th:first-child {
  width: 48px;
}

@media screen and (max-width: 700px) {
  .parallel tr th:nth-child(1), .parallel tr td:nth-child(1) {
    order: 1;
  }
  .parallel tr:nth-child(1) td b::before {
    content: "";
  }
  .focus tr:nth-child(1) td b::before {
    content: "";
  }
  .parallel tr th:nth-child(2), .parallel tr td:nth-child(2) {
    order: 2;
  }
  .parallel tr:nth-child(2) td b::before {
    content: "13:15: ";
  }
  .focus tr:nth-child(2) td b::before {
    content: "10:45: ";
  }
  .parallel tr th:nth-child(3), .parallel tr td:nth-child(3) {
    order: 3;
  }
  .parallel tr:nth-child(3) td b::before {
    content: "13:30: ";
  }
  .focus tr:nth-child(3) td b::before {
    content: "11:15: ";
  }
  .parallel tr th:nth-child(4), .parallel tr td:nth-child(4) {
    order: 4;
  }
  .parallel tr:nth-child(4) td b::before {
    content: "13:45: ";
  }
  .focus tr:nth-child(4) td b::before {
    content: "";
  }
  .parallel tr th:nth-child(5), .parallel tr td:nth-child(5) {
    order: 5;
  }
  .parallel tr:nth-child(5) td b::before {
    content: "14:00: ";
  }
  .focus tr:nth-child(5) td b::before {
    content: "";
  }
  .parallel tr th:nth-child(6), .parallel tr td:nth-child(6) {
    order: 6;
  }
  .parallel tr:nth-child(6) td b::before {
    content: "";
  }
  .focus tr:nth-child(6) td b::before {
    content: "";
  }
  .parallel th {
    padding-top: 2em;
    font-size: x-large;
  }
  .parallel th:first-child, .parallel td:first-child {
    display: none;
  }
}
.popup {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.popup .window {
  padding: 1em;
  padding-bottom: 3em;
  background-color: #FCFFE7;
  width: 1024px;
  max-height: 80vh;
  overflow-y: auto;
}
.popup .window a {
  color: #FCFFE7 !important;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  .popup .window {
    width: 90%;
  }
}
@media screen and (max-width: 700px) {
  .popup .window {
    width: 90%;
  }
}

/*# sourceMappingURL=style.css.map */