/* Start of Video Lessons Navigation */

.e-learning .section-subheader { /* Admin only */
    background-color: var(--nemtilmeld-colors-teal-500);
    padding:10px 25px;
}

.e-learning .section-subheader h2 { /* Admin only */
    color:white;
    font-weight:400;
}

.videoguides {
    margin-top: 25px;
    border:0px;
    padding-top:1px;
}

.videoguides .collapse {
    display: none;
}

.videoguides .course .course-title {
    border: 1px solid #C75C41;
    border-radius: 8px;
    margin-top:-1px;
}

.videoguides .course .active .course-title {
    color:white;
    background-color:#C75C41;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.videoguides .course .course-title span[class^=icon-] {
    font-size: 16px;
    font-size: 1.6rem;
}

.videoguides .course .active .course-title .icon-down {
    display:none !important;
}

.videoguides .course .active .course-title .icon-up {
    display:inline !important;
}

.videoguides .course .course-title .icon-down {
    display:inline !important;
}

.videoguides .course .course-title .icon-up {
    display:none !important;
}

.videoguides .course a {
    text-decoration: none;
}

.videoguides .course a p{
    margin: 0px 10px;
    font-size:16px;
    font-size:1.6rem;
}
.videoguides .course a {
    position: relative;
}
.videoguides .course-title {
    padding: 10px 0;
}

.videoguides .lesson .lesson-title {
    padding: 10px 30px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
}

.videoguides .lesson .lesson-title.active-lesson {
    font-weight: bold;
}

.videoguides .lesson svg {
    float:left;
    position: relative;
    right: -10px;
    top: 10px;
    width: 25px;
    height: 20px;
}
.videoguides .active-lesson svg path{
    stroke:none;
    fill:#C75C41
}

/* End of Video Lessons Navigation */

/* Start of Video Lesson Presentation */

#e-learning-lesson p a {
    text-decoration:none;
}

.course-lesson-header {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
    color: #C75C41;
}

.course-lesson-description {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 25px;
    color: #C75C41;
}

.course-lesson-video-duration {
    margin-top:20px;
    width:80px;
    float:right;
    text-align:center;
    font-size:14px;
    font-size:1.4rem;
    margin-right:10px;
}

.course-lesson-video-duration .teal-box {
    width:100%;
    background-color: var(--nemtilmeld-colors-teal-500);
    padding: 5px;
    border-radius:3px;
    height:auto;
}

.course-lesson-video-duration .teal-box .duration {
    color: white;
}

.course-lesson-video-duration .label {
    color: #6BAFA6;
}

.next-video {
    margin-top:20px;
    width:100px;
    float:right;
    text-align:center;
    font-size:14px;
    font-size:1.4rem;
}

.next-video .red-box {
    width:100%;
    background-color: #C75C41;
    padding: 5px;
    border-radius:3px;
    height:auto;
}

.next-video .red-box .video-link{
    color: white;
}

/* End of Video Lesson Presentation */