@media (min-width: 1220px) {.SearchLabel .fa{background:#f5f9fa;color:#fff}}.BoxHover:hover{box-shadow:1px 1px 10px #f5f9fa}.SearchBar .GreenButton .ui-button-text{background-color:#f5f9fa}.SiteTopBar{background-color:rgba(245,249,250,0.8)}:root{--color:#f5f9fa!important;--color-rotation:190.8933946491309deg!important;}.button, .button span.ui-button-text, .customButton span.ui-button-text{background-color:#f5f9fa!important;}/* SLOW LIFE VILLAS — OCTORATE BOOKING ENGINE */

body.SiteBackground {
  background-image: none !important;
  background-color: #FAF8F4 !important;
  font-family: 'Lexend', Arial, sans-serif;
  color: #343630 !important;
}

body.SiteBackground .Black,
.Fs24.Leaden.HotelName .Fs13.Leaden {
  color: #52534E !important;
}

body.SiteBackground .Orange {
  color: #827E6E !important;
}

#toTop {
  background: #827E6E;
  border-radius: 8px;
}

.Fs24.Leaden.HotelName,
.FontBold.MapTitle.RoomTitle.Fs20.DispBlock {
  color: #343630 !important;
  font-weight: 500;
}

.BlueButton {
  background: transparent;
  border: 0;
  border-radius: 6px;
  padding: 0;
  box-shadow: none;
  transition: background-color .2s ease;
}

.BlueButton .ui-button-text {
  display: block;
  background: #343630;
  color: #FFFFFF;
  border: 1px solid #343630;
  border-radius: 6px !important;
  padding: 12px 22px !important;
  font-family: inherit;
  font-weight: 500;
  box-shadow: none;
  transition: background-color .2s ease, color .2s ease;
}

.BlueButton:hover,
.BlueButton .ui-button-text:hover,
.BlueButton .ui-button-text:active {
  background: #827E6E;
  color: #FFFFFF;
}

.BlueButton:focus-visible,
.BlueButton .ui-button-text:focus-visible {
  outline: 2px solid #827E6E;
  outline-offset: 3px;
}

.SiteHeader .HotelHeader {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.OtherSolution {
  background: #FFFFFF !important;
  border-top: 0 !important;
  padding-top: 0;
}

.OtherSolutionOpen {
  border-radius: 8px;
}

.OtherSolutionBody {
  border-top: 0;
}

.BoxSection {
  background: #FFFFFF !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.OtherSolutionHead:hover {
  box-shadow: none;
  border-radius: 8px;
}

.BoxHover:hover {
  box-shadow: 0 6px 22px rgba(40,40,35,.06) !important;
}

.RoomTop {
  padding: 0 0 0 10px;
}

.SiteMain {
  box-shadow: none !important;
}

.SiteContent {
  padding: 18px !important;
}

.HotelName,
.RoomTitle,
.MapTitle {
  color: #343630 !important;
  font-weight: 500 !important;
}

.SearchBar {
  background: #FFFFFF !important;
  color: #343630 !important;
}

.SearchBar input,
.SearchBar select,
.SearchBar .ui-inputfield {
  background-color: #FFFFFF !important;
  color: #343630 !important;
  border: 1px solid #DCD8CF !important;
  border-radius: 6px !important;
}

.RoomSummary > div + div {
  border-left-color: #E8E4DC !important;
}

.CalendarPad {
  background: #FFFFFF;
}

.CalendarDayValue {
  border-radius: 6px !important;
}

@media (max-width: 767px) {
  .BlueButton .ui-button-text {
    padding: 12px 16px !important;
  }

  .RoomTop {
    padding-left: 0;
  }

  .SiteContent {
    padding: 10px !important;
  }

  .BoxSection {
    border-radius: 8px !important;
  }
}