.lgd-footer {
  margin-block-start: 3.125rem;
}

/* Microsites footer */
.microsite-footer .region-microsites-footer {
  padding-block: 3.75rem;
  padding-inline: 2.1875rem;
}

.microsite-footer .lgd-footer__housekeeping {
  margin: 0;
  min-height: 5.9375rem;
  padding-block: 2.1875rem;
}

.microsite-footer .lgd-footer__housekeeping .lgd-container {
  padding-inline: 2.1875rem;
}

.microsite-footer .lgd-region__inner--housekeeping {
  display: flex;
  flex-direction: column-reverse;
  gap: 2.5rem;
}

.microsite-footer .branding__item--logo {
  width: 13.625rem;
}

.microsite-footer .menu--footer {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.microsite-footer .menu--footer li a {
  color: var(--footer-link-color);
  font-size: var(--font-size-small);
  font-weight: 700;
  line-height: 2.6875rem;
  text-decoration: none;
  transition: color ease var(--transition-time);
}

.microsite-footer .menu--footer li a:hover {
  color: var(--footer-link-hover-color);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.microsite-footer .menu--footer li a:focus {
  color: var(--footer-link-focus-color);
}

.lgd-footer__footer {
  background-image: linear-gradient(
    to left,
    var(--color-accent-2) 0%,
    var(--color-accent) 100%
  );
  color: white;
  padding-block: 3.75rem;
}

.lgd-footer__footer .padding-horizontal,
.lgd-footer__housekeeping .lgd-container {
  padding-inline: 2.1875rem;
}

.lgd-footer__housekeeping {
  margin: 0;
  min-height: 5.9375rem;
  padding-block: 2.1875rem;
}

.lgd-region__inner--footer {
  display: flex;
  flex-direction: column-reverse;
  gap: 4.375rem;
}

.lgd-footer .lgd-region__inner--housekeeping {
  display: flex;
  flex-direction: column-reverse;
  gap: 2.5rem;
}

.lgd-footer .branding__item--logo {
  width: 13.625rem;
}

.menu--footer {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0rem;
  padding: 0rem;
}

.menu--footer li a {
  color: var(--color-link);
  font-size: var(--font-size-small);
  font-weight: 700;
  line-height: 2.6875rem;
  text-decoration: none;
  transition: color ease var(--transition-time);
}

.menu--footer li a:hover {
  color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.sign-up-panel {
  max-width: 36.75rem;
}

.lgd-footer__webratings {
  background-color: var(--color-accent-2);
  padding-block: 2rem;
}

.lgd-footer__webratings .lgd-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.webratings__title {
  color: var(--color-white);
  font-size: var(--font-size-medium);
  margin: 0rem;
}

.webratings__buttons {
  display: flex;
  font-size: var(--font-size-small);
  gap: 1.5rem;
  list-style: none;
  margin: 0rem;
  padding: 0rem;
  text-align: center;
}

.webratings__button {
  background-color: var(--color-white);
  border-radius: 0.5rem;
  display: flex;
  gap: 0.125rem;
  padding: 0.5rem 0.625rem;
  text-decoration: none;
  width: fit-content;
}

.webratings__star-icon {
  display: block;
  height: 1.25rem;
  mask: url("/themes/custom/staffordshire/assets/images/site/icons/star-outline.png")
    center/contain no-repeat;
  -webkit-mask: url("/themes/custom/staffordshire//assets/images/site/icons/star-outline.png")
    center/contain no-repeat;
  pointer-events: none;
  width: 1.25rem;
}

.webratings__button--good .webratings__star-icon {
  background-color: var(--color-green);
}

.webratings__button--average .webratings__star-icon {
  background-color: var(--color-orange);
}

.webratings__button--poor .webratings__star-icon {
  background-color: var(--color-red);
}

.webratings__buttons .webratings__button:hover,
.webratings__buttons .webratings__button:focus {
  background-color: var(--color-white);
  outline: 0.1875rem solid var(--color-accent);
  outline-offset: 0.125rem;
  text-decoration: none;
}

.webratings__buttons .webratings__button:hover .webratings__star-icon,
.webratings__buttons .webratings__button:focus .webratings__star-icon {
  mask-image: url("/themes/custom/staffordshire//assets/images/site/icons/star-regular.png");
  -webkit-mask-image: url("/themes/custom/staffordshire//assets/images/site/icons/star-regular.png");
}

.sign-up-panel .sign-up-panel__heading {
  color: var(--color-white);
  font-size: 1.75rem;
  margin-bottom: 0.875rem;
}

.sign-up-panel p {
  color: var(--color-white);
  font-size: 1.125rem;
  margin-bottom: 1.6875rem;
  max-width: 28.9375rem;
}

.sign-up-panel .sign-up-panel__link {
  background-color: var(--color-accent);
  border-radius: 0.5rem;
  color: var(--color-white);
  display: inline-block;
  font-size: var(--font-size-small);
  font-weight: 700;
  height: 2.75rem;
  padding: 0.625rem;
  text-decoration: none;
}

.sign-up-panel .sign-up-panel__link:hover,
.sign-up-panel .sign-up-panel__link:focus {
  background-color: var(--color-white);
  text-decoration: none;
}

.lgd-footer__footer *,
.lgd-footer__footer a,
.lgd-footer__footer h2,
.lgd-footer__footer h3,
.lgd-footer__footer h4,
.lgd-footer__footer h5,
.lgd-footer__footer h6 {
  color: inherit;
}

@media screen and (min-width: 48rem) {
  .lgd-region__inner--footer {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

@media screen and (min-width: 64rem) {
  .lgd-footer {
    margin-block-start: 4.375rem;
  }

  .lgd-footer__footer {
    padding-block: 3.75rem 3.75rem;
  }

  .menu--footer {
    column-gap: 2.5rem;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1rem;
  }

  .menu--footer li a {
    line-height: 1.4375rem;
  }

  .lgd-footer .lgd-region__inner--housekeeping {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }

  .lgd-footer__housekeeping {
    padding-block: 1.1875rem;
  }

  .lgd-footer__footer .padding-horizontal,
  .lgd-footer__housekeeping .lgd-container {
    padding-inline: var(--spacing-padding-horizontal);
  }

  .microsite-footer .region-microsites-footer {
    padding-inline: var(--spacing-padding-horizontal);
  }

  .microsite-footer .lgd-footer__housekeeping .lgd-container {
    padding-inline: var(--spacing-padding-horizontal);
  }

  .microsite-footer .lgd-footer__housekeeping {
    padding-block: 1.1875rem;
  }

  .microsite-footer .lgd-region__inner--housekeeping {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }

  .microsite-footer .menu--footer {
    column-gap: 2.5rem;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 1rem;
  }

  .microsite-footer .menu--footer li a {
    line-height: 1.4375rem;
  }

  .lgd-footer__webratings .lgd-container {
    align-items: center;
    flex-direction: row;
  }

  .sign-up-panel .sign-up-panel__heading {
    font-size: 2rem;
    margin-bottom: 1rem;
  }

  .sign-up-panel p {
    font-size: var(--font-size-small);
    margin-bottom: 1.1875rem;
  }
}