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

/* -------------------------------- VARIABLES ------------------------------- */
:root {
  /* Past */
  --lesson-grid-color-past-bg: #6ec1e4;
  --lesson-grid-color-past-icon: #6ec1e4;
  --lesson-grid-color-past-txt: #6ec1e4;

  /* active */
  --lesson-grid-color-active: #000;

  /* Lock */
  --lesson-grid-color-lock: #7a7a7a;
}

.lesson-grid {
  border-width: 1px;
  border-style: solid;

  .txt-description {
    height: 4rem;
    background-color: gray;
  }

  .txt-tile {
    height: 4.5rem;
  }

  .txt-date {
    height: 6rem;
  }
}

/* ---------------------------------- PAST ---------------------------------- */

.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,

.admin_view_group_a .lesson-grid.date-group_a--past,
.admin_view_group_b .lesson-grid.date-group_b--past,
.admin_view_group_c .lesson-grid.date-group_c--past

{
  border-color: var(--lesson-grid-color-past-bg);
  
  .txt-description {
    background-color: var(--lesson-grid-color-past-bg);
  }

  /* Button */
  .elementor-button {
    background-color: #6ec1e4 !important;
    color: #28306a !important;
  }
}

/* --------------------------------- active --------------------------------- */

.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,

.admin_view_group_a .lesson-grid.date-group_a--active,
.admin_view_group_b .lesson-grid.date-group_b--active,
.admin_view_group_c .lesson-grid.date-group_c--active
{
  border-color: var(--lesson-grid-color-active);
  background-color: var( --e-global-color-5d3d9355 );
  .txt-description {
    background-color: var(--lesson-grid-color-active);
  }

  .elementor-heading-title,
  .txt-date .date {
    color: #ffffff;
  }
  
  /* Button */
  .elementor-button {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
}

/* --------------------------------- LOCKED --------------------------------- */

.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,

.admin_view_group_a .lesson-grid.date-group_a--future,
.admin_view_group_b .lesson-grid.date-group_b--future,
.admin_view_group_c .lesson-grid.date-group_c--future
{
  border-color: var(--lesson-grid-color-lock);

  .elementor-heading-title {
    color: var(--lesson-grid-color-lock) !important;
  }
}

.container-document-lock {
    display: none !important;
}

.course-group--user_group_a .date-group_a--future {
    display: inherit !important;
}

.course-group--user_group_b .date-group_b--future {
    display: inherit !important;
}

.course-group--user_group_c .date-group_c--future {
    display: inherit !important;
}

/* --------------------------------- ARCHIVE -------------------------------- */

.course-group--user_group_archive .lesson-grid {
  border-color: var(--lesson-grid-color-past-bg) !important;

  .txt-description {
    background-color: var(--lesson-grid-color-past-bg) !important;
  }

  /* Button */
  .elementor-button {
    background-color: #6ec1e4 !important;
    color: #28306a !important;
  }
}