/*
 * Responsive layout setup.
 */
/* Maximum width for Property Listing page and Vacation Rental Search page (if full width layout is set in Editor) */
.full-width-unit-details-container-helper.alignfull .wp-block-lmpm-property-listing.lmpm-property-listing,
.full-width-search-container-helper.alignfull .wp-block-uagb-container.lmpm-results-container .lmpm-results-wrapper-container {
  max-width: 1980px;  
}

/* Styles for Property Search page
 *
 * !important clauses are used to override grid styles set in toggleMap component web/mu-plugins/lmpm-wordpress-plugin/src/client/components/toggleMap/index.jsx
 */
@media (min-width: 1280px) {  
  .full-width-search-container-helper.alignfull .lmpm-results-container .wp-block-uagb-container.uagb-is-root-container.alignfull :not(.alt-custom-header) :not(.wp-block-button__link),
  .full-width-search-container-helper.alignfull .lmpm-results-container #content .uagb-is-root-container.alignfull {
    --inner-content-custom-width: min(100%, 1280px);
    padding-left: 0;
    padding-right: 0;
  }

  body .full-width-search-container-helper.alignfull .wp-block-uagb-container.uagb-is-root-container [class*="uagb-block-"] .wp-block-uagb-container.lmpm-results-container {
    max-width: unset;
  }

  .full-width-search-container-helper.alignfull .wp-block-uagb-container.uagb-is-root-container [class*="uagb-block-"] .wp-block-columns.is-layout-flex {
    max-width: unset;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .full-width-search-container-helper.alignfull .lmpm-search-full-width-container {
    max-width: unset !important;
  }

    .full-width-search-container-helper.alignfull .lmpm-property-search-map-column {
    flex-basis: 40% !important;
  }
}

@media (min-width: 1366px) {
  .full-width-search-container-helper.alignfull .wp-block-uagb-container.uagb-is-root-container [class*="uagb-block-"] .wp-block-columns.is-layout-flex {
    padding-left: 0;
    padding-right: 0;
  }

  .full-width-search-container-helper.alignfull .lmpm-property-search-map-column {
    flex-basis: 44% !important;
  }
}

@media (min-width: 1440px) {

  .full-width-search-container-helper.alignfull .lmpm-property-search-list-column {
    flex-basis: 75% !important;
    flex-grow: 1;
  }

  .full-width-search-container-helper.alignfull .lmpm-property-search-map-column {
    flex-basis: 25% !important;
    flex-grow: 1;
  }
}

@media (min-width: 1920px) {

  .full-width-search-container-helper.alignfull .lmpm-property-search-list-column {
    flex-basis: 56% !important;
    flex-grow: 1;
  }
  .full-width-search-container-helper.alignfull .lmpm-property-search-map-column {
    flex-basis: 44% !important;
    flex-grow: 1;
  }
}