.field--name-field-reference-schedule {
  display: grid;
  grid-template-columns: auto;
  row-gap: 0.5rem;
}

.view-itinerary-ship-itinerary > .view-content > div:not(.views-infinite-scroll-content-wrapper):nth-child(odd),
.view-itinerary-ship-itinerary > .view-content .views-infinite-scroll-content-wrapper > div:not(.views-infinite-scroll-content-wrapper):nth-child(odd) {
  background-color: #F5F6F7;
}
.view-itinerary-ship-itinerary > .view-content > div:not(.views-infinite-scroll-content-wrapper):nth-child(odd) .card,
.view-itinerary-ship-itinerary > .view-content .views-infinite-scroll-content-wrapper > div:not(.views-infinite-scroll-content-wrapper):nth-child(odd) .card {
  background: transparent;
}

.card--type-cruise.card--view-mode-cruise-ship-itinerary {
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
  .card--type-cruise.card--view-mode-cruise-ship-itinerary {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    margin-bottom: 0.5rem;
  }
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary:hover {
  -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary.is-active, .card--type-cruise.card--view-mode-cruise-ship-itinerary.is-active:hover {
  -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 991.98px) {
  .card--type-cruise.card--view-mode-cruise-ship-itinerary.is-active, .card--type-cruise.card--view-mode-cruise-ship-itinerary.is-active:hover {
    -webkit-box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.5);
  }
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  padding: 1.125rem 1rem 1rem;
  cursor: pointer;
}
@media (min-width: 768px) {
  .card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise {
    grid-template-columns: 1fr auto;
  }
  .card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise .card__footer {
    -ms-flex-item-align: center;
        align-self: center;
  }
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise .card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise .card__footer {
    margin-top: 0;
  }
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise .card__footer > * {
  margin-right: 1rem;
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise .card__footer > *:last-child {
  margin-right: 0;
}
@media (any-hover: hover) {
  .card--type-cruise.card--view-mode-cruise-ship-itinerary .card__main--type-cruise .button--itinerary {
    display: none;
  }
}
.card--type-cruise.card--view-mode-cruise-ship-itinerary .card__extra {
  padding: 0 1rem;
}

.view-cruise-itinerary.view-display-id-itinerary_map {
  display: grid;
  grid-template-columns: auto;
  grid-column-gap: 1rem;
  padding: 1rem 0;
  border-top: 1px solid #cfd8dc;
}
@media (max-width: 991.98px) {
  .view-cruise-itinerary.view-display-id-itinerary_map > .view-content {
    grid-row: 1/2;
    grid-column: 1/1;
    padding-bottom: 1rem;
  }
  .view-cruise-itinerary.view-display-id-itinerary_map .attachment {
    grid-row: 2/2;
    grid-column: 1/1;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .view-cruise-itinerary.view-display-id-itinerary_map {
    grid-template-columns: 352px 1fr;
    padding: 1rem 0;
  }
  .view-cruise-itinerary.view-display-id-itinerary_map .attachment {
    margin-bottom: 0;
  }
}
.view-cruise-itinerary.view-display-id-itinerary_map .leaflet-container {
  height: 300px !important;
}
@media (min-width: 768px) {
  .view-cruise-itinerary.view-display-id-itinerary_map .leaflet-container {
    height: 400px !important;
  }
}
@media (min-width: 992px) {
  .view-cruise-itinerary.view-display-id-itinerary_map .leaflet-container {
    height: 500px !important;
  }
}
.view-cruise-itinerary.view-display-id-itinerary_map .view-display-id-itinerary_ports .view-content {
  display: grid;
  grid-template-columns: auto;
  grid-row-gap: 0.5rem;
}
@media (min-width: 992px) {
  .view-cruise-itinerary.view-display-id-itinerary_map .view-display-id-itinerary_ports .view-content {
    margin-bottom: 0;
  }
}

.leaflet-marker-icon {
  background-color: #1565C0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 36px;
  height: 36px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  line-height: 1;
}

.leaflet-map-pane .leaflet-marker-icon:first-child {
  z-index: 9999 !important;
}

.card--schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card--schedule .card__media {
  max-width: 85px;
  margin-right: 0.75rem;
}
.card--schedule .card__main {
  padding: 0;
}
.card--schedule .card__body {
  display: grid;
  grid-template-columns: auto auto;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.schedule-datetime .date {
  color: rgba(0, 0, 0, 0.87);
}
.schedule-datetime .time {
  margin-left: 0.25rem;
}
.schedule-datetime:before {
  font-size: 16px;
}

.schedule-arrival:before {
  color: orange;
}

.schedule-departure:before {
  color: #347CFF;
}
/*# sourceMappingURL=style--itinerary.css.map */