/* ===============================================================
   JP EXPRESS — SITEMAP PAGE STYLES
   Only selectors unique to sitemap.html are kept here.
   Page isolation: html.page-sitemap
   ===============================================================

/* Used only by: sitemap */
.page-sitemap .calc-body .row.g-3 {
  --bs-gutter-y: clamp(var(--sp-rem-xs-7), 1dvh, var(--sp-rem-md-3));
  --bs-gutter-x: var(--sp-rem-sm-9);
}


@media (max-width: 767px) {
  /* Used only by: sitemap */
  .page-sitemap .calc-body .row.g-3 {
    --bs-gutter-y: var(--sp-rem-sm-6);
    --bs-gutter-x: var(--sp-rem-sm-4);
  }

  /* Used only by: sitemap */
  .page-sitemap .row.g-3 {
    --bs-gutter-y: var(--sp-rem-md-3);
    --bs-gutter-x: var(--sp-rem-md-3);
  }

  /* Used only by: sitemap */
  .page-sitemap #contactForm .row.g-3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-rem-md-3);
    margin-left: 0;
    margin-right: 0;
  }

  /* Used only by: sitemap */
  .page-sitemap #contactForm .row.g-3>div {
    width: auto;
    max-width: none;
    flex: none;
    padding: 0;
  }

}

@media (max-width: 480px) {
  /* Used only by: sitemap */
  .page-sitemap #contactForm .row.g-3 {
    gap: var(--sp-rem-sm-6);
  }

}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-card {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  text-decoration: none;
  height: 100%;
  transition: .22s ease;
}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-card:hover {
  transform: translateY(-3px);
  border-color: #ccd6e8;
  box-shadow: 0 15px 35px rgba(30, 42, 107, .08);
}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 12px;
  background: #f2f5fb;
  color: var(--jp-navy);
  display: grid;
  place-items: center;
}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-card>span:nth-child(2) {
  min-width: 0;
  flex: 1;
}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-card strong {
  display: block;
  color: var(--jp-heading-color);
  font-size: 14px;
}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-card small {
  display: block;
  color: var(--jp-muted);
  font-size: 11px;
  line-height: 1.55;
  margin-top: 4px;
}

/* Used only by: sitemap */
.page-sitemap .jp-sitemap-arrow {
  color: var(--jp-orange);
  font-size: 12px;
}
