/* =========================
   MAIN CSS CHUNKS INDEX
   ========================= */

/* This file imports all CSS chunks in order */
@import url("./css-chunks/main-chunk-1.css");
@import url("./css-chunks/main-chunk-2.css");
@import url("./css-chunks/main-chunk-3.css");
@import url("./css-chunks/main-chunk-4.css");
@import url("./css-chunks/main-chunk-5.css");

body .ericsson-theme {
  font-family: var(--cwc-font-sans-serif-regular, 'Eina01-Regular');
}

.home-page cradlepoint-container .container-item h2 {
  text-align: center;
  font-size: 3.2rem;
  line-height: 3.2rem;
}

.home-page cradlepoint-card-bg h2.title {
  font-size: 2.5rem !important;
  font-family: var(--cwc-font-sans-serif-bold, 'Eina01-Bold');
}

.home-page cradlepoint-card-bg:hover .title,
.home-page cradlepoint-card-bg:hover p {
  color: white !important;
}

.home-page cradlepoint-button-simple:host(:hover) ::slotted(*) {
  background: var(--cwc-color-secondary) !important;
}

.home-page cradlepoint-card-bg:hover cradlepoint-button-simple {
  --hover-background-color: var(--cwc-color-secondary) !important;
  background: var(--hover-background-color) !important;
}

.home-page cradlepoint-footer-cta h2 {
  font-size: 2.5rem !important;
}

#product-lines-v1,
#partners,
#mobile-testimonial {
  flex-direction: column;
  padding: 0 2rem;
}

#product-lines-v1 cradlepoint-card-bg:hover {
  background-color: var(--cwc-color-primary-600) !important;
}

@media (min-width: 768px) {
  #product-lines-v1,
  #partners,
  #mobile-testimonial {
    flex-direction: row;
  }
}

cradlepoint-hero p {
  color: var(--cwc-color-white);
  font-size: 20px;
}

cradlepoint-container h1 {
  text-wrap: balance;
  margin-bottom: 2rem;
}