/* Compatibility layer for converted HubSpot listing pages. */
body.pdi-migrated-listing-page {
  margin: 0;
  min-width: 320px;
  background: #fff;
}

body.pdi-migrated-listing-page > #pdi-common-header,
body.pdi-migrated-listing-page > #pdi-common-footer {
  position: relative;
  z-index: 20;
}

body.pdi-migrated-listing-page #pdi-main-content {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
}

body.pdi-migrated-listing-page #pdi-main-content > .body-wrapper,
body.pdi-migrated-listing-page #pdi-main-content > .container-fluid,
body.pdi-migrated-listing-page #pdi-main-content .body-container-wrapper {
  margin-top: 0 !important;
}

/* The legacy templates reserved 60px for their removed HubSpot header. */
body.pdi-migrated-listing-page #pdi-main-content .banner-video,
body.pdi-migrated-listing-page #pdi-main-content [class*="banner"] {
  margin-top: 0 !important;
}

/* Never allow legacy template fragments to reappear inside converted content. */
body.pdi-migrated-listing-page #pdi-main-content .page-header,
body.pdi-migrated-listing-page #pdi-main-content #main-header,
body.pdi-migrated-listing-page #pdi-main-content .pdi-fg-footer-scope,
body.pdi-migrated-listing-page #pdi-main-content > footer {
  display: none !important;
}

body.pdi-migrated-listing-page #pdi-main-content img,
body.pdi-migrated-listing-page #pdi-main-content video,
body.pdi-migrated-listing-page #pdi-main-content iframe {
  max-width: 100%;
}

body.pdi-migrated-listing-page #pdi-main-content img {
  height: auto;
}

@media (max-width: 767px) {
  body.pdi-migrated-listing-page #pdi-main-content {
    overflow-x: clip;
  }
}