.lgd-footer {
  margin-top: 0;
}

.lgd-footer__pre-footer {
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--color-pre-footer-text);
  background-color: var(--color-accent-hover);
}

.lgd-footer__pre-footer a {
  color: var(--color-pre-footer-link);
}
.lgd-footer__pre-footer a:focus {
  color: var(--color-black);
  text-decoration: underline;
}

.lgd-footer__footer {
  padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
  padding-bottom: clamp(1rem, 10vw, var(--section-spacing-vertical-footer));
  background-color: var(--color-section-footer-bg);
  color: var(--color-footer-text)
}

.lgd-footer__footer a {
  color: var(--color-footer-link);
}

.lgd-footer__post-footer {
  padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-post-footer));
  padding-bottom: clamp(1rem, 10vw, var(--section-spacing-vertical-post-footer));
  background-color: var(--color-section-post-footer-bg);
  color: var(--color-post-footer-text);
}

.lgd-footer__post-footer a {
  color: var(--color-post-footer-link);
}

.lgd-footer .lgd-region .navigation h2 {
  color: var(--color-white);
  border-bottom: 1px solid var(--color-white);
}

.lgd-footer .lgd-region .menu {
  padding: 0;
  margin: 0;
}

.lgd-footer .lgd-region .menu .menu-item {
  list-style: none;
  margin-bottom: 25px;
  margin-right: 15px;
  margin-top: 10px;
}

.lgd-footer__pre-footer [class^="icon-"] {
  /*background: url("../../assets/icons/socials/Facebook.svg") no-repeat;*/
  text-indent: -9999px;                 /* sends the text off-screen */
  height: 30px;                        /* be sure to set height & width */
  width: 30px;
  white-space: nowrap;
  display: block;
  background-size: contain !important;
}
.lgd-footer__pre-footer [class^="icon-"]:focus,
.lgd-footer__pre-footer [class^="icon-"]:hover {
  filter: invert(1) sepia(8%) saturate(15%) hue-rotate(315deg) brightness(0) contrast(100%);
}

.lgd-footer__pre-footer .icon-twitter {
  /*background: url("../../assets/icons/socials/Twitter.svg") no-repeat;*/
  background-size: contain;
}
.lgd-footer__pre-footer .icon-linkedin {
  /*background: url("../../assets/icons/socials/LinkedIn.svg") no-repeat;*/
  background-size: contain;
}
.lgd-footer__pre-footer .icon-youtube {
  /*background: url("../../assets/icons/socials/YouTube.svg") no-repeat;*/
  background-size: contain;
}
.lgd-footer__pre-footer .icon-instagram {
  /*background: url("../../assets/icons/socials/Instagram.svg") no-repeat;*/
  background-size: contain;
}

.lgd-footer .menu--follow-us {
  display: flex;
}
@media screen and (max-width: 48rem) {
  .lgd-footer .lgd-row__one-third:nth-child(1) {
    order: 1;
    width: 160px;
  }

  .lgd-footer .lgd-row__one-third:nth-child(2) {
    order: 3;
  }

  .lgd-footer .lgd-row__one-third:nth-child(3) {
    order: 2;
    width: 200px;
  }
  .menu--footer {
    display: flex;
    flex-wrap: wrap;
  }
}

#block-getintouch-menu,
#block-followus-menu {
  display: none;
}

@media screen and (min-width: 48rem) {
  .lgd-footer__pre-footer [class^="icon-"] {
    text-indent: -9999px;                 /* sends the text off-screen */
    height: 50px;                        /* be sure to set height & width */
    width: 50px;
    white-space: nowrap;
    display: block;
  }
  .lgd-footer .lgd-region .menu .menu-item {
    list-style: none;
    margin-bottom: 25px;
    margin-right: 20px;
    margin-top: auto;
  }
  .lgd-footer .menu--follow-us {
    flex-wrap: wrap;
  }
  .lgd-footer .lgd-region .menu .menu-item:last-child {
    margin-right: 0;
  }
  #block-followus-menu,
  #block-getintouch-menu {
    display: block;
  }
  .menu--footer a {
    font-size: 20px;
  }
  .lgd-footer__pre-footer {
    padding-top: clamp(1rem, 10vw, var(--section-spacing-vertical-pre-footer));
    padding-bottom: clamp(1rem, 10vw, var(--section-spacing-vertical-pre-footer));
  }
}


.lgd-page-section--footer-pre p {
  margin-bottom: 0;
}

.lgd-page-section--footer-pre {
  width: 100%;
  padding: 0 0 0 25px;
  display: flex;
  height: 45px;
  align-items: center;
  background-color: var(--color-accent);
  font-size: 16px;
  color: var(--color-white);
  bottom: calc(var(--spacing)*-3);
}
.lgd-page-section--footer-pre a {
  color: var(--color-white);
}

@media screen and (min-width: 48rem) {
  .lgd-page-section--footer-pre {
    position: relative;
    top: auto;
    bottom: calc(var(--spacing)*-3);
    font-size: 20px;
  }
}

.lgd-region__inner--footer {
  position: relative;
}