.featured-item {

        position: relative;
}

    .featured-item:before {

        position: absolute;

        left: 0px;

        top: 0px;

        display: block;

        content: " ";
        z-index: 2;
        width: 75%;
        height: 85%;
}

    @media screen and (min-width: 980px) {
        .featured-item:before {
            width: 40%;
        }
    }

    .featured-item .featured-item-inner {

        position: relative;

        display: flex;

        width: 100%;

        flex-direction: column;

        z-index: 10;
        padding-top: 40px;
}

    .featured-item .featured-item-inner .featured-item-content {

        display: flex;

        width: 100%;

        padding-bottom: 0px;

            z-index: 10;
            padding-right: var(--wp--preset--spacing--x-small);
            padding-left: var(--wp--preset--spacing--x-small);
            max-width: var(--wp--style--global--wide-size);
}

    .featured-item .featured-item-inner .featured-item-content .featured-item-content__inner {
                background: #fff;
                padding: 20px 30px 30px 30px;
            }

    .featured-item .featured-item-inner .featured-item-content .featured-item-content__inner .wp-block-heading {
                    text-transform: none;
                    margin-bottom: 20px;
                }

    .featured-item .featured-item-inner .featured-item-media {

        position: relative;

        display: flex;

        width: 100%;

        justify-content: flex-end;

            padding-left: 20px;
}

    .featured-item .featured-item-inner .featured-item-media:before {

        position: absolute;

        display: block;

        height: 100%;

        width: 100%;

        background-color: var(--wp--preset--color--white);

                content: "";
                z-index: 3;
                top: -13%;
                left: 0;
}

    .featured-item .featured-item-inner .featured-item-media .featured-item-media__inner {

        display: flex;

        width: 100%;

        justify-content: flex-end;

                z-index: 10;
                padding-left: 30px;
                margin-bottom: 40px;
}

    .featured-item .featured-item-inner .featured-item-media .featured-item-media__inner video,
                .featured-item .featured-item-inner .featured-item-media .featured-item-media__inner img {
                    display: block;
                    width: 100%;
                    max-width: 540px;
                    height: auto;
                    outline: none;
                }

    @media (min-width: 768px) {
                .featured-item .featured-item-inner .featured-item-content .featured-item-content__inner {
                    width: 80%;
                }
                .featured-item .featured-item-inner .featured-item-media:before {
                    top: 0;
                }

                .featured-item .featured-item-inner .featured-item-media .featured-item-media__inner {

                justify-content: center;

                    width: 100%;
                    padding: 0;
        }
        }

    @media screen and (min-width: 980px) {

    .featured-item .featured-item-inner {
            flex-direction: row
    }

            .featured-item .featured-item-inner .featured-item-content {

                max-width: 100%;

                align-items: flex-end;

                padding-left: 0px;

                padding-right: 0px;

                width: 55%;
                padding-bottom: 40px;
        }

                .featured-item .featured-item-inner .featured-item-content .featured-item-content__inner {
                    width: 90%;
                    padding: 50px 40px 60px;
                }

                    .featured-item .featured-item-inner .featured-item-content .featured-item-content__inner .wp-block-heading {
                        margin-bottom: 38px;
                    }

            .featured-item .featured-item-inner .featured-item-media {
                width: 45%;
            }

                .featured-item .featured-item-inner .featured-item-media:before {
                    display: none;
                }

                .featured-item .featured-item-inner .featured-item-media .featured-item-media__inner {

                justify-content: flex-end;

                    width: 100%;
        }
        }