.c-fiches-wrapper {
}

.c-fiches {
  @include mq(800) {
    margin: column(-0.25, 8) column(-0.25, 8) 0 column(-0.25, 8);
  }
  @include flex(flex-start wrap);

  &.text {
    @include mq(null, 900) {
      @include flex(center wrap);
    }
  }

  h3 {
    margin: 30px column(0.5, 8);
    width: 100%;
  }
}

.c-fiches__title {
  color: palette(dark);
  padding: 30px 0 60px 0;
}

.c-fiches__item {
  display: block;
  flex-basis: 50%;
  max-width: 44.4%;
  flex-grow: 1;
  margin: column(0.125, 9) column(0.25, 9);
  padding: 10px;
  border: solid 1px palette(dark);
  transition: box-shadow 0.1s;
  background-color: white;
  position: relative;
  text-decoration: none;

  &:hover {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.1);
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background: linear-gradient(45deg, transparent 48%, palette(dark) 50%, transparent 52%);
  }
  &:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    border-width: 0 26px 26px 0;
    border-style: solid;
    border-color: transparent palette(secondary, 100);
  }
}

.c-fiches__body {
  color: palette(dark);
  @include flex(flex-start center);
}



.c-fiches__name {
  @include font(mid, 32, 500);
  display: block;
  color: palette(dark);
  margin-left: 20px;
}

.c-fiches__function {
  @include font(small, 32, 400);
  color: palette(text, 400);
}


/// Text fiches

.c-fiches__textitem {
  min-height: 300px;
  flex-basis: 240px;
  max-width: 340px;
  flex-grow: 1;
  margin: column(0.25, 9);

  .c-card__body {
    padding: 50px 30px 0 30px;
    min-height: 115px;
  }

  .c-card__title {
    margin-bottom: 10px;
  }

  .c-card__content {
    color: palette(action);
  }
}

.c-fiches__textbody {
  margin-top: 2em;
  color: palette(dark);
  @include flex(flex-start space-between);
  min-width: 340px;
}


.c-fiches__quotes {
  display: block;
  width: 32px;
  margin-right: 24px;
  flex-shrink: 0;
}