body.path-course.theme-fresk.single-section-page {
    #page {
        #topofscroll {
            #page-content {
                background: transparent;
                #region-main {
                    background-color: transparent !important;
                    box-shadow: none !important;
                    .section-item {
                        .course-section-header {
                            .sectionbadges {
                                .badge.rounded-pill.bg-primary.text-white.order-1 {
                                    background-color: $primary !important;
                                }
                            }
                        }
                    }
                    .dashboard-card-deck.cards {
                        width: 100%;
                        display: block !important;
                        .card.dashboard-card {
                            max-width: unset !important;
                            height: auto !important;
                        }
                        .collapse:not(.show) {
                            display: block !important;
                        }
                        .course-section {
                            .course-content-item-content {
                                background: transparent !important;
                                box-shadow: none !important;
                                .activityimage-container {
                                    display: none !important;
                                }
                            }
                        }
                    }
                }
            }
        }
        .section-navigation {
            display: none !important;
        }
    }
}

body#page-course-view-section-fresk.path-course.theme-fresk.single-section-page.format-fresk {
    #page {
        #topofscroll {
            #page-content {
                #region-main {
                    .dashboard-card-deck.cards {
                        .section.course-section {
                            background: white;
                            margin-bottom: 1em;
                            box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
                            border-radius: 8px;
                            padding: 1rem;
                            border-bottom: 0;
                            .course-section-header {
                                .icons-collapse-expand {
                                    .icon-no-margin {
                                        .icon {
                                            color: $primary;
                                        }
                                    }
                                }
                                .sectionname {
                                    font-weight: 600;
                                    font-size: 21px;
                                    color: $graytext !important;
                                }
                                .section-collapsemenu {
                                    font-size: 14px;
                                    color: $secondary;
                                    &:hover {
                                        color: $primary;
                                    }
                                }
                            }
                            .course-content-item-content {
                                padding: 0 20px;
                                .course-description-item {
                                    h1, h2, h3, h4, h5 {
                                        color: $graytext;
                                    }
                                    p {
                                        font-size: 14px;
                                        color: $graytext;
                                    }
                                    img {
                                        max-height: 400px;
                                        width: auto;
                                        display: block;
                                        margin: 0 auto;
                                        border-radius: 15px;
                                    }
                                }
                                .section {
                                    box-shadow: none;
                                    .activity {
                                        padding: 0;
                                        margin-bottom: 1em;
                                        padding-top: map-get($spacers, 1);
                                        margin-top: map-get($spacers, 1);
                                        border-top: 0;
                                        .activity-item {
                                            border: 0;
                                            border-radius: 8px;
                                            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                                            &.activityinline {
                                                padding: 1rem;
                                            }
                                            .activity-basis {
                                                .activitytitle {
                                                    .media-body {
                                                        .text-uppercase {
                                                            font-size: 11px;
                                                            color: #6D6C83;
                                                        }
                                                        .activityname {
                                                            a {
                                                                color: $graytext;
                                                                font-size: 16px;
                                                                font-weight: bold;
                                                                &:hover {
                                                                    color: $primary;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                .activity-badges {
                                                    display: flex;
                                                    button.locked,
                                                    button.section-availability {
                                                        &:hover {
                                                            filter: none !important;
                                                            cursor: pointer;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    &.modtype_label {
                                        .activity-item {
                                            box-shadow: none;
                                        }
                                    }
                                }
                                [data-for="cmlist"] {
                                    li.subsection.modtype_subsection {
                                        .section.course-section {
                                            padding: 0 !important;
                                        }
                                    }
                                }
                            }
                            >.course-section-header {
                                display: none !important;
                            }
                            >.course-content-item-content {
                                .collapse:not(.show) {
                                    display: none !important;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}