/* sourcepath_origin: style/post-lessons/lessons-repeater.css */

.repeater-files {
  .container-repeater {
    .jet-listing-dynamic-repeater__items {
      flex-wrap: wrap;
    }

    .title {
      flex: 0 0 100%;

      font-family: "Roboto", Sans-serif;
      font-size: 1.5rem;
      color: rgb(239, 65, 48);

      padding-top: 1rem;
      padding-bottom: 0.5rem;
      padding-left: 0.75rem;

      font-family: "Roboto", Sans-serif;
    }

    .item {
      flex: 1 1 200px;
      min-width: 200px;

      font-family: "Roboto", Sans-serif;
      font-size: 0.9rem;
      font-weight: 400;
      color: #28306a;
    }

    .item.files,
    .item.documents {
      border: #28306a 1px solid;
      border-radius: 2rem;

      margin: 10px 10px;
      padding: 6px 20px;
    }

    .item.links {
      border: none !important;
      border-radius: 2rem;

      margin: 4px 4px;
      padding: 4px 20px;
    }

    .item.links:hover {
      text-decoration: underline;
    }

    .item.links:hover::before {
      text-decoration: underline;
    }

    i {
      font-size: 1.05rem;
      padding-right: 0.65rem;
    }
  }
}

.lesson-grid {
  .icon {
    display: none;
  }
}

.course-group--user_group_a .lesson-grid.date-group_a--past,
.course-group--user_group_b .lesson-grid.date-group_b--past,
.course-group--user_group_c .lesson-grid.date-group_c--past {
  .icon-past {
    display: inherit !important;
  }
}

.course-group--user_group_a .lesson-grid.date-group_a--active,
.course-group--user_group_b .lesson-grid.date-group_b--active,
.course-group--user_group_c .lesson-grid.date-group_c--active {
  .icon-active {
    display: inherit !important;
  }
}

.course-group--user_group_a .lesson-grid.date-group_a--future,
.course-group--user_group_b .lesson-grid.date-group_b--future,
.course-group--user_group_c .lesson-grid.date-group_c--future {
  .icon-future {
    display: inherit !important;
  }
}

/* ------------------------------ Repeater Tile ----------------------------- */

.ressources.repeater.title.presentation::before {
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 1.75rem;

  position: relative;
  top: 4px;

  background-image: url(../../images/lesson_icon_presentation.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.35rem;
}

.ressources.repeater.title.document::before {
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 1.75rem;

  position: relative;
  top: 4px;

  background-image: url(../../images/lesson_icon_document.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.35rem;
}

.ressources.repeater.title.link::before {
  content: " ";
  display: inline-block;
  width: 2rem;
  height: 1.75rem;

  position: relative;
  top: 4px;

  background-image: url(../../images/lesson_icon_url.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.35rem;
}