/**
 * Solutions pages — MUST load last (after custom.css.php + site inline CSS).
 * Uses px/clamp literals so rem/:root overrides from legacy CSS cannot break typography.
 */

main.main-content-area .v2-content-area,
.main-content-area .v2-content-area {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #4e4b66 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

main.main-content-area .v2-content-area .v2-page-hero-content,
main.main-content-area .v2-content-area .v2-beyond-product-info,
.main-content-area .v2-content-area .v2-page-hero-content,
.main-content-area .v2-content-area .v2-beyond-product-info {
  max-width: none !important;
}

/* Hero title — h2 scale (fits split hero layout; h1 scale is too large) */
main.main-content-area .v2-content-area h1.v2-page-hero-title,
main.main-content-area .v2-content-area .v2-page-hero-content-info h1,
.main-content-area .v2-content-area h1.v2-page-hero-title,
.main-content-area .v2-content-area .v2-page-hero-content-info h1 {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: clamp(36px, 1.5vw + 24px, 36px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  margin: 0 !important;
}

/* Section headings — h3 scale (below hero; full h2 scale is too large) */
main.main-content-area .v2-content-area h2,
main.main-content-area .v2-content-area h2.v2-title,
main.main-content-area .v2-content-area .v2-section-title,
main.main-content-area .v2-content-area .v2-testimonial-title,
main.main-content-area .v2-content-area .v2-beyond-product-info .v2-title,
main.main-content-area .v2-content-area .v2-title-wrap .v2-title,
.main-content-area .v2-content-area h2,
.main-content-area .v2-content-area h2.v2-title,
.main-content-area .v2-content-area .v2-section-title,
.main-content-area .v2-content-area .v2-testimonial-title,
.main-content-area .v2-content-area .v2-beyond-product-info .v2-title,
.main-content-area .v2-content-area .v2-title-wrap .v2-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: clamp(24px, 0.75vw + 18px, 28px) !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #181915 !important;
}

/* Card / column titles — one step below section h2 */
main.main-content-area .v2-content-area h3.v2-promotional-title,
main.main-content-area .v2-content-area .v2-use-product-title,
main.main-content-area .v2-content-area .v2-other-solution-title,
main.main-content-area .v2-content-area .v2-demand-title,
main.main-content-area .v2-content-area .v2-warehouse-title,
main.main-content-area .v2-content-area .v2-event-title,
.main-content-area .v2-content-area h3.v2-promotional-title,
.main-content-area .v2-content-area .v2-use-product-title,
.main-content-area .v2-content-area .v2-other-solution-title,
.main-content-area .v2-content-area .v2-demand-title,
.main-content-area .v2-content-area .v2-warehouse-title,
.main-content-area .v2-content-area .v2-event-title {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: clamp(20px, 0.5vw + 16px, 20px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #181915 !important;
}

/* Body copy */
main.main-content-area .v2-content-area p,
main.main-content-area .v2-content-area li,
.main-content-area .v2-content-area p,
.main-content-area .v2-content-area li {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: clamp(16px, 0.25vw + 15px, 14px) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

main.main-content-area .v2-content-area .v2-page-hero-content-info,
main.main-content-area .v2-content-area .v2-page-hero-content-info p,
.main-content-area .v2-content-area .v2-page-hero-content-info,
.main-content-area .v2-content-area .v2-page-hero-content-info p {
  color: #ffffff !important;
}

main.main-content-area .v2-content-area .v2-title-wrap,
main.main-content-area .v2-content-area .v2-title-wrap p,
main.main-content-area .v2-content-area .v2-promotional-col-wrap,
main.main-content-area .v2-content-area .v2-promotional-col-wrap p,
main.main-content-area .v2-content-area .v2-beyond-product-info,
main.main-content-area .v2-content-area .v2-beyond-product-info p,
main.main-content-area .v2-content-area .v2-other-solution-info,
main.main-content-area .v2-content-area .v2-other-solution-info p,
.main-content-area .v2-content-area .v2-title-wrap,
.main-content-area .v2-content-area .v2-title-wrap p,
.main-content-area .v2-content-area .v2-promotional-col-wrap,
.main-content-area .v2-content-area .v2-promotional-col-wrap p,
.main-content-area .v2-content-area .v2-beyond-product-info,
.main-content-area .v2-content-area .v2-beyond-product-info p,
.main-content-area .v2-content-area .v2-other-solution-info,
.main-content-area .v2-content-area .v2-other-solution-info p {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: clamp(16px, 0.25vw + 15px, 16px) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  color: #4e4b66 !important;
}

main.main-content-area .v2-content-area .v2-breadcrumb-wrap,
main.main-content-area .v2-content-area .v2-list-content,
.main-content-area .v2-content-area .v2-breadcrumb-wrap,
.main-content-area .v2-content-area .v2-list-content {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: clamp(13px, 0.15vw + 12px, 14px) !important;
  line-height: 1.4 !important;
}

@media (min-width: 1023px) {
  .wsmenucontainer {
    margin-left: var(--sidebar-width, 84px);
  }
}

@media (max-width: 1023px) {
  .v2-sidebar {
    display: none !important;
  }

  .wsmenucontainer {
    margin-left: 0 !important;
  }

  .v2-content-area .v2-breadcrumb-wrap {
    margin-top: 20px;
  }
}

body:has(.v2-content-area) .fixednav {
  display: none !important;
}