.c-site-footer--top {
  --footer-bg: var(--color-white);
  --footer-text: var(--color-text);
  --footer-link: var(--color-text);
  --footer-font-size: var(--step--1);
  --footer-padding: var(--space-xl);
}


.c-site-footer--bottom {
  --footer-bg: var(--color-deep-purple);
  --footer-text: var(--color-white);
  --footer-link: var(--color-yellow);
  --footer-font-size: var(--step--2);
  --footer-padding: var(--space-m);
}

.c-site-footer {
  padding: 0;
  margin-top: max(4.00rem, min(calc(3.72rem + 1.39vw), 5.00rem));
  margin-top: var(--space-2xl);
}

.c-site-footer > *{
  background-color: var(--footer-bg);
  color: var(--footer-text);
  font-size: var(--footer-font-size);
  padding-top: var(--footer-padding);
  padding-bottom: var(--footer-padding);
}

.c-site-footer h2 {
  font-size: max(1.44rem, min(calc(1.29rem + 0.71vw), 1.95rem));
  font-size: var(--step-2);
  color: #CF0072;
  color: var(--color-hotpink);
}

.c-social h2 {
  width: 13ch;
}

.c-site-footer a {
  color: var(--footer-link);
}

.c-site-footer a:hover {
    color: #FFF;
    color: var(--color-white);
  }

a.c-sign-up-form--button {
  display: inline-block;
  -webkit-text-decoration: none;
  text-decoration: none;
}

a.c-sign-up-form--button:hover {
    color: #FFF;
    color: var(--color-white);
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.c-site-footer p {
  max-width: 100%;
}

.c-site-footer-top__inner {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: 320px 200px 640px;
  padding-left: max(1rem, min(2vw, 2.5rem));
  padding-left: var(--container-gutter);
  padding-right: max(1rem, min(2vw, 2.5rem));
  padding-right: var(--container-gutter);
}

@media (min-width: 600px) {

.c-site-footer-top__inner {
    padding-left: max(4.00rem, min(calc(3.72rem + 1.39vw), 5.00rem));
    padding-left: var(--space-2xl);
    padding-right: max(4.00rem, min(calc(3.72rem + 1.39vw), 5.00rem));
    padding-right: var(--space-2xl);
}
  }

@media (min-width: 990px) {

.c-site-footer-top__inner {
    display: grid;
    grid-template-columns: 1fr 200px 2fr;
    gap: max(4.00rem, min(calc(3.72rem + 1.39vw), 5.00rem));
    grid-gap: max(4.00rem, min(calc(3.72rem + 1.39vw), 5.00rem));
    grid-gap: var(--space-2xl);
    gap: var(--space-2xl);
}
  }

.c-site-footer--top a:not(.c-link--button-style__secondary) {
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-brand);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.c-site-footer--top a:not(.c-link--button-style__secondary):hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: #201C40;
    color: var(--color-text);
  }

.c-site-footer--bottom {
  --autogrid-min-size: 100%;
}

.c-site-foooter--bottom-2 {
  display: flex;
  align-items: center;
}

@media (min-width: 990px){

.c-site-foooter--bottom-2 {
    justify-content: flex-end;
}
  }

.c-site-footer--bottom > * {
  display: grid;
}

@media (min-width: 990px) {

.c-site-footer--bottom > * {
    grid-template-columns: 1fr 1fr;
}
  }

.c-site-footer--bottom a {
  font-weight: 500;
}

.c-footer-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 0 max(1.50rem, min(calc(1.39rem + 0.52vw), 1.88rem));
  gap: 0 var(--space-m);
  align-items: center;
}

.c-social p {
  max-width: 36ch;
  font-weight: 300;
}

.c-social ul {
  list-style-type: none;
  padding-left: 0;
}

.c-social img {
  /* display: inline-block; */
}

.c-social a {
  display: flex;
  gap: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  gap: var(--space-2xs);
  padding: max(0.25rem, min(calc(0.23rem + 0.09vw), 0.31rem));
  padding: var(--space-3xs);
  margin-bottom: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  margin-bottom: var(--space-2xs);

}

.menu--wr-footer a,
.menu--footer a{
  font-size: max(1.00rem, min(calc(0.8rem + 0.35vw), 1.25rem));
  font-size: var(--step-0);
  margin-bottom: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  margin-bottom: var(--space-s);
  display: block;
}

.menu--wr-footer a::before, .menu--footer a::before {
    background-image: url("data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2219%22 viewBox%3D%220 0 14 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath id%3D%22Vector%22 d%3D%22M2 17.375L11.75 9.5L2 1.625%22 stroke%3D%22currentColor%22 stroke-width%3D%223%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");

    /* font-size: var(--step-1); */
    content: '';
    width: 2rem;
    display: inline-flex;
    background-size: 100% 100%;
    height: 1rem;
    filter: invert(17%) sepia(98%) saturate(3073%) hue-rotate(312deg) brightness(84%) contrast(117%);
  }

.menu--housekeeping ul {
  display: flex;
  gap: 0 0.2rem;
  flex-wrap: wrap;
}

.menu--housekeeping li + li::before {
    content: '|';
    border: 0;
    transform: none;
    height: auto;
    height: initial;
    width: auto;
    width: initial;
    font-weight: 600;
    margin-right: 0.2rem;
}

.c-site-footer--bottom a:focus {
  outline-offset: 4px !important;
}

.c-site-footer--bottom a:focus {
  outline-color: #FFF;
  outline-color: var(--color-white);
}