/**
 * Deps: pivot-check-availability-widget-style
 * Load: global
 */
.check-availability-widget {
  display: flex;
  max-width: 920px;
  margin: 0 auto;
  text-align: left;
  flex-wrap: wrap; }
  .check-availability-widget .left-side,
  .check-availability-widget .right-side {
    width: 50%;
    flex-shrink: 0;
    flex-grow: 1;
    padding: 15px 30px 15px; }
  .check-availability-widget .left-side {
    flex-shrink: 1;
    min-width: 290px;
    width: 30%; }
  .check-availability-widget .right-side {
    flex-grow: 1; }
  .check-availability-widget .service_links > .service_links-item {
    max-width: 130px;
    width: calc( 50% - 10px);
    min-width: 100px;
    flex-shrink: 1; }
  @media (max-width: 960px) {
    .check-availability-widget .service_links {
      flex-wrap: wrap; } }
  @media (max-width: 600px) {
    .check-availability-widget .left-side, .check-availability-widget .right-side {
      width: 100%; }
    .check-availability-widget .right-side {
      padding-left: 0;
      padding-right: 0; }
      .check-availability-widget .right-side select[name="location"] {
        padding-right: 40px;
        text-align: center; }
    .check-availability-widget .service_links {
      width: 400px;
      max-width: 100%; } }
  .popup .check-availability-widget .service_links {
    flex-wrap: none; }
  @media (max-width: 1100px) {
    .popup .check-availability-widget .service_links {
      flex-wrap: wrap;
      width: 320px; } }
  @media (max-width: 690px) {
    .popup .check-availability-widget .left-side, .popup .check-availability-widget .right-side {
      width: 100%; }
    .popup .check-availability-widget .service_links {
      width: 320px;
      max-width: 100%; } }

.popup.check-availability-popup {
  max-width: 1000px; }

.check-availability-form .field-container + .field-container {
  margin-top: 30px; }

.check-availability-form .field-container.field-location {
  position: relative; }
  .check-availability-form .field-container.field-location:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid var(--wp--preset--color--black);
    border-right: 2px solid var(--wp--preset--color--black);
    transform: rotate(45deg);
    right: 40px;
    top: 50%;
    margin-top: -6px; }

.check-availability-form .field-container.field-submit {
  text-align: right; }

.check-availability-form input[type="text"],
.check-availability-form select {
  background: #fff;
  border: 2px solid var(--wp--preset--color--black);
  border-radius: 0px;
  opacity: 1;
  padding: 20px 24px;
  line-height: 23px;
  font-size: 16px;
  border-radius: 12px;
  width: 100%; }
  .check-availability-form input[type="text"]::placeholder,
  .check-availability-form select::placeholder {
    color: var(--wp--preset--color--gray); }
  .check-availability-form input[type="text"]:focus,
  .check-availability-form select:focus {
    border-color: var(--wp--preset--color--green);
    outline: 1px dashed var(--wp--preset--color--gray);
    outline-radius: 30px; }

.check-availability-form select {
  appearance: none;
  padding-right: 64px; }
  .check-availability-form select::placeholder {
    color: var(--wp--preset--color--gray); }

.popup.check-availability-popup {
  max-width: 1000px; }
  .popup.check-availability-popup .check-availability-title {
    font-size: 60px; }
  .popup.check-availability-popup .check-availability-instructions {
    font-size: 24px;
    line-height: 1.1em; }
  .popup.check-availability-popup .field-container.field-submit .btn {
    width: 100%; }
  .popup.check-availability-popup .check-availability-form input[type="text"],
  .popup.check-availability-popup .check-availability-form select {
    border-color: var(--wp--preset--color--green); }

@media (max-width: 991px) {
  .popup.check-availability-popup {
    max-width: 600px; } }

@media (max-width: 767px) {
  .popup.check-availability-popup .check-availability-title {
    font-size: 44px; }
  .popup.check-availability-popup .check-availability-instructions {
    font-size: 20px; } }