body.theme-fresk.pagelayout-frontpage{
    .course-data-item {
        .row {
            margin-right: 0 !important;
            margin-left: 0 !important;
        }
    }
    .coursebox .content .teachers {
        margin: 0;
    }

    .coursebox-content .courseimage {
        min-height: 220px;
        max-height: 220px;
        @media (max-width: 590px) {
            width: 100%;
        }
    }
    .coursebox-content {
        background: #FFFFFF;
        border-radius: 0 8px 8px 0;
        flex-wrap: wrap;
        width: 100%;
        .content-box-header {
            justify-content: space-between !important;
            margin: 10px 10px 0 10px;
        }
        .content-datacourse {
            flex-direction: column;
            .data-summary {
                .summary {
                    max-height: 150px !important;
                    .no-overflow {
                        display: inline-block;
                        overflow: hidden !important;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 4;
                        -webkit-box-orient: vertical;
                    }
                }
            }
        }
        .data-summary {
            flex-direction: column;
        }
        .people-info {
            justify-content: space-between;
        }
    }
    .coursebox .content .courseimage {
        margin: 0;
        img {
            border-radius: .3rem;
            max-width: 100%;
            max-height: 100%;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


    .icon-enroll{
        margin-left: 4px;
    }
    .enrolled-users {
        flex-direction: row-reverse;
        margin: 10px;
        .btn-enrolled-users {
            background: #fff;
            color: #969393;
            border: 1px solid #e9e9e9;
            border-radius: 4px;
            font-weight: 400;
            padding: .25rem .5rem;
            margin-top: 0.3em;
            .icon-enrolled-users{
                margin-right: 2px;
            }
        }
    }
    .course-tag {
        color: #6D6C83;
        background: #F5F5F8;
        border-radius: 10px;
        margin: 5px;
    }
    .contacts-image {
        z-index: 1;
        max-width: 0 !important;
        max-height: 40px;
    }
    .userimage {
        position: relative;
        top: 5px;
        left:10px;
        .ml-n15 {
            margin-left: -15px;
        }
        .mr-n15 {
            margin-right: -10px;
            position: relative;
            left: -12px;
        }
        img {
            border: 1.26px solid #FFFFFF;
            width: 30px;
            height: 30px;
        }
        span {
            border: 1.26px solid #FFFFFF;
        }
    }

    .people-info.limitedwidth{
        .teachers {
            width: 80%;
        }
    }
}