:root {
  /* Footer top background.*/
  --footer-top-bg-75: hsl(var(--footer-top-bg-hue), var(--footer-top-bg-saturation), calc(1% * (var(--footer-top-bg-lightness) - (0.75 * var(--footer-top-bg-lightness)))));
  --footer-top-bg-25: hsl(var(--footer-top-bg-hue), var(--footer-top-bg-saturation), calc(1% * (var(--footer-top-bg-lightness) - (0.25 * var(--footer-top-bg-lightness)))));
  --footer-top-bg: hsl(var(--footer-top-bg-hue), var(--footer-top-bg-saturation), calc(1% * var(--footer-top-bg-lightness)));
  --footer-top-bg-50: hsl(var(--footer-top-bg-hue), var(--footer-top-bg-saturation), calc(1% * (var(--footer-top-bg-lightness) + (0.5 * (100 - var(--footer-top-bg-lightness))))));
  /* Footer bottom background.*/
  --footer-bottom-bg-30: hsl(var(--footer-bottom-bg-hue), var(--footer-bottom-bg-saturation), calc(1% * (var(--footer-bottom-bg-lightness) - (0.36 * var(--footer-bottom-bg-lightness)))));
  --footer-bottom-bg-40: hsl(var(--footer-bottom-bg-hue), var(--footer-bottom-bg-saturation), calc(1% * (var(--footer-bottom-bg-lightness) - (0.24 * var(--footer-bottom-bg-lightness)))));
  --footer-bottom-bg: hsl(var(--footer-bottom-bg-hue), var(--footer-bottom-bg-saturation), calc(1% * var(--footer-bottom-bg-lightness)));
  --footer-bottom-bg-50: hsl(var(--footer-bottom-bg-hue), var(--footer-bottom-bg-saturation), calc(1% * (var(--footer-bottom-bg-lightness) + (0.24 * (100 - var(--footer-bottom-bg-lightness))))));
  /* Spaces.*/
  --footer-top-padding: var(--footer-top-padding-top) var(--footer-top-padding-right) var(--footer-top-padding-bottom) var(--footer-top-padding-left);
  --footer-bottom-padding: var(--footer-bottom-padding-top) var(--footer-bottom-padding-right) var(--footer-bottom-padding-bottom) var(--footer-bottom-padding-left);
  --footer-top-gap: var(--footer-top-gap);
  --footer-bottom-gap: var(--footer-top-gap);
}

.top-footer-section {
  background-color: var(--footer-top-bg);
  padding: var(--footer-top-padding);
  gap: var(--footer-top-gap);
}

.site-footer {
  border-top: 1px solid var(--light-grey);
  color: var(--text-color);
}

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

.site-footer .menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-bottom {
  background-color: var(--footer-bottom-bg);
}

.footer-bottom .region.container {
  padding: var(--footer-bottom-padding);
  gap: var(--footer-top-gap);
}

.region--flex {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 30.25rem) {
  .region--flex.column2 > * {
    flex: 1;
  }
}

@media (min-width: 49rem) {
  .region--flex.column3 > * {
    flex-basis: calc(32.84% - 10px);
  }
}

@media (min-width: 63rem) {
  .region--flex.column3 > * {
    flex: 1;
  }
}

@media (min-width: 49rem) {
  .region--flex.column4 > * {
    flex-basis: calc(50% - 10px);
  }
}

@media (min-width: 76rem) {
  .region--flex.column4 > * {
    flex: 1;
  }
}

.region--grid {
  display: grid;
}

@media (min-width: 49rem) {
  .region--grid.column2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 49rem) {
  .region--grid.column3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 63rem) {
  .region--grid.column3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 49rem) {
  .region--grid.column4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 63rem) {
  .region--grid.column4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.top-footer-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  border-bottom: 1px solid var(--light-grey);
}

.top-footer-section .region--footer-top-first {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
}

.top-footer-section .region {
  flex: 100%;
}

@media (min-width: 49rem) {
  .top-footer-section .region {
    flex-basis: calc(50% - 20px);
  }
}

@media (min-width: 63rem) {
  .top-footer-section .region {
    flex-basis: 5%;
  }
}

.top-footer-section .phone-nr--block {
  display: block;
}

.top-footer-section .phone-nr--block a {
  width: fit-content;
}

[dir="ltr"] .top-footer-section .phone-nr--block a {
  margin-left: auto;
}

[dir="rtl"] .top-footer-section .phone-nr--block a {
  margin-right: auto;
}

@media (min-width: 49rem) and (max-width: 62rem) {
  .top-footer-section .phone-nr--block {
    width: fit-content;
    margin: 0 auto;
  }
}

@media (min-width: 63rem) {
  [dir="ltr"] .top-footer-section .phone-nr--block {
    margin-left: 0;
  }

  [dir="rtl"] .top-footer-section .phone-nr--block {
    margin-right: 0;
  }
}

.bottom-footer-section .region--footer-bottom {
  text-align: center;
}

#block-bottomcontactinfo {
  margin: 0;
}

#block-bottomcontactinfo p {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  color: var(--text-color);
}

#block-bottomcontactinfo p + p {
  margin-top: 4px;
}

#block-copyrights {
  margin: 0;
}

#block-copyrights p {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  margin: 0;
  color: var(--text-color-75);
}

#block-copyrights p + p {
  margin-top: 4px;
}

@media (min-width: 49rem) and (max-width: 62rem) {
  #block-bottomcontactinfo {
    width: fit-content;
    margin: 0 auto;
  }
}

.menu--legacy-menu .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 49rem) {
  .menu--legacy-menu .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.menu--legacy-menu .menu li + li {
  margin-top: 8px;
}

@media (min-width: 49rem) {
  .menu--legacy-menu .menu li + li {
    margin-top: 0;
  }

  [dir="ltr"] .menu--legacy-menu .menu li + li {
    margin-left: 16px;
  }

  [dir="rtl"] .menu--legacy-menu .menu li + li {
    margin-right: 16px;
  }
}

.menu--legacy-menu .menu li a {
  font-weight: 400;
  font-size: 12px;
  text-decoration: unset;
  color: var(--text-color-75);
}

.menu--legacy-menu .menu li a:hover {
  text-decoration: underline;
  color: var(--primary-color);
}

#block-paymentmethods {
  width: fit-content;
  margin: 0;
}

#block-paymentmethods .field--name-field-method-logo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}

#block-azuro-subtheme-madewithlove .field--name-body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-second);
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  color: var(--text-color-75);
}

#block-azuro-subtheme-madewithlove .field--name-body p {
  margin-bottom: 0;
}

/*# sourceMappingURL=footer.css.map*/