@import "../../../../assets/scss/abstracts/variables";
@import "../../../../assets/scss/abstracts/mixins";

.rdg-blocks .rdg-simple-post-list {
    .container.content {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .column {
            padding: 15px;
            border-radius: 0.8rem;
            background-color: $color-white;
            width: 25rem;
            height: 535.38px;

            @media (max-width: 450px) {
                width: 18.75rem;
                min-width: initial;
                height: auto;
            }

            @media (max-width: 860px) {
                height: auto;
            }

            .post-img {
                max-width: 380px;

                img {
                    border-radius: 0.8rem;
                }
            }

            .title {
                text-align: justify;
                color: $color-primary-dark-light;
                font-weight: 500;
                font-size: 25px;
                padding-top: 20px;
            }

            .description {
                padding: 24px 0;
                text-align: justify;
                font-size: 18px;
                font-weight: 500;

                @media (max-width: 860px) {
                    padding: 20px 0;
                }
            }

            .read-more {

                @media (max-width: 860px) {
                    padding-bottom: 10px;
                }
                a {
                    font-weight: bold;
                    color: $color-primary-dark-light;
                    text-decoration: none;
                    border-bottom: 1px solid $color-primary-dark-light;
                    font-size: 18px;
                }
            }
        }
    }
}
