/* Business-electricity city pages: WattKarma header/footer sit outside the hub shell. */
body.wk-biz-city-page .site-header {
  position: relative;
  z-index: 20;
}

#wk-community-preview.wk-biz-city-hub {
  --wk-paper: #faf9f6;
  font-family: Inter, Arial, sans-serif;
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero {
  max-width: 1032px;
  margin: 0 auto;
  padding: 10px 5% 6px;
  font-size: 12px;
  color: var(--wk-muted, #666c78);
  background: var(--wk-paper, #faf9f6);
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.15rem 0.35rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero li {
  display: inline;
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero li + li::before {
  content: "/";
  margin-right: 0.35rem;
  color: var(--wk-line, #bcc3ce);
  font-weight: 400;
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero a {
  color: var(--wk-muted, #666c78);
  text-decoration: none;
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero a:hover {
  color: var(--wk-blue, #2563eb);
  text-decoration: underline;
}

#wk-community-preview.wk-biz-city-hub .wk-breadcrumbs--below-hero [aria-current="page"] {
  color: var(--wk-ink, #111827);
}

#wk-community-preview.wk-biz-city-hub .wk-category-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 500;
  border: 1px solid var(--wk-line);
  color: var(--wk-ink);
  text-decoration: none;
}

#wk-community-preview.wk-biz-city-hub .wk-category-tabs a:hover {
  border-color: var(--wk-blue-500, #2563eb);
  color: var(--wk-blue-600, #1d4ed8);
  text-decoration: none;
}

#wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap {
  margin: 0 0 14px;
  position: relative;
}

#wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .fv-card {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

@media (max-width: 899px) {
  #wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .plan-card-horizontal,
  #wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .plan-card-horizontal-wrapper {
    display: none !important;
  }
  #wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .business-card {
    display: flex !important;
  }
}

@media (min-width: 900px) {
  #wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .business-card {
    display: none !important;
  }
  #wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .plan-card-horizontal-wrapper {
    display: block !important;
  }
  #wk-community-preview.wk-biz-city-hub .wk-biz-card-wrap .plan-card-horizontal {
    display: flex !important;
  }
}