:root {
  --bs-light-rgb: 255, 255, 255;
  --bs-body-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-body-line-height: 1;
  --bs-navbar-toggler-focus-width: 0px;
}

#map {
  width: 100%;
  height: 40vh;
  min-height: 300px;
  background-color: #d0d6ce;
  overflow: hidden;
}

.travel-card-show {
  margin-top: 2rem;
  height: fit-content !important;
  grid-template-rows: 24px auto;
  grid-template-areas: "date schedule schedule places" ". address address properties";
}

.ga-properties {
  grid-area: properties;
  height: 24px;
  display: flex;
  justify-content: center;
}

.travel-interaction {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 24px auto;
  column-gap: 20px;
  grid-template-areas: ". . . price" "message . . book";
}

.ga-message {
  grid-area: message;
  align-self: center;
  justify-self: center;
}

.ga-book {
  grid-area: book;
  align-self: center;
  justify-self: center;
}

.user-card {
  height: fit-content;
  width: fit-content;
  width: 100%;
  display: grid;
  column-gap: 20px;
  grid-template-columns: 0.8fr 2.6fr;
  grid-template-rows: 18px auto;
  grid-template-areas: "user-img user-resume" "user-img user-bio";
}

@media (min-width: 768px) {
  .user-card {
    grid-template-columns: 0.8fr 6.7fr;
    grid-template-areas: "user-img user-resume" "user-img user-bio";
  }
}
.ga-user-img {
  grid-area: user-img;
  width: 60px;
  height: auto;
  aspect-ratio: 1;
  justify-self: center;
}
.ga-user-img > .profile-picture {
  width: 100% !important;
  height: 100% !important;
}

.ga-user-resume {
  grid-area: user-resume;
}

.ga-user-bio {
  grid-area: user-bio;
}

.travel-card {
  height: 100px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  padding: 12px 0;
  margin-bottom: 8px;
  border-radius: 8px;
  background-color: #d0d6ce;
}

.travel-card-index {
  height: 100px;
  grid-template-rows: repeat(3, 24px);
  grid-template-areas: "profile schedule schedule price" "profile address address places" "profile date date details";
}

.ga-profile {
  grid-area: profile;
  justify-items: center;
  align-items: center;
  overflow: hidden;
}

.ga-schedule {
  grid-area: schedule;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.ga-schedule > .separator {
  height: 1px;
  width: 100%;
  background-color: #333;
}

.ga-price {
  grid-area: price;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ga-address {
  grid-area: address;
  display: flex;
  justify-content: space-between;
}

.ga-places {
  grid-area: places;
  display: flex;
  justify-content: center;
  gap: 4px;
}

.ga-date {
  grid-area: date;
  align-content: center;
}

.ga-details {
  grid-area: details;
  width: fit-content;
  margin: 0 !important;
  justify-self: center;
  padding: 0 12px;
}/*# sourceMappingURL=travel.css.map */