/* Mixins */

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  border-radius: $radius;
}


@mixin gap-col($gap) {
  gap: $gap;
  &.cols-1 {
    .wp-person {
      width: 100%;
    }
  }

  &.cols-2 {
    .wp-person {
      width: calc(50% - $gap + $gap/2);
    }
  }

  &.cols-3 {
    .wp-person {
      width: calc(33.33% - $gap + $gap/3);
    }
  }

  &.cols-4 {
    .wp-person {
      width: calc(25% - $gap + $gap/4);
    }
  }

  &.cols-5 {
    .wp-person {
      width: calc(20% - $gap + $gap/5);
    }
  }

  &.cols-6 {
    .wp-person {
      width: calc(16.66% - $gap + $gap/6);
    }
  }
}