@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.xdget-trainingAchievements {
  display: none;
}

.page-header h1 {
  color: var(--akcent1);
  font-family: var(--font-family);
}

a {
  color: var(--akcent2);
}

.lesson-list {
    background: none!important;
    padding-top: 0; 
}

.lesson-list li:nth-child(odd) a{
   background: url('https://fs20.getcourse.ru/fileservice/file/download/a/817644/sc/143/h/cf32310c3c2363e4bd03d7f71978c6a9.png')no-repeat bottom!important;
  background-size: cover!important;
  border-radius: var(--border)!important;
  border: 1px solid var(--osn);
   }
.lesson-list li:nth-child(even) a{
   background: url('https://fs20.getcourse.ru/fileservice/file/download/a/817644/sc/164/h/cdb6c03f13e023a240f97a3c32aa1519.png')no-repeat bottom!important;
  background-size: cover!important;
  border-radius: var(--border)!important;
  border: 1px solid var(--osn);
   }

.lesson-list li .item-a,
.lesson-list li .info,
.lesson-list tr {
   min-height: 140px;
   position: relative;
      }

.lesson-list li:not(.divider)  {
   border-radius: 15px; 
   border: 1px solid var(--akcent1);
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}
.lesson-list li .info {
    margin-left: 0;
    background: transparent!important;
}


/* Отключаем иконку справа */
.lesson-list li .state-icon-block {
    display: none;
 }

.lesson-list .info tr {
    display: flex;
    height: 100%;
   }

.errorMessage {
  color: var(--akcent1);
  font-weight: 400;
  padding: 26px 0;
  font-size: 16px;
   }

.lesson-list li table td {
    display: flex;
    /* vertical-align: middle; */
    min-height: 78px;
    align-content: center;
    flex-wrap: wrap;
}

/* Задаем стили тексту */
/*описание урока*/
.lesson-list .description {
 /* display:none;*/
   font-family: "Montserrat", sans-serif; 
   margin-left: 110px; 
   margin-top: 10px;
   font-size: 16px;
    width: 80%;
   color:var(--akcent1);
  text-transform: uppercase;  
}

/*название урока*/
.lesson-list .item-main-td .link.title {
 /*  font-family: var(--font-family);
  margin-top: 25px;*/
  font-family: "Montserrat", sans-serif;
  margin-left: 110px;
  font-size: 22px;
  text-decoration: none;
  font-weight: 700;
  color: #ffffff;
  background:var(--akcent1);
  border-radius: 12px;
  text-transform: uppercase;
  padding: 15px 50px;
}

/* Убираем стандартные надписи недоступности и стоп уроков */
.lesson-list .user-state-label {
    display: none !important;
}

/************************************/
/* Делаем новые статусы урокам и присваиваем стили */
.lesson-list .link.title {
    position: relative;
}
.lesson-list .link.title:after {
    font-family: 'FontAwesome', var(--font-family);
    font-size: 12px;
    white-space: nowrap;
    position: absolute;
    top: 70px;
    left: 0px;
}


/*недоступный урок-фон и замочек*/
.lesson-list li.user-state-not_reached .info{
   background: #af9e6f60!important;
}

.lesson-list li.user-state-not_reached .info:after {
 content:url("https://fs17.getcourse.ru/fileservice/file/download/a/817644/sc/287/h/2f4f6920cb8bec902cee782c36c033be.png");
  position: absolute;
  top: 20px;
  right: 20px;
  }

.lesson-list li.user-state-not_reached .link {
    color: var(--fon2);
    cursor: default;
}

/*убираем обводку при ховере у недоступных уроков*/
.lesson-list li.user-state-not_reached {
   border: none;
}

/*есть задание*/
.lesson-list li.user-state-has_mission a,
.lesson-list li.user-state-need_accomplish a{
  font-size: 0;
   }

/** принято задание **/
.lesson-list .user-state-label {
   margin-left: 20px;
  margin-top: 20px;
  margin-bottom: -10px;
  }

/* Делаем новые статусы урокам и ставим картинки статусов */

/** Доступен, есть задание, задание важное, недоступный **/
 
.lesson-list li.user-state-reached,
.lesson-list li.user-state-has_mission,
.lesson-list li.user-state-need_accomplish,
.lesson-list li.user-state-not_reached{
  position: relative;
}

.lesson-list li.user-state-reached:after,
.lesson-list li.user-state-has_mission:after,
.lesson-list li.user-state-need_accomplish:after,
.lesson-list li.user-state-not_reached:after{
  content:url("https://fs24.getcourse.ru/fileservice/file/download/a/817644/sc/192/h/a9b7c6e563b83800edf02f2bc610786b.png");
  position: absolute;
  top: 35px; 
  left: 20px;
  height: 70px;  
  border-radius: 9px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
  }

/*задание принято*/
.lesson-list li.user-state-accomplished  {
  position: relative;
}

.lesson-list li.user-state-accomplished:after {
  content:url("https://fs19.getcourse.ru/fileservice/file/download/a/817644/sc/468/h/d3c2fafaa5ecfe030e7426eb1c97a0ee.png");
  position: absolute;
  top: 34px; 
  left: 20px;
  height: 70px;  
  border-radius: 9px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
  }



@media (max-width: 600px) {
.lesson-list .item-main-td .link.title {
        margin-left: 90px;
        font-size: 18px;
        padding: 12px 20px;
}
.lesson-list .description {
    margin-left: 95px;  
    font-size: 14px;
    width: 74%;
}
}

@media (max-width: 429px){
 /*название урока*/
.lesson-list .item-main-td .link.title {
  margin-left: 90px;
  font-size: 16px;
  }
 }

@media (max-width: 391px){
  /*название урока*/
.lesson-list .item-main-td .link.title {
  margin-left: 80px;
  font-size: 14px;
  line-height: 16px;
  }
.lesson-list .link.title:after {
    font-size: 10px;
}
.lesson-list .description {
     margin-left: 82px;
     font-size: 12px;
}    
}

@media (max-width: 361px){
 /*название урока*/
.lesson-list .item-main-td .link.title {
  margin-left: 70px;
  font-size: 12px;
  }
.lesson-list .link.title:after {
    font-size: 10px;
    top: 95px;
    left: -30px;
}
.lesson-list .description {
     margin-left: 70px;
     font-size: 10px;
}  
    
.lesson-list li.user-state-reached:after,
.lesson-list li.user-state-has_mission:after,
.lesson-list li.user-state-need_accomplish:after,
.lesson-list li.user-state-not_reached:after,
.lesson-list li.user-state-accomplished:after {
  left: 10px;  
  } 
  }