.clearfix {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}
.clear-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
.align-center{
  text-align: center;
}
.align-left{
  text-align: left;
}
.align-right{
  text-align: right;
}

%overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@mixin overlay($offset: 0) {
  @extend %overlay;

  @if $offset != 0 {
    bottom: $offset;
    left: $offset;
    right: $offset;
    top: $offset;
  }
}

.sticky {
  position: sticky;
  top: rem-calc(25);
}

.is-paddingless {
  padding: 0;
}
.is-marginless {
  margin: 0;
}