@import "variables.scss";
@import "responsive.scss";
@import "typography.scss";
@import "mixins.scss";
@import "layout.scss";

.FooterSection-wrapper-jViLe {
  position: relative;
  & + & {
    @include media(large) {
      margin-top: map-get($gutters, large) * 2;
    }
  }
}

.FooterSection-titleWrapper-2sUq_ {
  background: currentColor;
  @include media(large) {
    background: transparent;
  }
}

.FooterSection-title-b2RyF {
  @include typography-subtitle-1;
  margin: 0;
  padding: map-get($gutters, small) / 2 0;
  color: $colorWhite;
  @include media(large) {
    padding: 0;
    font-size: 20px;
    font-weight: 700;
  }
}

.FooterSection-content-3EoFu {
  @include typography-body-2;
  padding-bottom: map-get($gutters, small);
  background: currentColor;
  color: $colorWhite;

  @include media(large) {
    padding: 0;
    background: transparent;
  }

  /* stylelint-disable-next-line selector-max-type*/
  a {
    color: $colorWhite;
    text-decoration: none;
  }
}

.FooterSection-row-280Fb {
  @include row;
}

.FooterSection-link-2i5J7,
.FooterSection-item-Yf_jd {
  @include column(
    (
      small: 1 / 2,
      medium: 1 / 2,
      large: 1,
    )
  );
  margin-top: map-get($gutters, small);
  color: $colorWhite;
  @include media(large) {
    font-size: 16px;
  }
}

/* stylelint-disable-next-line selector-max-type*/
.FooterSection-item-Yf_jd img {
  max-width: 200px;
}

.FooterSection-link-2i5J7 {
  @include reset-anchor;
}