footer {
  --text-offset: 34%;
  padding-top: 18%;
  background-image: url(../images/footer_roots_text.svg);
  background-repeat: no-repeat;
  background-size: clamp(431px, calc(100% + var(--text-offset)), 1750px) auto;
  background-position: var(--text-offset) 0;
  background-color: #fff;
  max-width: 2149px;
  margin-inline: auto;
}

@media(min-width: 1130px) {
  footer {
    padding-top: 13.875rem;
  }
}

@media(min-width: 1512px) {
  footer {
    background-position: center 0;
  }
}

@media(min-width: 781px) {
  .footer-main-wrapper {
    background-color: #f5e8d9;
  }
}

.footer-main {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.footer__top {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
}

@media(min-width: 781px) {
  .footer-main {
    flex-direction: row;
  }

  .footer__top {
    width: 67%;
    aspect-ratio: 5 / 3;
  }
}

.footer__top img {
  width: 100%;
  height: 100%;
}

.footer__middle {
  background-color: var(--wp--preset--color--onyx-black);
  text-align: center;
  margin-top: -1.25rem;
}

@media(min-width: 781px) {
  .footer__middle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4rem;
    margin-top: revert;
    width: 33%;
    text-align: left;
    padding-left: 7%;
  }
}

@media(width > 1512px) {
  .footer__middle {
    width: 45%;
    padding-inline-start: 4rem;
  }

  #footer_map {
    width: 55%;
  }
}

.footer__middle ul {
  padding-left: 0;
}

.footer__menu-navigation-container ul,
.footer__contact-info p {
  font-family: var(--wp--preset--font-family--inter);
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.134375rem;
}

.footer__menu-navigation-container ul {
  letter-spacing: .2rem;
  padding-top: 4.375rem;
}

.footer__menu-navigation-container li {
  list-style-type: none;
  margin-top: 1.25rem;
}

.footer__menu-navigation-container a {
  text-decoration: none;
  color: #FFF;
}

.footer__contact-info {
  margin-top: 2.5rem;
}

.footer__contact-info h2{
  font-family: var(--wp--preset--font-family--inter);
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.134375rem;
  color: var(--wp--preset--color--honey-yellow);
  margin: 0;
}

.footer__contact-info p {
  color: #FFF;
}

.footer__contact-info-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}

@media(min-width: 781px) {
  .footer__contact-info-item {
    flex-direction: row;
    align-items: center;
    gap: .875rem;
    margin-bottom: 0;
  }
}

.footer__contact-info-social-icons {
  display: flex;
  justify-content: center;
  gap: .75rem;
  margin-top: .875rem;
}

@media(min-width: 781px) {
  .footer__contact-info-social-icons {
    justify-content: left;
  }
}

.footer__contact-info-social-icons li {
  list-style-type: none;
}

@media(min-width: 781px) {
  .footer__copyright-privacy-terms {
    display: flex;
    gap: 1.5rem;
    align-items: baseline;  
    margin-top: 1.875rem;
    flex-wrap: wrap;
  }
}

.footer__copyright,
.footer__privacy-terms-conditions ul {
  font-family: var(--wp--preset--font-family--inter);
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.05875rem;
  color: #FFF;
}

.footer__copyright {
  margin-top: 4.375rem;
}

.footer__privacy-terms-conditions {
  margin-top: 2rem;
}

@media(min-width: 781px) {
  .footer__copyright,
  .footer__privacy-terms-conditions,
  .footer-privacy-terms .menu {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.footer__privacy-terms-conditions ul {
  display: flex;
  justify-content: center;
  gap: 1.125rem;
  padding-bottom: 5.625rem;
  margin-bottom: 0;
}

@media(min-width: 781px) {
  .footer__privacy-terms-conditions ul {
    justify-content: left;
    padding-bottom: 3.75rem;
  }
}

.footer__privacy-terms-conditions li {
  list-style-type: none;
}

.footer__privacy-terms-conditions a {
  color: #FFF;
}
 
.footer__bottom {
  background-color: var(--wp--preset--color--ochre);
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;

  a {
    color: #000;
    text-decoration: none;
  }
}