footer[role="contentinfo"] {
  position: relative;
  background-color: var(--color-beige);
  background-image: url(../../images/bg-pattern.svg);
  background-repeat: repeat-x;
  padding: 100px 0 50px;
}
footer[role="contentinfo"]::before,
footer[role="contentinfo"]::after {
  background-image: url(../../images/pattern-gold.svg);
  background-repeat: repeat-x;
  background-size: 120px 25px;
  padding: 10px 0;
  width: 100%;
  top: 0;
}
footer[role="contentinfo"]::after {
  background-image: url(../../images/pattern-dark.svg);
  top: unset;
  bottom: 0;
}
footer[role="contentinfo"] > div {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 var(--sp30) 100px;
}
footer[role="contentinfo"] > div > div {
  display: block;
  width: 100%;
}
footer[role="contentinfo"] h3 {
  margin: 0;
}
footer[role="contentinfo"] #block-injili-socialicons {
  display: block;
}
footer[role="contentinfo"] #block-injili-copyright {
  position: absolute;
  left: var(--sp30);
  bottom: -20px;
  width: calc(100% - 30px);
}
footer[role="contentinfo"] nav {
  margin: var(--sp45) 0;
}
footer[role="contentinfo"] nav .menu {
  columns: 2;
  column-gap: var(--sp90);
}
footer[role="contentinfo"] nav .menu .menu-item {
  /* min-width: 150px; */
  margin-bottom: 15px;
}
footer[role="contentinfo"] nav .menu .menu-item a {
  text-decoration: none;
}
footer[role="contentinfo"] .social-contacts {
  display: flex;
  gap: 80px;
  align-items: flex-end;
  justify-content: space-between;
}

/* Newsletter Form  */
footer[role="contentinfo"] .newsletter-form-body {
  position: relative;
  margin: 20px 0;
  max-width: 420px;
}
footer[role="contentinfo"] .newsletter-form-body input {
  border-radius: 100px;
  border: solid 2px var(--color-border);
  background-color: var(--color-white);
  padding: 15px 20px;
  font-size: 16px;
  margin: 0 auto 10px;
}
footer[role="contentinfo"] .newsletter-form-body button {
  background-color: var(--color-text);
  color: var(--color-beige-light);
  letter-spacing: 1.5px;
  font-size: var(--font-size-base);
  width: 100%;
}

@media (min-width: 900px) {
  footer[role="contentinfo"] > div {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 var(--sp30);
  }
  footer[role="contentinfo"] > div > div {
    width: unset;
  }
  footer[role="contentinfo"] #block-injili-socialicons {
    position: absolute;
    right: var(--sp30);
    bottom: 5px;
  }
  footer[role="contentinfo"] #block-injili-copyright {
    position: absolute;
    left: var(--sp30);
    bottom: -20px;
    width: fit-content;
  }

  footer[role="contentinfo"] > div > div:first-child {
    max-width: 280px;
    margin-bottom: 70px;
  }
  footer[role="contentinfo"] nav {
    margin: unset;
  }
  /* Newsletter Form  */

  footer[role="contentinfo"] .newsletter-form-body input {
    border-radius: 100px;
    border: solid 2px var(--color-border);
    background-color: var(--color-white);
    padding: 20px 160px 20px 20px;
    height: 60px;
    font-size: 16px;
    margin: unset;
    /* max-width: 400px; */
  }
  footer[role="contentinfo"] .newsletter-form-body button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 50px;
    background-color: var(--color-text);
    color: var(--color-beige-light);
    letter-spacing: 1.5px;
    font-size: var(--font-size-base);
    width: unset;
  }
}

@media (min-width: 1000px) {
  footer[role="contentinfo"] nav .menu {
    columns: 2;
    column-gap: var(--sp90);
  }
}

/* #block-injili-newslettersubscriptionform {
  display: none;
} */