@charset "UTF-8";
/* CSS Document */
body {
    -webkit-font-smoothing: antialiased;
    font-family: Inter;
    color: #222222;
}
a, a:hover {
    text-decoration: none;
}
h1 {
    font-size: 1.5rem;
}
input:focus, textarea:focus, select:focus {
    outline: none !important;
    box-shadow: none !important;
}
.stars {
  display: inline-flex;
  gap: 0.4rem;
  cursor: pointer;
  font-size: 2.5rem;
}
.star {
  color: #ccc;
  transition: color 0.15s ease, transform 0.15s ease;
}
.star.hover,
.star.active {
  color: #f5c518;
}
.star:hover {
  transform: scale(1.15);
}
.logo {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
}

.logo img {
  width: 100%;
  height: auto;
  max-height: 100px;
  object-fit: contain;
  display: inline-block;
}
.review-logo {
  width: 250px;
  height: auto;
  transition: transform .2s ease, box-shadow .2s ease;
}
.review-logo-link {
  cursor: pointer;   
}
.review-logo-link:hover .review-logo {
  transform: scale(1.08);
}
.resize-text {
  resize: none;
  min-height: 100px!important;
}
#locations-map {
  height: 400px;
}
@media (min-width: 992px) {
    #locations-map {
      height: 100%;
    }
    .location-card {
      max-height: 550px;
      overflow-y: auto;
    }
}