.color-scheme-inverse {
    .rich-text {
        .rich-text__text {
            color: white;

            h1, h2, h3, h4, h5, h6, p, ol, ul, li {
                color: white;
            }
        }
    }
}

.rich-text-section.section--seo-text {
    .rich-text {
        .rich-text__text {
            .seo-text {
                max-width: 80rem;
                margin: 0 auto;
                
                h1, h2, h3, h4, h5, h6 {
                    margin-bottom: 2.4rem !important;
                    font-weight: 500 !important;
                    font-size: var(--font-h2-size) !important;
                }

                h3 {
                    font-size: 3.2rem !important;
                    line-height: 120% !important;
                }

                h4 {
                    font-size: 2.4rem !important;
                    line-height: 120% !important;
                }

                p {
                    margin-top: 0;
                    margin-bottom: 2rem;
                    line-height: 160%;
                    font-size: 1.4rem;
                    color: rgba(255, 255, 255, 0.7);

                    + h3,h4,h5,h6 {
                        margin-top: 3.2rem;
                    }
                }

                a {
                    text-decoration: underline;
                }

                ul,
                ol {
                    margin: 0 0 4rem 2.4rem;
                }

                ul li,
                ol li {
                    line-height: 160%;
                    font-size: 1.4rem;
                    color: rgba(255, 255, 255, 0.7);
                }

                ul li {
                    list-style-type: disc;
                }

                ol li {
                    list-style-type: decimal;
                }

                .btn--secondary {
                    background: white;
                    color: black;
                }

                .btn--secondary:hover {
                    background: black;
                    color: white;
                }

                .btn--secondary:hover:before {
                    background: #333333;
                    color: white;
                }

                .btn--secondary:hover:after {
                    background: black;
                    color: white;
                }

                @media (max-width: 767px) {
                    h2 {
                        font-size: 2.8rem !important;
                    }

                    h3 {
                        font-size: 2.4rem !important;
                    }
                }
            }
        }
    }
}