/*
Winres search input styles
*/

.search-wrapper select,
.search-wrapper .form-control {
  width: 100%;
  background: #C7E6E4;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-top: 6px;
  padding: 0.5rem;
  transition: border .2s ease-in-out;
}

.picker {
  display:flex;
  align-items: center;
}

.picker-icon {
  margin-right: 0.25rem;
}

winres-reservation-context {
  margin-bottom: 4rem;
}

/**
 * wpcf7 form styles + forminator
 */

 .wpcf7 label, .forminator-label {
  display: block;
  font-size: inherit;
}

.wpcf7 input:not(input[type=submit]),
.wpcf7 textarea, 
.forminator-field select,
.forminator-input,
.forminator-textarea {
  width: 100%;
  background: #C7E6E4;
  border: 1px solid transparent;
  border-radius: 4px;
  margin-top: 6px;
  padding: 0.5rem;
  transition: border .2s ease-in-out;
}

.forminator-checkbox,
.forminator-radio {
  margin-top: 0.25rem;
}

.forminator-field input[type=checkbox],
.forminator-field input[type=radio],
.forminator-checkbox,
.forminator-radio {
  margin-right: 0.25rem;
}

.forminator-input-with-icon {
  position:relative;
}

.forminator-input-with-icon span {
  position:absolute;
  right: 0.5rem;
  top: 1rem;
}

.forminator-hidden {
  visibility: hidden;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=enclosed] .forminator-row:not(:last-child) {
   margin-bottom: 8px;
}

@media (min-width: 783px) {
  .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=enclosed] .forminator-row:not(:last-child) {
    margin-bottom: 14px;
  }
}

.forminator-description {
  font-size: 0.9em;
}

.ui-datepicker {
  background: #fff;
  padding: 0.5rem;
  box-shadow: 0px 2px 2px rgba(0,0,0,.1);
}

.ui-datepicker-header {
  margin-bottom: 0.5rem;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  color: inherit;
  text-decoration: none;
  padding: 0.5rem 0;
  transition: all 0.25s ease-in-out;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar th a {
  color: inherit;
  height:32px;
  width: 32px;
  display:block;
  text-align:center;
  text-decoration: none;
  background: transparent;
  transition: all 0.25s ease-in-out;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar th a:hover {
  background: rgba(0,0,0,0.1);
}

.has-background .wpcf7 input:not(input[type=submit]),
.has-background .wpcf7 textarea,
.has-background .forminator-input,
.has-background .forminator-field select,
.has-background .forminator-textarea  {
  background: #fff;
}

.wpcf7 input:focus-visible:not(input[type=submit]),
.wpcf7 textarea:focus-visible,
input:focus-visible:not(input[type=submit]),
textarea:focus-visible  {
  box-shadow: none!important;
  border: 1px solid #8AC0B6;
  outline: none!important;
}

.wpcf7 textarea, textarea {
  min-height: 45px;
  height: 100px;
  max-height: 300px;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: 0.8rem;
  color: #C04C36;
}

.wpcf7 form.invalid .wpcf7-response-output {
  font-size: 0.8rem;
  border: 0;
  background: #C04C36;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  margin: 2rem auto;
}

@media (min-width: 768px) {
  .wpcf7 input:not(input[type=submit]),
  .wpcf7 textarea {
    width: auto;
  }
}