/*
 * FED Focus Flow 1.2
 *
 * Visual emphasis only.
 * No height, margin, padding, position, scrolling, snapping or layout changes.
 */

.fed-focus-flow-item {
  will-change: opacity;
  transition: opacity 220ms linear !important;
}

/* JS owns the final opacity so section-specific CSS cannot override the effect. */
.fed-focus-flow-active {
  opacity: 1 !important;
}

.fed-focus-flow-near {
  opacity: .38 !important;
}

.fed-focus-flow-far {
  opacity: .16 !important;
}

/* Supporting information becomes quieter while an item is not the focus. */
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-service-main p,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-description,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-category,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-result,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-team-card-meta,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-team-department,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-career-main,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-career-meta,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-insight-meta,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-ig-industry-number {
  opacity: .45 !important;
}

/* Keep the actual item title/name visible as the preview. */
.fed-focus-flow-item:not(.fed-focus-flow-active) h3,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-service-main h3,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-body h3,
.fed-focus-flow-item:not(.fed-focus-flow-active) .fed-career-main h3 {
  opacity: 1 !important;
}

@media (max-width: 900px) {
  .fed-focus-flow-near {
    opacity: .32 !important;
  }

  .fed-focus-flow-far {
    opacity: .12 !important;
  }

  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-service-main p,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-description,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-category,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-cs-result,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-team-card-meta,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-team-department,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-career-main,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-career-meta,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-insight-meta,
  .fed-focus-flow-item:not(.fed-focus-flow-active) .fed-ig-industry-number {
    opacity: .36 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fed-focus-flow-item {
    transition: none !important;
  }
}