.hotweekends-overlay {
  background: var(--backgroundSecondary);
}

.overlay-logo {
  color: var(--backgroundPrimary);
}

.overlay-cta-button {
  color: white;
  padding: 1rem;
  background: var(--backgroundPrimary);
  font-size: 1.3rem;
}

.landing-page-search {
  font-size: 2.1rem;
}

#overlay-city-search-1 {
  margin-top: 20px;
}

.warning-modal-icon {
  background: linear-gradient(135deg, var(--sidebarPrimary), var(--colourA));
}

.overlay-tagline {
  color: var(--dropdownPrimary);
}
.overlay-content > svg {
  color: var(--backgroundPrimary);
  fill: var(--backgroundPrimary);
  width: 256px;
  height: 210px;
  top: -9px;
  position: relative;
  transform: translateX(-30px); /* Adjust the value as needed */
}

@media (max-width: 768px) {
  .overlay-cta-button {
    margin-top: 10px;
    font-size: 1rem;
    width: 100%;
    left: 0%;
  }

  #overlay-city-search-1 {
    margin-top: 10px;
  }

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

  .overlay-tagline {
    margin-bottom: 1rem;
  }
  .overlay-content > svg {
    width: 128px;
    height: 105px;
    transform: translateX(-4vw);
  }
}