/*
 * JJD Consultants — Homepage Service Image Assignment
 * Load AFTER:
 *   style.css
 *   hero-selector.css
 *   flipbox-update.css
 *   homepage-services.css
 *
 * This file assigns the 10 newly supplied images to the correct service cards.
 */

/* =========================================================
   NON-PROFIT SERVICES — supplied images
   ========================================================= */

.nonprofit-front {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*
 * Keep a soft white wash over the photography so the copy and icon
 * remain readable while allowing the supplied image to remain visible.
 */
.nonprofit-front::before {
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.94) 0%,
      rgba(255, 255, 255, 0.90) 52%,
      rgba(244, 249, 253, 0.78) 100%
    );
}

.nonprofit-front.np-governance {
  background-image: url("../assets/images/nonprofit-governance.png");
}

.nonprofit-front.np-strategic-growth {
  background-image: url("../assets/images/nonprofit-strategic-growth.png");
}

.nonprofit-front.np-grants {
  background-image: url("../assets/images/nonprofit-grant-services.png");
}

.nonprofit-front.np-operational {
  background-image: url("../assets/images/nonprofit-operational-strengthening.png");
}


/* =========================================================
   FOR-PROFIT SERVICES — replace the previous six images
   ========================================================= */

.flip-card-front.bg-workplace {
  background-image: url("../assets/images/forprofit-modern-workplace.png");
}

.flip-card-front.bg-marketing {
  background-image: url("../assets/images/forprofit-marketing-solutions.png");
}

.flip-card-front.bg-case {
  background-image: url("../assets/images/forprofit-case-management.png");
}

.flip-card-front.bg-lowcode {
  background-image: url("../assets/images/forprofit-low-code.png");
}

.flip-card-front.bg-erp {
  background-image: url("../assets/images/forprofit-erp.png");
}

.flip-card-front.bg-digital {
  background-image: url("../assets/images/forprofit-digital-experience.png");
}


/* =========================================================
   RESPONSIVE IMAGE TUNING
   ========================================================= */

@media (max-width: 760px) {
  .nonprofit-front::before {
    background:
      linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.91) 58%,
        rgba(244, 249, 253, 0.82) 100%
      );
  }
}