/* .nd_options_pg_home_5 .nd_options_section.nd_options_height_20 {
  height: 15px !important;
}

.nd_options_pg_home_5 a {
  border-radius: 0px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  padding: 8px 20px;
  font-family: 'Roboto' !important;
}

.nd_options_home_5_service strong {
  font-weight: normal !important;
}

.nd_options_home_5_form h6 {
  border-radius: 0px;
  padding: 5px 10px;
  font-size: 11px;
}

.nd_options_home_5_form h1 strong {
  font-weight: normal;
}

.nd_options_home_5_countdown .nd_options_border_radius_3 {
  border-radius: 0px !important;
  font-size: 11px;
  padding: 5px 10px;
  font-family: 'Roboto';
} */

#availability-form-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-top-width: 0 !important;
  background-color: #38616b !important;
}

.availability-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
  margin: 0 -50vw;
  padding: 0 50vw;
  min-height: 59px;
  background-color: #867004;
}

.availability-form label,
.nd_options_customizer_fonts .availability-form label {
  color: white;
  margin-right: 10px;
}

.availability-form .form-group {
  display: flex;
  align-items: center;
  width: max-content;
}

.availability-form .form-group:not(.form-group--submit) {
  background: #CEAA0A;
  padding-left: 10px;
  border-radius: 4px 0 0 4px;
}

.availability-form .form-group:not(.form-group--submit) input,
.availability-form .form-group:not(.form-group--submit) select {
  color: #666;
  /* width: 100%; */
  border-radius: 0 4px 4px 0;
}

.availability-form .form-group.form-group--submit input {
  border-radius: 4px;
}

.ui-datepicker.ui-widget-content {
  background: #867004;
  color: #cad4d7;
  box-shadow: 2px 10px 22px 0px rgba(0, 0, 0, 0.69);
  border: none;
  padding: 5px;
  border-top: 2px solid hsl(176, 32%, 69%);
}

.ui-datepicker.ui-widget-content .ui-datepicker-header {
  background: #B59300;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header {
  color: #cad4d7;
  border: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header a.ui-corner-all {
  cursor: pointer;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-corner-all .ui-icon {
  background-color: transparent;
  filter: brightness(2.5) sepia() hue-rotate(127deg) saturate(1);
}

.ui-datepicker.ui-widget-content .ui-datepicker-prev.ui-state-hover,
.ui-datepicker.ui-widget-content .ui-datepicker-next.ui-state-hover {
  background: transparent;
  border: none;
  top: 2px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-prev.ui-state-hover {
  left: 2px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-next.ui-state-hover {
  right: 2px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td {
  padding-bottom: 2px;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td a {
  border: none;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td a.ui-state-active {
  background: #52a3b7;
}

.ui-datepicker.ui-widget-content .ui-datepicker-calendar tbody td a.ui-state-highlight {
  background: #f3de90;
  color: #867004;
}

@media screen and (max-width: 920px) {
  .availability-form {
    display: grid;
    grid-template-areas: 'city guests' 'from to' 'submit submit';
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    max-width: 480px;
    /* margin: 0 auto; */
  }

  .availability-form label {
    min-width: 60px;
    text-align: left;
    margin-right: 0;
  }

  .availability-form .form-group {
    overflow: hidden;
  }

  .availability-form .form-group.form-group--city {
    grid-area: city;
  }

  .availability-form .form-group.form-group--from {
    grid-area: from;
  }

  .availability-form .form-group.form-group--to {
    grid-area: to;
  }

  .availability-form .form-group.form-group--guests {
    grid-area: guests;
  }

  .availability-form .form-group.form-group--submit {
    grid-area: submit;
    margin-left: 70px;
  }

  .availability-form .form-group:not(.form-group--submit) {}

  .availability-form .form-group:not(.form-group--submit) input,
  .availability-form .form-group:not(.form-group--submit) select {
    width: 100%;
    padding: 8px 8px;
  }

  .availability-form .form-group.form-group--submit input {}
}

@media screen and (min-width: 920px) {
  .availability-form .form-group + .form-group {
    margin-left: 20px;
  }

  .availability-form .form-group.form-group--from input,
  .availability-form .form-group.form-group--to input {
    width: 120px;
  }

  .availability-form .form-group:not(.form-group--submit) input,
  .availability-form .form-group:not(.form-group--submit) select {
    padding: 10px 10px;
    min-width: 35px;
  }
}