/**

    Values Block Pattern

*/

.values {
    div.wp-block-columns {
        @media only screen and (max-width: 960px) {
            flex-direction: column;

            div.wp-block-column:not(:first-child) {
                margin-left: 0;
            }
        }
    }
    div.wp-block-column {
        display: flex;
        flex-direction: column;
        height: auto;

        div.wp-block-media-text {
            padding: 8rem 0 16rem;

            @media only screen and (max-width: 960px) {
                padding: 4rem 0 4rem;
            }

            @media only screen and (max-width: 1200px) {
                display: flex;
                flex-direction: column;
            }

            .wp-block-media-text__media {
                border-radius: 0;

                img {
                    width: 60%;
                    object-fit: contain;
                    
                }

                @media only screen and (max-width: 960px) {
                    align-self: flex-start;
                    max-width: 12rem;
                    width: 100%;
                }

                @media only screen and (max-width: 1200px) {
                    margin-bottom: 2.4rem;
                }

            }

            .wp-block-media-text__content {
                padding: 0;

                @media only screen and (min-width: 960px) {
                    padding: 0 6rem 0 0;
                }
            }
        }

        .wp-block-separator {
            width: 100%;
            margin-top: auto;
            margin-bottom: 0;

            @media only screen and (max-width: 960px) {
                display: none;
            }
        }
    }
}

.editor-styles-wrapper .values {
    div.wp-block-column {
        display: block;
    }

    .wp-block.rich-text {
        margin: 1rem 2.5%;
    }
}