@charset "UTF-8";
/* relief-eritrea.org / ERDA e.V. - color scheme derived from the association's own emblem
   (deep green + gold wheat + teal, see images/banners/Logo relief-Eritrea.png) */
:root {
  --cassiopeia-color-primary: #1B5E3C;
  --cassiopeia-color-link: #2E7D5B;
  --link-color: #2E7D5B;
  --link-color-rgb: 46, 125, 91;
  --cassiopeia-color-hover: #123D28;
  --link-hover-color: #123D28;
  --link-hover-color-rgb: 18, 61, 40;
}

.erda-donate-cta {
  background-color: #F4EFE1;
  border: 1px solid #C9A227;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
}

.erda-donate-fields dt {
  font-weight: 700;
  color: #1B5E3C;
  margin-top: 0.75rem;
}

.erda-donate-fields dd {
  margin-left: 0;
  margin-bottom: 0.25rem;
}

.container-bottom-a .card {
  border-left: 4px solid #C9A227;
}

.erda-banner-slideshow {
  position: relative;
  width: 100%;
  max-width: 486px;
  aspect-ratio: 486 / 205;
  overflow: hidden;
  border-radius: 0.25rem;
  margin: 0 auto 1rem;
}

.erda-banner-slideshow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.erda-banner-slideshow img:nth-child(1) {
  animation: erda-crossfade 12s infinite;
}

.erda-banner-slideshow img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  animation: erda-crossfade 12s infinite 6s;
}

@keyframes erda-crossfade {
  0%   { opacity: 1; }
  45%  { opacity: 1; }
  50%  { opacity: 0; }
  95%  { opacity: 0; }
  100% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .erda-banner-slideshow img:nth-child(2) { animation: none; opacity: 0; }
}