/* Directory cards: fade on phones, fade and rise on laptop screens. */
.wahdah-page .network-directory .network-card,
.wahdah-page .network-directory .network-card:hover {
  transform: none;
}
@media (prefers-reduced-motion: no-preference) {
  html.wahdah-fade-ready .wahdah-page .network-card {
    opacity: 0;
    transition: none;
  }
  html.wahdah-fade-ready .wahdah-page .network-card.is-network-visible {
    opacity: 1;
    transition: opacity .85s ease var(--network-fade-delay, 0s), box-shadow .2s ease;
  }
  html.wahdah-fade-ready .network-card[data-fade-step="1"] { --network-fade-delay: .14s; }
  html.wahdah-fade-ready .network-card[data-fade-step="2"] { --network-fade-delay: .28s; }
  html.wahdah-fade-ready .wahdah-page .network-card:focus {
    opacity: 1;
    transition: none;
  }
}
@media (min-width: 1001px) and (prefers-reduced-motion: no-preference) {
  html.wahdah-fade-ready .wahdah-page .network-directory .network-card {
    opacity: 0;
    transform: translateY(42px);
    transition: none;
  }
  html.wahdah-fade-ready .wahdah-page .network-directory .network-card.is-network-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity .9s ease var(--network-fade-delay, 0s), transform 1.05s cubic-bezier(.22,.61,.36,1) var(--network-fade-delay, 0s), box-shadow .2s ease;
  }
  html.wahdah-fade-ready .wahdah-page .network-directory .network-card:focus {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wahdah-page .network-directory .network-card { opacity: 1; transition: none; }
}