.creator-lms-page {
    .creator-lms-course-chapters {
        .creator-lms-single-chapter {
            margin-bottom: 50px;

            &:last-child {
                margin-bottom: 0;
            }

            .chapter-title-wrapper {
                border-bottom: 1px solid #EBECED;
                padding-bottom: 25px;
                margin-bottom: 36px;
            }

            .chapter-title {
                color: var(--creator-lms-heading-color);
                font-size: 24px;
                font-weight: 700;
                line-height: 1.4;
                letter-spacing: 0;
            }

            .chapter-description {
                color: var(--creator-lms-body-text-color);
                font-size: 14px;
                font-weight: 400;
                line-height: 1.6;
                display: block;
                margin: 8px 0 0;
            }
            .creator-lms-wysiwyg-content {
                margin-top: 14px;
                margin-bottom: 10px;
                
                p, li, span, div, a {
                    font-size: 14px;
                    line-height: 1.6;
                }

                p span {
                    font-family: inherit;
                }
            }

            .readmore {
                color: var(--creator-lms-primary-color);
                font-size: 15px;
                font-weight: 500;
                line-height: 1.3;
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding: 0;
                background-color: transparent;
                border: none;
                outline: none;
                text-transform: none;
                min-height: auto;

                svg {
                    width: 12px;
                    height: auto;
                    display: block;
                    position: absolute;
                    right: -21px;
                    top: calc(50% - 2px);
                    transform-origin: center;
                    transition: all 0.3s ease;
                }

                &.active {
                    svg {
                        transform: rotate(-180deg);
                    }
                }

                &:focus {
                    outline: 1px dotted var(--creator-lms-primary-color);
                }
            }
        }

        .creator-lms-chapter-content-list {
            list-style: none;
            padding: 0;
            margin: 0;
            overflow: hidden;
            position: relative;
            transition: all 0.3s ease;

            &.enabled-readmore::before {
                content: "";
                position: absolute;
                bottom: 5px;
                left: 0;
                width: 100%;
                height: var(--el-height);
                background: #f9fafdb8;
                z-index: 1;
            }

            &.active {
                &.enabled-readmore::before {
                    opacity: 0;
                    visibility: hidden;
                }
            }
        }

        .creator-lms-chapter-content-list-item {
            display: flex;
            flex-flow: row wrap;
            gap: 10px;
            align-items: flex-start;
            padding-bottom: 28px;

            .icon {
                position: relative;
                top: 5px;
                line-height: 1;

                svg {
                    display: block;
                }

                path {
                    transition: all 0.3s ease;
                }
            }

            .lesson-title-row {
                display: flex;
                width: calc(100% - 30px);
                line-height: 1;
                justify-content: space-between;
                gap: 10px;

                .lock-icon {
                    display: block;
                    line-height: 1;
                    position: relative;
                    top: 4px;
                }
            }

            a {
                color: var(--creator-lms-heading-color);
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 1.5;
                text-decoration: none;
                outline: none;

                &:hover {
                    color: var(--creator-lms-primary-color);
                }

                &:focus {
                    color: var(--creator-lms-primary-color);
                }
            }

            .lesson-title-locked {
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 1.5;
                width: calc(100% - 30px);
            }

            &.type-text:hover {
                .icon path {
                    fill: var(--creator-lms-primary-color);
                    stroke: var(--creator-lms-primary-color);
                }
            }

            &.type-event:hover,
            &.type-assignment:hover,
            &.type-audio:hover,
            &.type-quiz:hover,
            &.type-video:hover,
            &.type-session:hover {
                .icon path {
                    fill: var(--creator-lms-primary-color);
                }
            }
        }
    }
}

@media screen and (max-width: 1199px) {
    .creator-lms-page .creator-lms-course-chapters .creator-lms-single-chapter .chapter-title {
        font-size: 18px;
        padding-bottom: 16px;
        margin-bottom: 23px;
    }
    .creator-lms-page .creator-lms-course-chapters .creator-lms-chapter-content-list-item a {
        font-size: 15px;
    }
}

@media screen and (max-width: 991px) {
    .creator-lms-page .creator-lms-course-chapters .creator-lms-single-chapter {
        margin-bottom: 30px;
    }
    .creator-lms-page .creator-lms-course-chapters .creator-lms-chapter-content-list-item {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .creator-lms-page .creator-lms-course-chapters .creator-lms-single-chapter .chapter-description {
        font-size: 13px;
    }
}