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

@function tint($color, $percentage) {
  @return mix(white, $color, $percentage);
}

.FooterColumns-row-CSMFx {
  @include row;
  @include maxMedia(large) {
    margin: 0;
  }
}

.FooterColumns-column-2m1Tk {
  position: relative;
  width: 100%;
  @include media(large) {
    width: calc(25% - #{map-get($gutters, large) / 2});
    padding-top: map-get($gutters, large) * 2;
    padding-bottom: map-get($gutters, large) * 2;
    padding-left: map-get($gutters, large) / 2;
    & + & {
      width: 25%;
      padding-left: map-get($gutters, large);
    }
  }
}

.FooterColumns-desktopContainer-PvJSJ {
  @include media(large) {
    @include container;
  }
}