/* Travel planner
---------------------------------- */
.tib-api-search {
  --results-bg: none;
  --results-day-title-color: inherit;
  --results-shadow: none;
  --results-shadow-temp: 0px 1px 4px rgba(0, 0, 0, 0.25);
  --results-border-radius: 0;
  --results-data-color: var(--mossa-trans-90);
  --results-gap: 0.625rem;
  --results-padding: 0;
  --trip-route-bg: transparent;
  --trip-stop-circle-color: var(--bjork);
  --trip-stop-arrival-circle-color: var(--bjork);
  --trip-route-color: var(--bjork);
  --trip-route-info-color: var(--mossa-trans-90);
  --trip-route-padding: 1.25rem 0.625rem;
  --trip-route-padding-desktop: 2rem 1.25rem;
  --trip-route-footer-bg: transparent;
  --trip-route-footer-padding: 1.25rem 1.25rem;
  --trip-route-footer-padding-desktop: 0 2rem 2rem;
  --trip-btn-bg: var(--gradde-dark-trans-10, transparent);
  --trip-btn-padding: 0.625rem 0.625rem 0.625rem 0.75rem;
  --trip-btn-padding-desktop: 1.25rem 1.25rem;
  --trip-btn-border-radius: var(--rounded, 0);
  --trip-data-cell-padding: 0;
  --trip-data-cell-padding-desktop: 0;
  --alert-info-bg: var(--grodd-trans-60);
  --alert-info-text-color: var(--mossa-trans-90);
  padding-left: 0;
  padding-right: 0;
}

.travel-planner-search-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.travel-planner-search-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--search-wrapper-sm-width);
}
@media (min-width: 62rem) {
  .travel-planner-search-inner {
    max-width: none;
  }
}

.alert-wrapper {
  display: flex;
  justify-content: center;
}

.section--tib-search {
  margin-top: -2.8125rem;
  z-index: 5;
}
.section--tib-search .btn-link {
  text-decoration: underline;
}
.section--tib-search .search-btn-submit {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.card--search-results {
  background-color: var(--results-bg);
  border-radius: var(--results-border-radius);
  box-shadow: var(--results-shadow);
}
.card--search-results:focus-visible {
  outline: none;
}

.tib-api-search .search-results {
  display: flex;
  flex-direction: column;
  gap: var(--results-gap);
  padding: var(--results-padding);
  margin: 0;
  list-style: none;
}
.tib-api-search .search-results li {
  padding: 0;
}
.tib-api-search .search-results-route {
  background-color: var(--trip-route-bg);
  padding: var(--trip-route-padding);
}
@media (min-width: 62rem) {
  .tib-api-search .search-results-route {
    padding: var(--trip-route-padding-desktop);
  }
}
.tib-api-search .search-results-route .search-results-route-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.search-tabs {
  padding: 1.5rem 0.9375rem;
  box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.25);
}

.time-travel-day {
  text-transform: capitalize;
  color: var(--results-day-title-color);
  text-align: center;
  font-size: var(--h5);
  font-weight: var(--font-weight-semi-bold);
}
.time-travel .time-travel-heading {
  display: inline-flex;
  gap: 0.125rem;
  margin: 0;
  font-size: var(--h6);
  font-weight: var(--font-weight-semi-bold);
}
@media (min-width: 48rem) {
  .time-travel .time-travel-heading {
    display: block;
    font-size: var(--h4);
  }
}
.time-travel-row {
  --vehicle-bg-position: left center;
  --vehicle-bg-margin: 0.25rem 0;
  display: table;
  background-color: var(--trip-btn-bg);
  position: relative;
  width: 100%;
  margin: 0;
  padding: var(--trip-btn-padding);
  border-radius: var(--trip-btn-border-radius);
  outline: none;
  border-color: transparent;
  border-width: 0;
  line-height: 1;
  cursor: pointer;
}
@media (min-width: 48rem) {
  .time-travel-row {
    padding: var(--trip-btn-padding-desktop);
  }
}
.time-travel-row > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 36rem) {
  .time-travel-row > div {
    display: table;
  }
}
.time-travel-row:focus {
  outline-offset: -0.125rem;
  outline-style: solid;
  outline-width: var(--focus-outline-width);
  outline-color: var(--focus-outline-color);
}
.time-travel-data {
  padding: var(--trip-data-cell-padding);
  color: var(--results-data-color);
  font-size: 0.8125rem;
}
@media (min-width: 36rem) {
  .time-travel-data {
    padding: var(--trip-data-cell-padding-desktop);
    font-size: 1rem;
  }
}
.time-travel-cell {
  display: table-cell;
  vertical-align: middle;
}
.time-travel-cell.mobile-only {
  display: table-cell;
}
@media (min-width: 48rem) {
  .time-travel-cell.mobile-only {
    display: none;
  }
}
.time-travel-cell.desktop-only {
  display: none;
}
@media (min-width: 48rem) {
  .time-travel-cell.desktop-only {
    display: table-cell;
  }
}
.time-travel .travel-type {
  display: table-cell;
  width: 2.8235294118rem;
  text-align: left;
}
@media (min-width: 62rem) {
  .time-travel .travel-type {
    width: 8.2352941176rem;
  }
}
@media (min-width: 48rem) {
  .time-travel .travel-type .trip-is {
    display: block;
  }
}
.time-travel .c-1 {
  width: 100%;
}
@media (min-width: 36rem) {
  .time-travel .c-1 {
    width: 20%;
  }
}
.time-travel .c-2 {
  width: auto;
  text-align: left;
}
@media (min-width: 48rem) {
  .time-travel .c-2 {
    width: 15%;
  }
}
.time-travel .c-3 {
  width: 5.2941176471rem;
}
@media (min-width: 48rem) {
  .time-travel .c-3 {
    width: 15%;
  }
}
.time-travel .c-4 {
  width: 8.8235294118rem;
}
@media (min-width: 48rem) {
  .time-travel .c-4 {
    width: auto;
  }
}
.time-travel .travel-timestamps {
  font-size: 0.9375rem;
  font-weight: var(--font-weight-semi-bold);
  text-align: left;
}
@media (min-width: 36rem) {
  .time-travel .travel-timestamps {
    font-size: 1.125rem;
  }
}
.time-travel .travel-time-departure, .time-travel .travel-time-arrival {
  display: block;
}
@media (min-width: 48rem) {
  .time-travel .travel-time-departure, .time-travel .travel-time-arrival {
    display: inline;
  }
}

.travel-toggle {
  width: 1.5rem;
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
@media (min-width: 36rem) {
  .travel-toggle {
    position: relative;
    right: 0;
    top: 0;
  }
}
.travel-toggle svg {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 auto;
  display: block;
}

.is-expanded .travel-toggle svg {
  transform: rotate(180deg);
}

.search-results-route-list li:first-of-type {
  --flex-direction: column;
  --vehicle-order: 1;
}

.travel-route {
  --time-column-width: 6.875rem;
  --stop-circle-size: 1.5625rem;
  --stop-circle-margin: 0.25rem;
  --info-margin-left: 5.96875rem;
  --border-left-width: 0.125rem;
}
.travel-route-head {
  position: relative;
  display: inline-flex;
  flex-direction: var(--flex-direction, column-reverse);
  padding: 0.125rem 0;
}
@media (min-width: 48rem) {
  .travel-route-head {
    flex-direction: row;
    align-items: center;
  }
}
.travel-route-time {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: row-reverse;
}
@media (min-width: 48rem) {
  .travel-route-time {
    width: var(--time-column-width);
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }
}
.travel-route-time:after {
  content: "";
  display: block;
  background-color: transparent;
  border-color: var(--trip-stop-circle-color);
  border-width: 0.25rem;
  border-style: solid;
  width: var(--stop-circle-size);
  height: var(--stop-circle-size);
  border-radius: 50%;
  margin: 0 var(--stop-circle-margin);
}
.travel-route-time.has-arrival-circle {
  font-size: 0.75rem;
}
@media (min-width: 48rem) {
  .travel-route-time.has-arrival-circle {
    font-size: 0.875rem;
  }
}
.travel-route-time.has-arrival-circle:after {
  background-color: var(--trip-stop-arrival-circle-color);
  border-width: 0;
  transform: scale(0.5);
}
.travel-route-stop.is-main {
  order: -1;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  font-size: 1rem;
  font-weight: var(--font-weight-semi-bold);
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 48rem) {
  .travel-route-stop.is-main {
    order: 0;
    font-size: 1.125rem;
  }
}
.travel-route-info {
  margin-left: 1rem;
  padding: 1rem 0 2.5rem 1rem;
  border-left: var(--border-left-width) solid var(--trip-route-color);
  color: var(--trip-route-info-color);
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .travel-route-info {
    margin-left: calc(var(--info-margin-left) - var(--border-left-width));
  }
}
.travel-route.is-arrival {
  font-size: 0.875rem;
}
.travel-route .train-notes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.travel-route .tib-service-icon {
  display: inline-block;
  order: -1;
}
.travel-route .tib-service-icon img {
  width: 1.5rem;
}

.no #search-date input {
  width: 7.8125rem;
}
.no .card--search .btn-datepicker {
  height: 2.5rem;
}

.trip-is {
  background-position: var(--vehicle-bg-position, center center);
  background-repeat: no-repeat;
  background-size: contain;
  order: var(--vehicle-order, -1);
  margin: var(--vehicle-bg-margin, 0.25rem);
}
@media (min-width: 48rem) {
  .trip-is {
    background-position: center center;
    order: 0;
  }
}
.trip-is-bus {
  --size-h: 1.25rem;
  --size-w: 2.3863636364rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 420 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M283.18 168.11H152.18C153.007 172.74 153.007 177.48 152.18 182.11H283.18C282.34 177.481 282.34 172.739 283.18 168.11Z' fill='%23102C0C'/%3E%3Cpath d='M396.21 112.87L360.76 36.3599C358.583 31.6866 355.12 27.7305 350.775 24.9551C346.431 22.1798 341.385 20.7003 336.23 20.6899H53C45.844 20.7058 38.9857 23.5555 33.9256 28.6156C28.8656 33.6756 26.0158 40.534 26 47.6899V155.07C26.0158 162.226 28.8656 169.084 33.9256 174.144C38.9857 179.204 45.844 182.054 53 182.07H73.41C72.5699 177.441 72.5699 172.699 73.41 168.07H53C49.5522 168.07 46.2456 166.7 43.8076 164.262C41.3696 161.824 40 158.518 40 155.07V103.15H303.6L325.85 121.93C330.778 126.085 337.015 128.365 343.46 128.37H384.75V155.07C384.75 158.518 383.38 161.824 380.942 164.262C378.504 166.7 375.198 168.07 371.75 168.07H362C362.827 172.7 362.827 177.44 362 182.07H371.75C378.906 182.054 385.764 179.204 390.824 174.144C395.884 169.084 398.734 162.226 398.75 155.07V124.23C398.735 120.304 397.868 116.428 396.21 112.87V112.87ZM118.77 89.1499H40V47.7299C40 44.2821 41.3696 40.9755 43.8076 38.5376C46.2456 36.0996 49.5522 34.7299 53 34.7299H118.78L118.77 89.1499ZM209.15 89.1499H132.77V34.6899H209.15V89.1499ZM299.15 89.1499H223.15V34.6899H299.15V89.1499ZM343.45 114.37C340.31 114.364 337.272 113.252 334.87 111.23L313.12 92.8999V34.6899H336.23C338.716 34.6965 341.149 35.411 343.244 36.7498C345.339 38.0886 347.01 39.9964 348.06 42.2499L381.48 114.37H343.45Z' fill='%23102C0C'/%3E%3Cpath d='M112.78 205.11C106.847 205.11 101.046 203.35 96.1129 200.054C91.1795 196.758 87.3343 192.072 85.0637 186.59C82.793 181.109 82.1989 175.077 83.3565 169.257C84.514 163.438 87.3713 158.092 91.5668 153.897C95.7624 149.701 101.108 146.844 106.927 145.686C112.747 144.529 118.779 145.123 124.261 147.393C129.742 149.664 134.428 153.509 137.724 158.443C141.021 163.376 142.78 169.176 142.78 175.11C142.78 183.066 139.619 190.697 133.993 196.323C128.367 201.949 120.737 205.11 112.78 205.11ZM112.78 159.11C109.616 159.11 106.522 160.048 103.891 161.806C101.26 163.564 99.209 166.063 97.998 168.987C96.787 171.911 96.4701 175.128 97.0875 178.231C97.7048 181.335 99.2287 184.186 101.466 186.424C103.704 188.661 106.555 190.185 109.659 190.802C112.762 191.42 115.979 191.103 118.903 189.892C121.827 188.681 124.325 186.63 126.084 183.999C127.842 181.368 128.78 178.274 128.78 175.11C128.78 170.866 127.094 166.797 124.094 163.796C121.093 160.796 117.024 159.11 112.78 159.11Z' fill='%23102C0C'/%3E%3Cpath d='M322.55 205.11C316.617 205.11 310.816 203.35 305.883 200.054C300.949 196.758 297.104 192.072 294.834 186.59C292.563 181.109 291.969 175.077 293.127 169.257C294.284 163.438 297.141 158.092 301.337 153.897C305.532 149.701 310.878 146.844 316.697 145.686C322.517 144.529 328.549 145.123 334.031 147.393C339.512 149.664 344.198 153.509 347.494 158.443C350.791 163.376 352.55 169.176 352.55 175.11C352.55 183.066 349.389 190.697 343.763 196.323C338.137 201.949 330.507 205.11 322.55 205.11V205.11ZM322.55 159.11C319.386 159.11 316.292 160.048 313.661 161.806C311.03 163.564 308.979 166.063 307.768 168.987C306.557 171.911 306.24 175.128 306.857 178.231C307.475 181.335 308.999 184.186 311.236 186.424C313.474 188.661 316.325 190.185 319.429 190.802C322.532 191.42 325.749 191.103 328.673 189.892C331.597 188.681 334.095 186.63 335.854 183.999C337.612 181.368 338.55 178.274 338.55 175.11C338.55 170.866 336.864 166.797 333.864 163.796C330.863 160.796 326.794 159.11 322.55 159.11Z' fill='%23102C0C'/%3E%3C/svg%3E%0A");
  width: var(--stop-circle-size);
  height: calc(var(--size-h) / 1.3);
}
@media (min-width: 48rem) {
  .trip-is-bus {
    margin: 0;
    height: var(--size-h);
  }
}
.trip-is-train {
  --size-h: 1.25rem;
  --size-w: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_272_3257)'%3E%3Cpath d='M196.5 51.5999C194.6 37.8999 187.1 27.5999 174.1 20.7999C160 13.4999 139 9.8999 110 9.8999C81.7 9.8999 60 13.7999 45.6 21.5999C32.5 28.5999 24.9 38.9999 23.5 51.6999C21.8 67.2999 22.1 86.1999 22.3 97.4999C22.4 100.2 22.4 102.6 22.4 104.3C22.4 115.9 25.7 142.6 27.6 150.4C27.8 151.4 30.6 163.9 33.2 172.1C36.7 183.1 44.3 184.6 51.7 186.1L54 186.6L56.3 187.1C65.6 189.1 82.8 192.9 110.2 192.9C127.9 193 145.5 191.2 162.7 187.4L166.3 186.6C174.5 185 183.7 183.2 187.1 172.1C189.3 164.9 192.5 151.1 192.7 150.5C194.4 143.3 198.2 117.1 197.9 104.4C197.8 101.6 197.9 97.9999 198.1 93.7999C198.1 82.6999 198.6 67.3999 196.5 51.5999ZM184.8 93.4999C184.7 97.8999 184.6 101.7 184.6 104.8C184.8 116.2 181.2 141.4 179.7 147.7C179.7 147.8 176.4 161.7 174.3 168.5C173.4 171.5 172.3 172.4 163.4 174.1C162.3 174.3 161 174.6 159.6 174.9C143.2 178.5 126.5 180.3 109.8 180.1C92.6 180.3 75.5 178.4 58.8 174.6L56.4 174.1L53.9 173.6C47.2 172.3 46.4 172 45.3 168.4C42.8 160.6 40 147.9 40 147.8V147.7C38.5 141.3 35.1 115.4 35.2 104.5C35.2 102.7 35.2 100.3 35.1 97.4999C34.9 86.4999 34.7 68.0999 36.3 53.2999C37.8 39.4999 51.8 22.9999 109.9 22.9999C136.4 22.9999 155.9 26.1999 167.9 32.3999C177.2 37.1999 182.2 43.9999 183.5 53.4999C185.5 67.9999 185 82.6999 184.8 93.4999Z' fill='%23102C0C'/%3E%3Cpath d='M64.4 195.2C61.2 195 57.8 194.8 54.4 194.6C53.5 194.5 52.6 194.8 51.8 195.4L39.1 206.5C37.5 207.9 38.9 210.1 41.4 210.1H57.1C58.1 210.1 59.1 209.7 59.7 208.9L66.7 198.5C67.8 196.9 66.5 195.3 64.4 195.2Z' fill='%23102C0C'/%3E%3Cpath d='M168 195.3C167.3 194.7 166.4 194.5 165.5 194.5C162.1 194.7 158.7 194.9 155.5 195.1C153.4 195.2 152.2 196.9 153.1 198.2L160.1 208.7C160.7 209.5 161.7 210 162.7 209.9H178.4C180.9 209.9 182.3 207.7 180.7 206.3L168 195.3Z' fill='%23102C0C'/%3E%3Cpath d='M66.2 132.9C60.5 133 56 137.6 56 143.3C56.1 149 60.7 153.5 66.4 153.5C72 153.4 76.6 148.8 76.6 143.2C76.6 137.5 71.9 132.9 66.2 132.9Z' fill='%23102C0C'/%3E%3Cpath d='M153.3 153.5C159.044 153.5 163.7 148.888 163.7 143.2C163.7 137.511 159.044 132.9 153.3 132.9C147.556 132.9 142.9 137.511 142.9 143.2C142.9 148.888 147.556 153.5 153.3 153.5Z' fill='%23102C0C'/%3E%3Cpath d='M148 108.1H71.9C64.3 107.9 58.1 102 57.6 94.5998L52.3 57.5998V56.5998C52.2 52.6998 53.7 49.0998 56.4 46.2998C59.1 43.4998 62.7 41.8998 66.6 41.7998H66.7H154.1H154.4C162.4 42.5998 168.2 49.4998 167.6 57.5998V57.9998L162.4 94.5998C161.8 102 155.6 107.9 148 108.1ZM72.1 95.0998H147.8C148.6 95.0998 149.3 94.3998 149.3 93.6998L149.4 93.0998L154.6 56.4998C154.6 55.6998 154.1 54.9998 153.3 54.7998H66.8C66.3 54.7998 65.9 55.0998 65.7 55.2998C65.5 55.4998 65.3 55.8998 65.3 56.3998V56.6998L70.6 93.3998V93.6998C70.6 94.3998 71.3 94.9998 72.1 95.0998Z' fill='%23102C0C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_272_3257'%3E%3Crect width='220' height='220' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: var(--stop-circle-size);
  height: calc(var(--size-h) / 1.3);
}
@media (min-width: 48rem) {
  .trip-is-train {
    height: var(--size-h);
    margin: 0;
  }
}

@media (min-width: 48rem) {
  .travel-route .trip-is {
    position: absolute;
  }
}
@media (min-width: 48rem) {
  .travel-route .trip-is-bus {
    top: 0.4375rem;
    left: 0;
  }
}
@media (min-width: 48rem) {
  .travel-route .trip-is-train {
    top: 0.4375rem;
    --left: 0.3125rem;
    left: calc(var(--left) * 1.5);
  }
}

.travel-link {
  display: inline-block;
  padding: 0;
  text-align: center;
  text-decoration: underline;
}
@media (min-width: 48rem) {
  .travel-link {
    width: auto;
  }
}

.travel-note {
  padding: var(--trip-route-footer-padding);
  background-color: var(--trip-route-footer-bg);
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .travel-note {
    padding: var(--trip-route-footer-padding-desktop);
    font-size: 1rem;
  }
}

.svg-clock {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 0.5rem 0 0;
}

.tib-info-box {
  padding: 0.625rem 0.5rem 0;
  font-size: 0.875rem;
  max-width: 28.125rem;
}

.tib-info-toggle {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.tib-info-toggle:hover {
  color: inherit;
  text-decoration: none;
}
.tib-info-toggle span {
  display: inline-block;
  padding: 0 0.25rem 0 0.5rem;
}

.tib-info-text {
  padding: 0.5rem 0 0 0;
  line-height: 1.4;
}

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