Edit

Editing: _forum.scss

.forum-hero-section {
    padding-bottom: 144px;
    padding-top: 144px;

.search-input {
        border-radius: 38px;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.03);
    }

.forum-hero-section__container {
        position: relative;
        z-index: 2;
    }

.forum-hero-section__image {
        height: 100%;
        width: 60%;
        max-width: 1098px;
        position: absolute;
        right: 0;
        bottom: 0;

.rtl & {
            right: auto;
            left: 0;
        }
    }

@media (max-width: $screen-sm-max) {
        padding-bottom: 25px;
        padding-top: 25px;

.forum-hero-section__image {
            position: relative;
            width: 100%;
            max-width: 100%;
            height: auto;
            margin-top: 25px;
        }
    }
}

.forum-stat-section {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

.forum-stat-section {

.forum-stat-icon {
        width: 98px;
        min-width: 98px;
        height: 96px;
        min-height: 96px;
        object-fit: contain;
    }
}

.forums-featured-section {
    position: relative;
    padding-bottom: 100px;

.forums-featured-card {
        position: relative;
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
        z-index: 2;
    }

.forums-featured-card-icon {
        width: 85px;
        min-width: 85px;
        height: 85px;
        min-height: 85px;
    }

.forums-featured-card-users-avatar {

.user-avatar-card, .topics-count {
            width: 32px;
            min-width: 32px;
            height: 32px;
            margin-left: -8px;
            border: solid 2px #fff;
        }

.user-avatar-card:first-child {
            margin-left: 0;
        }

.topics-count {
            background-color: #ffffff;
            border-color: var(--gray200);
        }
    }

.forums-featured-bg-box {
        background-image: url("/assets/default/img/forum/featured_section.svg");
        position: absolute;
        left: -14%;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: 1;
    }
}

.forums-categories-card {

.forums-categories-card__title {
        position: relative;

&:before {
            content: "";
            width: 4px;
            height: 100%;
            position: absolute;
            left: -15px;
            top: 0;
            background-color: var(--primary);
        }
    }

.forums-categories-card__icon {
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

.forums-categories-card__last-post {
        .user-avatar {
            width: 39px;
            min-width: 39px;
            height: 39px;
        }
    }
}

.forum-recommended-topics-section {
    position: relative;
    margin-top: 90px;
    padding-bottom: 150px;

.forum-recommended-topics__card {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
        z-index: 3;

.forum-recommended-topics__icon {
            width: 44px;
            min-width: 44px;
            height: 44px;
        }
    }

.forum-recommended-topics__lists {
        a {
            margin-left: -4px;
        }
    }

@media (max-width: $screen-sm-max) {
        margin-top: 45px;
    }

.forums-recommended-topics-bg-box {
        background-image: url("/assets/default/img/forum/recommended-topics.svg");
        position: absolute;
        right: -10%;
        bottom: 50px;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right;
        z-index: 1;
    }
}

.forum-question-section {

.forum-question-section__img {
        margin-top: -93px;
    }
}

.rtl {
    .forum-recommended-topics__lists {
        a {
            margin-left: 0;
            margin-right: -4px;
        }
    }
}

.input-search-topic, .btn-search-topic, .btn-create-topic {
    height: 54px !important;
}

Back