:root {
  --footer-bg-color: light-dark(#fafafa, #222222);
  --footer-text-color: light-dark(rgb(112, 112, 112), rgb(145, 145, 145));
  --footer-links-color: light-dark(rgb(99, 99, 99), rgb(184, 184, 184));
}

#jdm-sl-footer {
  width: 100%;
  height: fit-content;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: var(--footer-bg-color);
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  color: var(--footer-text-color);
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-top: 50px;

}

.jdm-sl-footer-margin-side-bar-visible {
  padding-left: 50px;
}


#jdm-sl-footer-links {
  display: flex;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 10px;
}

#jdm-sl-footer-added-info {
  padding-left: 15px;
  padding-right: 15px;
  white-space: normal;
  text-wrap: wrap;
  text-align: center;
}

.jdm-sl-footer-link {
  text-decoration: none;
  color: var(--footer-links-color);
  font-size: 14px;
}

.jdm-sl-footer-email-link {
  text-decoration: none;
  color: var(--footer-text-color);
  font-size: 12px;
}

.jdm-sl-footer-link:hover,
.jdm-sl-footer-email-link:hover {
  opacity: 80%;
}

.jdm-sl-footer-link:active,
.jdm-sl-footer-email-link:active {
  opacity: 60%;
}