/* Perfect Properties: mobile-only transparent logo background and white badges. */
@media screen and (max-width: 760px) {
  html body > header > a:first-of-type,
  html body > header img.brand {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html body > header > a:first-of-type::before,
  html body > header > a:first-of-type::after,
  html body > header img.brand::before,
  html body > header img.brand::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
  }
  html body > .review-ribbon .review-badge,
  html body > .review-ribbon > img {
    filter: brightness(0) invert(1) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
  }
}

/* Homepage slogan colors apply to desktop and mobile. */
body[data-mobile-hero="properties"] .hero h1 > .specialized-companies {
  color: #fff;
}

/* Match the light blue used by .property-script em in style.css. */
body[data-mobile-hero="properties"] .hero h1 > .beautiful-connecticut {
  color: #78c9ff;
}