/*
* Public booking page.
*
* Settings from the appearance table come as CSS variables in the style attribute
* (Appearance::banner_style in src/backend/data.rs), so nothing here is generated.
******************************************************************************/

.public-banner {
  height: 100px;
  clip-path: inset(0 0 0 0);
  background-image: var(--rz-banner-image, none);
  background-size: cover;
  padding: 30px;
  color: white;
}

.public-banner-title {
  font-size: x-large;
  color: white;
  text-shadow: -3px -3px 0 #000, 3px -3px 0 #000, -3px 3px 0 #000, 3px 3px 0 #000;
}

.public-banner-text {
  padding: 10px;
}

@media (min-width: 1200px) {
  .public-banner {
    height: 200px;
  }

  .public-banner-title {
    font-size: xxx-large;
  }
}