/* Start Lesson Details only styles  */

.course-details-template.lesson-details .dnd-section {
  padding-top: 20px!important;
  padding-bottom: 20px;
}
.course-details-template.lesson-details h1 {
  font-size:1.3rem;
  margin-top: .5rem;
}

.course-nav ul {
  list-style: none;
  padding-left: 0px;
  margin-top:1rem;
}
.course-nav ul li.nav-item {
  display: block;
  color:#1e1e1e;
  position:relative;
}
.course-nav ul li.nav-item a,
.course-nav span.e-lesson__title {
  padding:5px 10px;
  display:block;
  text-decoration: none;
  color:#333
}
.course-nav ul li.nav-item:hover {
  display: block;
  color:#1e1e1e;
  transition: all .25s linear;
  /*transform: translateX(5px);*/
  text-decoration:none;
}
.course-nav ul li.nav-item a:hover {
  transition: all 0.25s linear;
}
.course-nav ul li.nav-item a:hover {
  transform: translateX(5px);
}
.course-nav ul li.nav-item: svg {
  max-width: 1em;
  height:1em;
  vertical-align: middle;
  opacity: .1;
  transition: all .45s linear;
}
.course-nav ul li.nav-item:hover svg {
  max-width: 1em;
  height:1em;
  vertical-align: text-top;
  opacity: 1;
  transition: all .15s linear;

}
.course-nav ul li.nav-item.active {
  background:whitesmoke;
  border-left: solid 2px #cecece;
}
.course-links ul {
  margin-top: 0px;
}
@media (max-width: 767px){
  .course-container {
    padding: 10px;
  }
}
/* End Lesson Only Details */

.course-container {
  max-width: px;
  margin: 40px auto;
}
.course-contents {}
.lesson-content {
    padding-top: 1rem;
}
.course-links  {}

.linky-links {}

.course-overview {
  display:flex;
  justify-content: center;
  align-items:stretch;
  flex-wrap:wrap;
}
.course-overview .lesson-item a {
  text-decoration: none;
  color: #000;
  font-size: .8rem!important;
  line-height: 1rem!important;
  display: inline-block;
}
.course-overview .lesson-item {
  background:#f6861f;
  margin:10px;
  width:23%;
  text-align: center;
  position: relative;
  box-shadow: rgba(0,0,0,.1) 0px 0px 20px -20px;
  transition: all .4s ease !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;

}
.course-overview .lesson-item.no-access {
  opacity:.5;
  background: #ffe7e7;
  border: 2px solid #ff9d9d!important;
  pointer-events: none;
}
.course-nav ul li.nav-item.no-access {
  background: #ffe7e7;
  border-left: 2px solid #ff9d9d!important;
  pointer-events: none;
}
.course-overview .lesson-item.no-access a.lesson-thumb:before {
  content: "No Access";
  position: absolute;
  top: 0;
  right: 0;
  font-size: .6rem;
  padding:5px;
  z-index: 10;
}
.lesson-thumb i {
  font-size: 5rem;
  opacity: .1;
}

.lesson-item .item-contents {
    padding: 10px;
    background: #fff;
  width:100%;
}
.course-overview .lesson-item .lesson-thumb {
  width:100%;
  padding-top:56.56%;
  display: block;
  background-size:cover;
  background-position:center center;
  position: relative;
}
.course-overview .lesson-item .lesson-thumb a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lesson-thumb i.fas.fa-list-alt {
  font-size: 5rem;
  opacity: .1;
}
.course-overview .lesson-item:hover {
  box-shadow: rgba(0,0,0,.3) 0px 0px 20px -5px;
  transition: all .4s ease !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
}
.course-overview .lesson-item:hover a {
  text-decoration: none;
  color: #000;
}
p.warning-text {padding:10px; margin:5px;border: 1px dotted red;color:red}

@media (max-width: 767px){
.course-details-template .content-wrapper {
    margin: 0 auto;
    padding: 0 0px;
}
  .course-details-template header .content-wrapper {
    margin: 0 auto;
    padding: 0 10px;
}
  .course-overview {display:block;}
  .course-overview .lesson-item {
    width:95%;
    display: flex;
    align-items: flex-start;
    position:relative;
    

  }
  .course-overview .lesson-item .lesson-thumb {
    display:none;
  }
  .course-overview .lesson-item.no-access {
    opacity: 1;
    background: #ffe7e7;
    pointer-events: none;
  }
}

/* Side Nav Additions */
.e-lesson__title {
  font-weight: 600;
}
.course-nav .fas {
  color: #A7A7A7;
}
.course-nav ul ul {
  padding-left: 0.5rem; 
}
.course-nav ul ul.b-session {
  margin: 0;
}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/ START QUIZ STYLES -/-/-/-/-/-/-/-/-/-/-/-/-/-/ */

.course-contents {position:relative;}

.quiz-container-outer .question{
  font-size: 30px;
  margin-bottom: 10px;
}
.quiz-container-outer  .answers {
  margin-bottom: 20px;
  text-align: left;
  display: inline-block;
}
.quiz-container-outer .answers label {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all .4s ease !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
}
.quiz-container-outer .answers label:hover {
  display: block;
  margin-bottom: 10px;
  cursor: pointer;
  border-left:2px solid #cecece;
  padding-left:10px;
  transition: all .4s ease !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
}
.quiz-container-outer  button, #results button{
  font-family: 'Work Sans', sans-serif;
  font-size: 22px;
  background-color: rgba(14, 74, 173, 1.0);
  color: #fff;
  border: 0px;
  border-radius: 3px;
  padding: 20px;
  cursor: pointer;
  margin-bottom: 20px;
}
.quiz-container-outer  button:hover, #results button:hover{
  background-color: rgba(0, 34, 133, 1.0);
}





.quiz-container-outer  .slide{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.quiz-container-outer  .active-slide{
  opacity: 1;
  z-index: 2;
}
.quiz-container{
  position: relative;
  height: 300px;
  margin-top: 40px;
}
.hideForm{display:none;}

.quiz-container-outer  .answers input[type="radio"]:checked+label {
  border: 2px solid #cecece;
  background-color: whitesmoke;
  padding: 5px 10px;
  border-radius: 5px;
  -o-transition: all .4s ease !important;
  transition: all .4s ease !important;
  -moz-transition: all .4s ease !important;
  -webkit-transition: all .4s ease !important;
}
.quiz-container-outer  .answers.incorrect input[type="radio"]:checked+label {
  border: 2px solid #f98787;
  background-color: #f7dcdc;
}
.quiz-container-outer  .answers.correct input[type="radio"]:checked+label {
  border: 2px solid #00af05;
  background-color: #b8deb9;
}
.quiz-container-outer .answers.correct,.quiz-container-outer .answers.incorrect {
  pointer-events: none;
}
.answers input[type="radio"] {
  display: none;
}

#results .meter { 
  height: 30px;  /* Can be anything */
  position: relative;
  background: #555;
  border-radius: 8px;
  padding: 10px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
          box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
  width:80%;
  margin:25px auto;
}
#results .meter > span {
  display: block;
  height: 80%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: rgb(43,194,83);
  background-image: -webkit-gradient(
    linear,
    left top, left bottom,
    color-stop(bottom, center),
    color-stop(37%, rgb(43,194,83)),
    color-stop(69%, rgb(84,240,84))
  );
  background-image: -o-linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  -webkit-box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
          box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: absolute;
  top:10%;
  left:0;
  overflow: hidden;

}
div#results {
  text-align: center;
  padding-top: 50px;
}
div#results {
  text-align: center;
  padding-top: 50px;
}
.video-container {
  position: relative;
  padding-top: 56.25%;

}
.video-container iframe{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}