.paragraph--type--itinerary .field--name-field-itinerary-item {
  display: grid;
  grid-template-columns: 20rem 5rem 1fr;
  column-gap: 3rem;
  max-width: 60rem;
  margin: auto;
  grid-auto-rows: auto 1fr 3rem;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item {
  display: contents;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item {
  display: contents;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item::after {
  content: "";
  grid-column-end: span 3;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item .field--name-field-image, .paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item .field--name-field-day {
  grid-row-end: span 2;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item .field--name-field-day {
  font-family: var(--feature-font);
  font-size: 2.2rem;
  text-align: center;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item .field--name-field-day::before {
  content: "Day";
  font-family: var(--feature-font);
  font-size: 1.3rem;
  display: block;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item .field--name-field-title {
  font-family: var(--feature-font);
  font-size: 2.3rem;
}
.paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item .field--name-field-title p {
  font-family: var(--feature-font);
  font-size: 2.3rem;
}
.paragraph--type--itinerary .field--name-field-body {
  margin-top: 1rem;
}

@media only screen and (max-width: 990px) {
  .paragraph--type--itinerary .field--name-field-itinerary-item {
    grid-template-columns: 1fr;
    row-gap: 2rem;
    grid-auto-rows: auto;
  }
  .paragraph--type--itinerary .field--name-field-itinerary-item > .field__item {
    display: contents;
  }
  .paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item {
    display: contents;
  }
  .paragraph--type--itinerary .field--name-field-itinerary-item > .field__item > .paragraph--type--itinerary-item::after {
    display: none;
  }
  .paragraph--type--itinerary .field--name-field-media-image {
    position: relative;
  }
  .paragraph--type--itinerary .field--name-field-media-image img {
    display: block;
  }
  .paragraph--type--itinerary .field--name-field-media-image::after {
    --arrow-color: white;
    --arrow-width: 1rem;
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - var(--arrow-width));
    width: 0;
    height: 0;
    border-left: var(--arrow-width) solid transparent;
    border-right: var(--arrow-width) solid transparent;
    border-bottom: var(--arrow-width) solid var(--arrow-color);
  }
  .paragraph--type--itinerary .field--name-field-title, .paragraph--type--itinerary .field--name-field-body {
    margin: 0 1rem;
    text-align: center;
  }
}
