/* SEO-Landingpages verwenden dieselben 4Eternity-Sprite-Sammlungen wie die App. */
.prayer-icon {
  color: transparent !important;
  font-size: 0 !important;
  border-color: transparent !important;
  background-color: transparent !important;
  background-image: url('/assets/themes/black_marble/sheets/icon_sheet_5x5_black_marble_prayer_times.png') !important;
  background-size: 500% 500% !important;
  background-repeat: no-repeat !important;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.2));
}
.prayers li:nth-child(1) .prayer-icon { background-position: 0% 0% !important; }
.prayers li:nth-child(2) .prayer-icon { background-position: 25% 0% !important; }
.prayers li:nth-child(3) .prayer-icon { background-position: 50% 0% !important; }
.prayers li:nth-child(4) .prayer-icon { background-position: 75% 0% !important; }
.prayers li:nth-child(5) .prayer-icon { background-position: 100% 0% !important; }
.prayers li:nth-child(6) .prayer-icon { background-position: 0% 25% !important; }

.bottom-nav i {
  width: 27px;
  height: 27px;
  display: block;
  color: transparent !important;
  font-size: 0 !important;
  background-image: url('/assets/themes/emerald/sheets/icon_sheet_5x5_emerald.png');
  background-size: 500% 500%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.22));
}
.bottom-nav a:nth-child(1) i { background-position: 0% 0%; }
.bottom-nav a:nth-child(2) i { background-position: 25% 0%; }
.bottom-nav a:nth-child(3) i { background-position: 50% 0%; }
.bottom-nav a:nth-child(4) i { background-position: 75% 0%; }
.bottom-nav a:nth-child(5) i { background-position: 100% 0%; }

.seo-directory-card {
  padding: 0 !important;
  overflow: hidden;
}
.seo-directory-link {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  color: var(--gold2);
  text-decoration: none;
  font-weight: 750;
}
.seo-directory-link:hover,
.seo-directory-link:focus-visible {
  background: rgba(215,180,106,.07);
}