@import "settings.breakpoints";
@import "settings.colors";

@import "mixins/settings.fonts";
@import "mixins/tools.functions";
@import "mixins/components.fundata-reports";

.c-fundata-reports {
  padding: rem(10);
  border: 1px solid $color-stone-200;
  background-color: $color-white;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.c-fundata-reports__heading,
.c-fundata-reports__info,
.c-fundata-reports__report,
.c-fundata-reports__logo {
  margin-top: 0;
  color: $color-grey-900;
  font-size: rem(14);
  flex-basis: 100%;
  flex-shrink: 0;
}
.c-fundata-reports__heading {
  margin-bottom: rem(7);
  @include font-gm-sans-bold;
  line-height: 1;
  letter-spacing: rem(1);
  text-transform: uppercase;
}
.c-fundata-reports__info {
  margin-bottom: rem(20);
  line-height: line-height(14, 17);
  letter-spacing: rem(0.5);
}
.c-fundata-reports__info,
.c-fundata-reports__report-label {
  @include font-gm-sans;
}
.c-fundata-reports__report-label {
  margin-top: 0;
  margin-bottom: rem(8);
  color: $color-grey-660;
  font-size: rem(12);
  line-height: 1;
  letter-spacing: rem(1);
  text-transform: uppercase;
}
.c-fundata-reports__report {
  margin-bottom: rem(10);
  .c-button {
    width: 100%;
  }
}
.c-fundata-reports__logo {
  padding: rem(5) rem(2);
  text-align: right;
  .c-image {
    max-width: rem(111);
    display: inline-block;
  }
}
