/* OVERLAY STYLES */
.hotweekends-overlay {
  font-family: "Inter", sans-serif;
  background: var(--gradient-hero);
}

.overlay-logo {
  font-family: var(--HWFont);
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  letter-spacing: 3px;
}

.overlay-search-container {
  height: max(10vh, 300px);
}

.overlay-cta-button {
  background: var(--buttonPrimary);
  color: white;
  text-wrap: wrap;
}

#overlay-city-search {
  height: 69px;
}

@media (max-width: 768px) {
  .overlay-cta-button {
    position: relative;
    width: 100%;
    left: 0%;
  }

  .landing-page-search {
    font-size: 1rem;
  }
  .landing-page-search {
    height: auto;
  }

  .overlay-logo {
    letter-spacing: 1px;
  }
}