/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./scss/styles.scss ***!
  \***********************************************************************************************************/
@charset "UTF-8";
.bf-timetable {
  margin: 0 16px;
}
.bf-timetable ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: rgb(255, 255, 255);
}
.bf-timetable ul li {
  margin-left: 0;
  padding: 5px 25px;
  height: 89px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgb(0, 31, 89);
  border-bottom: 1px solid rgb(0, 93, 188);
}
.bf-timetable ul li div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.bf-timetable ul li div .title {
  width: 100%;
  margin: 0;
}
.bf-timetable ul li div .time {
  width: 170px;
  display: block;
  text-align: center;
}
.bf-timetable input,
.bf-timetable select,
.bf-timetable textarea {
  background: #001438;
  border: 1px solid #408bce !important;
  border-radius: 5px;
  color: #fff;
}
.bf-timetable input,
.bf-timetable select {
  font-size: 18px;
  height: 59px;
  width: 100%;
  padding: 0 16px;
}
.bf-timetable #back-button {
  margin-bottom: 20px;
}
.bf-timetable .timepicker {
  width: 100%;
}
.bf-timetable .bf-timetable-area {
  width: 100%;
  padding: 20px 20px 25px 20px;
  background: rgb(0, 31, 89);
  margin-bottom: 20px;
}
.bf-timetable .bf-timetable-area.v2 {
  background: #002a78;
  margin-top: -20px;
}
.bf-timetable .bf-timetable-area .form-group {
  display: flex;
  gap: 0 16px;
  flex-wrap: wrap;
}
.bf-timetable .bf-timetable-area .form-field {
  width: 200px;
  margin-bottom: 20px;
}
.bf-timetable .bf-timetable-area .form-field.large {
  width: 100%;
  max-width: 280px;
}
.bf-timetable .bf-timetable-area .form-field label {
  margin-bottom: 5px;
  display: block;
}
.bf-timetable .bf-timetable-area .text {
  margin-bottom: 20px;
}
.bf-timetable .bf-timetable-area .buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.bf-timetable button.bf-timetable-btn-primary,
.bf-timetable button.bf-timetable-btn-secondary {
  height: 50px;
  min-width: 225px;
  /* background: rgb(0, 93, 188);*/
  background: #005dbc;
  border-radius: 30px;
  cursor: pointer;
  border: none;
  color: white;
}
.bf-timetable button.bf-timetable-btn-primary:hover {
  /* background: linear-gradient(90deg, rgb(0, 93, 188) 0%, rgb(0, 81, 164) 100%);*/
  background: #0054a9!important;
}
.bf-timetable button.bf-timetable-btn-secondary {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.bf-timetable button.bf-timetable-btn-secondary:hover {
  /* background: rgba(255, 255, 255, 0.2); */
  /* color: white;*/
  color: #d9e7f5!important;
  border: 1px solid #d9e7f5!important;
}
.bf-timetable button.bf-timetable-btn-primary:disabled,
.bf-timetable button.bf-timetable-btn-secondary:disabled {
  background: #001438 !important;
  color: #205593 !important;
  cursor: not-allowed;
}
.bf-timetable button.bf-timetable-btn-secondary {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.bf-timetable button.bf-timetable-btn-secondary:hover {
  /* background: rgba(255, 255, 255, 0.2); */
  /* color: white;*/
  color: #d9e7f5;
  border: 1px solid #d9e7f5;
}
.bf-timetable .bf-timetable-go {
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  display: inline-block;
}
.bf-timetable .bf-timetable-go::before {
  content: "←";
  position: absolute;
  font-size: 1em;
  line-height: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bf-timetable .bf-timetable-page {
  color: #fff;
}
.bf-timetable .bf-timetable-page[data-page="2"] {
  display: none;
}
.bf-timetable .bf-timetable .bf-timetable-page[data-page="2"] .title {
  color: #fff;
}
.bf-timetable .bf-timetable-page[data-page="2"] .header {
  display: flex;
  justify-content: space-between;
}
.bf-timetable .bf-timetable-page[data-page="2"] .time-pill {
  display: flex;
  padding: 10px 30px;
  justify-content: center;
  align-items: center;
  border: 1px solid #408bce;
  border-radius: 30px;
  max-height: 50px;
}
.bf-timetable #bf-timetable-map {
  width: 100%;
  /* margin-top: 31px; */
  margin-top: 0;
}
.bf-timetable .ticket-list {
  margin-bottom: 30px;
}
.bf-timetable .desktop-calendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%274%27 width=%2718%27 height=%2718%27 rx=%272%27 ry=%272%27%3E%3C/rect%3E%3Cline x1=%2716%27 y1=%272%27 x2=%2716%27 y2=%276%27%3E%3C/line%3E%3Cline x1=%278%27 y1=%272%27 x2=%278%27 y2=%276%27%3E%3C/line%3E%3Cline x1=%273%27 y1=%2710%27 x2=%2721%27 y2=%2710%27%3E%3C/line%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 20px;
}
.bf-timetable .desktop-calendar::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.bf-timetable .map-link {
  display: block;
  margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .bf-timetable {
    /* margin: -30px 16px 0; */
    margin: 0;
  }
  .ticket-button {
    min-width: unset !important;
    width: 50px;
    padding: 10px;
  }
  .ticket-button .button-text {
    display: none;
  }
  .ticket-button .mobile-arrow {
    display: inline-block !important;
    width: 30px;
    height: 30px;
  }
}
.bf-timetable {
  font-size: var(--e-global-typography-text-font-size, 20px);
  font-weight: var(--e-global-typography-text-font-weight, 400);
  line-height: var(--e-global-typography-text-line-height, 1.5);
  /* Change the color of the calendar icon in Chrome and other webkit browsers */
  /* For Firefox */
  /* Ensure text is white in all browsers */
  /* Change the color of the clear button in IE and Edge */
}
.bf-timetable h2 {
  font-size: var(--e-global-typography-aef3d14-font-size, 48px);
  font-weight: var(--e-global-typography-aef3d14-font-weight, 900);
  line-height: var(--e-global-typography-aef3d14-line-height, 1.1);
}
.bf-timetable button {
  font-size: var(--e-global-typography-7fab34e-font-size, 20px);
  line-height: var(--e-global-typography-7fab34e-line-height, 1.5);
}
.bf-timetable a {
  text-decoration: underline !important;
  color: #fff;
}
.bf-timetable .reg-xxs {
  font-size: 10px;
  line-height: 150%;
}
.bf-timetable .reg-xs {
  font-size: 12px;
  line-height: 125%;
}
.bf-timetable .reg-sm {
  font-size: 14px;
  line-height: 125%;
}
.bf-timetable .reg-lg {
  font-size: 18px;
  line-height: 150%;
}
.bf-timetable .reg-xl {
  font-size: 20px;
  line-height: 150%;
}
.bf-timetable .reg-2xl {
  font-size: clamp(1.25rem, 0.4vw + 1.125rem, 1.5rem);
  line-height: 150%;
}
.bf-timetable .reg-4xl {
  font-size: clamp(1.5rem, 1.125rem + 1.2vw, 2.25rem);
  line-height: 125%;
  font-weight: 400;
}
.bf-timetable .reg-5xl {
  font-size: clamp(1.875rem, 1.8vw + 1.313rem, 3rem);
  line-height: 110%;
}
.bf-timetable .bold-lg {
  font-size: 18px;
  line-height: 150%;
  font-weight: 700;
}
.bf-timetable .bold {
  font-size: 16px;
  line-height: 150%;
  font-weight: 700;
}
.bf-timetable .bold-xl {
  font-size: clamp(1.125rem, 1.0625rem + 0.2vw, 1.25rem);
  line-height: 150%;
  font-weight: 700;
}
.bf-timetable .bold-2xl {
  font-size: 24px;
  line-height: 150%;
  font-weight: 700;
}
.bf-timetable .bold-3xl {
  font-size: clamp(1.25rem, 0.9375rem + 1vw, 1.875rem);
  line-height: 125%;
  font-weight: 700;
}
.bf-timetable .bold-4xl {
  font-size: clamp(1.5rem, 1.125rem + 1.2vw, 2.25rem);
  line-height: 125%;
  font-weight: 700;
}
.bf-timetable .bold-5xl {
  font-size: clamp(1.875rem, 1.8vw + 1.313rem, 3rem);
  line-height: 110%;
  font-weight: 700;
}
.bf-timetable .black-8xl {
  font-size: clamp(3rem, 4.8vw + 1.5rem, 6rem);
  line-height: 100%;
}
.bf-timetable .black-9xl {
  font-size: clamp(3rem, 8vw + 0.5rem, 8rem);
  line-height: 90%;
}
.bf-timetable .margin-top-20 {
  margin-top: 20px;
}
.bf-timetable input[type=date]::-webkit-calendar-picker-indicator,
.bf-timetable input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(1); /* This will make the icon white */
}
.bf-timetable input[type=date]::-moz-calendar-picker-indicator,
.bf-timetable input[type=time]::-moz-calendar-picker-indicator {
  filter: invert(1);
}
.bf-timetable input[type=date],
.bf-timetable input[type=time] {
  color: white;
}
.bf-timetable input[type=date]::-ms-clear,
.bf-timetable input[type=time]::-ms-clear {
  color: white;
}
.bf-timetable select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2725%27 height=%2725%27 viewBox=%270 0 25 25%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg id=%27Icon-nav-arrow-down%27%3E%3Cpath id=%27Vector%27 d=%27M6.5 9.5L12.5 15.5L18.5 9.5%27 stroke=%27white%27 stroke-width=%271.5%27 stroke-linecap=%27square%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 25px;
}
.bf-timetable select::-ms-expand {
  display: none;
}

.elementor-12 .elementor-element.elementor-element-ce109e1,
.elementor-12 .elementor-element.elementor-element-4a39df9d {
  padding-left: 0 !important;
}
