.trans25 {
  opacity: 0.25;
}

.trans50 {
  opacity: 0.5;
}

[data-page=page-index] .dnbr-footer {
  max-width: var(--dnbr-max-width);
}

[data-page=page-new] .dnbr-footer-wrap {
  margin-top: 1rem;
}

.dnbr-footer-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #7CE4BB;
  margin: -1rem;
  margin-top: 4rem;
}

.dnbr-footer {
  max-width: calc(var(--dnbr-max-width) + 2rem);
  margin: 0 auto;
  background-color: #7CE4BB;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.dnbr-footer h3 {
  font-family: Roboto Flex;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0em;
  text-align: left;
  font-variation-settings: "wdth" 65, "GRAD" 0, "slnt" 0, "XTRA" 468, "XOPQ" 80, "YOPQ" 65, "YTLC" 500, "YTUC" 660, "YTAS" 700, "YTDE" -170, "YTFI" 660;
}

@media (min-width: 730px) {
  .dnbr-footer {
    width: 40em;
  }
}
@media (max-width: 730px) {
  .dnbr-footer {
    width: 100%;
  }
}
@media print {
  .dnbr-footer-wrap {
    display: none;
  }
}
.dnbr-footer-bar {
  border-bottom: 5px solid black;
  margin-bottom: 5px;
  margin-top: -1px;
}

.dnbr-footer-links {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnbr-footer-links a {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 350;
  font-size: 18px;
  line-height: 1.33em;
  font-variation-settings: "wdth" 88, "opsz" 14, "slnt" 0, "GRAD" 0, "XTRA" 480, "XOPQ" 102, "YOPQ" 88, "YTLC" 485, "YTUC" 680, "YTAS" 720, "YTDE" -235, "YTFI" 680;
  font-weight: 300;
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  line-height: 1.5em;
}
.dnbr-footer-links a.dnbr-btn-link {
  border: 1px solid black;
  padding: 13px 25px;
  margin-top: 35px;
}
@media (max-width: 900px) {
  .dnbr-footer-links a {
    line-height: 2rem;
  }
}

.dnbr-footer-smooth {
  height: 15rem;
  background-image: linear-gradient(to bottom, transparent 0%, #7CE4BB 100%);
  margin: 0 -1rem;
  margin-top: 2rem;
}

.dnbr-footer-smooth + .dnbr-footer-wrap {
  margin-top: 0;
}

/*# sourceMappingURL=footer.css.map */
