@import "../scss/variables.scss";
.sports-left-section {
    .sports-content-img {
        max-width: 36%;
        @media (max-width: 991px) {
            max-width: 100%;
        }
    }
    .sports-img {
        box-shadow: $box-shadow;
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
        @media (max-width: 991px) {
            height: 300px;
        }
    }
    .sports-img:before {
        position: absolute;
        content: "";
        display: block;
    }
    .sports-img img {
        bottom: 0;
        height: auto;
        left: 0;
        margin: auto;
        max-height: 100%;
        max-width: 100%;
        overflow: hidden;
        right: 0;
        top: 0;
        width: auto;
    }
    .text {
        p {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            overflow: hidden;
            -webkit-box-orient: vertical;
        }
    }
    .pagination {
        .page-item {
            .page-link {
                color: $gray;
                padding: 6px 15px;
                margin: 4px;
                border: 0;
                box-shadow: none;
                &:hover,
                &:focus {
                    color: $white;
                    background-color: $primary;
                }
            }
            .active {
                color: $white;
                background-color: $primary;
            }
        }
    }
    
    h1 {
        font-size: 24px;
        line-height: 34px;
        font-weight: 700;

        @media (max-width: 767px) {
            font-size: 20px;
            line-height: 30px;
        }
    }
    
    h2 {
        font-size: 28px;
        line-height: 28px;
    }

    h3 {
        font-size: 18px;
        line-height: 28px;
    }
}
.trending-post,
.popular-news-post {
    .card {
        .card-top {
            @media (max-width: 1199px) {
                max-width: 26.5%;
            }
            @media (max-width: 991px) {
                max-width: 100%;
            }
        }
    }
}
