.wp-block-cover {
    /* Half-bleed */
    &.is-style-half-bleed-left {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: 0;
            right: unset;
            width: 50%;
        }
    }

    &.is-style-half-bleed-right {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: unset;
            right: 0;
            width: 50%;
        }
    }

    &.is-style-two-thirds-bleed-left {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: 0;
            right: unset;
            width: calc(66.6666% - 40px);
        }
    }

    &.is-style-two-thirds-bleed-right {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: unset;
            right: 0;
            width: calc(66.6666% - 40px);
        }
    }

    /* One-third-bleed */
    &.is-style-one-third-bleed-left {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: 0;
            right: unset;
            width: 33.3333%;
        }
    }

    &.is-style-one-third-bleed-right {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: unset;
            right: 0;
            width: 33.3333%;
        }
    }

    /* One-third-bleed with Arrow */
    &.is-style-one-third-bleed-left-arrow,
    &.is-style-one-third-bleed-right-arrow {
        position: relative;
        overflow: visible;

        .wp-block-column {
            &[style*="flex-basis:13px"] {
                figure {
                    display: flex;
                    align-items: flex-start;
                }
            }
        }
        &:after {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="39" height="39" viewBox="0 0 39 39"><g transform="translate(0 39) rotate(-90)"><g transform="translate(1028.506 3399) rotate(180)"><rect width="39" height="39" transform="translate(989.506 3360)" fill="%23d30"/><path d="M.254,14.646a.816.816,0,0,1,0-1.185L6.49,7.446.254,1.43a.816.816,0,0,1,0-1.185.891.891,0,0,1,1.228,0L8.236,6.76a.818.818,0,0,1,.249.685.819.819,0,0,1-.249.685L1.483,14.646a.892.892,0,0,1-1.228,0Z" transform="translate(1006.008 3372.055)" fill="%23fff"/></g></g></svg>');
            width: 39px;
            height: 39px;
            position: absolute;
            bottom: -19.5px;
            left: 50%;
            min-height: 1px;
        }
    }

    &.is-style-one-third-bleed-left-arrow {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: 0;
            right: unset;
            width: 33.3333%;
        }
    }

    &.is-style-one-third-bleed-right-arrow {
        .wp-block-cover__background,
        .wp-block-cover__image-background {
            left: unset;
            right: 0;
            width: 33.3333%;
        }
    }
}

/* Responsive */
@media screen and (max-width: 781px) {
    .wp-block-cover {
        &[style*="padding-top:var(--wp--preset--spacing--large-110)"] {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        &.is-style-half-bleed-left,
        &.is-style-half-bleed-right {
            padding-top: 350px;
            padding-left: 0;
            padding-right: 0;

            .wp-block-cover__background,
            .wp-block-cover__image-background {
                width: 100%;
                height: 350px;
                top: 0;
                left: 0;
            }

            .wp-block-columns {
                .wp-block-column {
                    .wp-block-group {
                        &.has-global-padding {
                            padding-top: var(--wp--preset--spacing--medium-40) !important;
                            padding-bottom: var(--wp--preset--spacing--medium-40) !important;
                            padding-left: 0 !important;
                            padding-right: 0 !important;
                        }
                    }
                }
            }
        }

        &.is-style-two-thirds-bleed-left,
        &.is-style-two-thirds-bleed-right,
        &.is-style-one-third-bleed-left,
        &.is-style-one-third-bleed-right {
            min-height: 650px !important;
            padding-left: 0;
            padding-right: 0;
        }

        &.is-style-one-third-bleed-left,
        &.is-style-one-third-bleed-right {
            .wp-block-cover__background,
            .wp-block-cover__image-background {
                width: 100%;
                top: 0;
                left: 0;
            }

            .wp-block-columns {
                .wp-block-column {
                    .wp-block-group {
                        &.has-global-padding {
                            padding-top: var(--wp--preset--spacing--medium-40) !important;
                            padding-bottom: var(--wp--preset--spacing--medium-40) !important;
                            padding-left: 0 !important;
                            padding-right: 0 !important;
                        }
                    }
                }
            }
        }

        &.is-style-one-third-bleed-left-arrow,
        &.is-style-one-third-bleed-right-arrow {
            padding-top: 350px;

            .wp-block-cover__background,
            .wp-block-cover__image-background {
                width: 100%;
                height: 350px;
                top: 0;
                left: 0;
            }

            .wp-block-columns {
                .wp-block-column {
                    .wp-block-group {
                        &.has-global-padding {
                            padding-top: var(--wp--preset--spacing--medium-40) !important;
                            padding-bottom: var(--wp--preset--spacing--medium-40) !important;
                            padding-left: 0 !important;
                            padding-right: 0 !important;
                        }
                    }
                }
            }
        }   

        &.has-custom-content-position.is-position-bottom-center {
            .wp-block-columns {
                &[style*="padding-left:var(--wp--preset--spacing--large-182)"] {
                    padding-top: var(--wp--preset--spacing--large-80) !important;
                    padding-bottom: var(--wp--preset--spacing--medium-40) !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                }
            }
        }

        .wp-block-columns {
            &[style*="padding-left:var(--wp--preset--spacing--large-140)"] {
                padding-left: var(--wp--preset--spacing--medium-40) !important;
            }
            &[style*="padding-right:var(--wp--preset--spacing--large-140)"] {
                padding-right: var(--wp--preset--spacing--medium-40) !important;
            }
        }

        .wp-block-group {
            &[style*="padding-left:var(--wp--preset--spacing--large-110)"],
            &[style*="padding-right:var(--wp--preset--spacing--large-110)"] {
                padding-bottom: var(--wp--preset--spacing--medium-40) !important;
                padding-top: var(--wp--preset--spacing--medium-40) !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
        }
    }

    .is-layout-constrained {
        .wp-block-cover {
            &.is-style-two-thirds-bleed-left,
            &.is-style-two-thirds-bleed-right {
                min-height: 450px !important;

                .wp-block-cover__background,
                .wp-block-cover__image-background {
                    width: 100%;
                    top: 0;
                    left: 0;
                }

                .wp-block-columns {
                    .wp-block-column {
                        .wp-block-group {
                            &.has-global-padding {
                                padding-top: var(--wp--preset--spacing--medium-40) !important;
                                padding-bottom: var(--wp--preset--spacing--medium-40) !important;
                                padding-left: 0 !important;
                                padding-right: 0 !important;
                            }
                        }
                    }
                }
            }
        }
    }
}

@media screen and (min-width: 2000px) {
    .wp-block-cover {
        &.is-style-one-third-bleed-left-arrow,
        &.is-style-one-third-bleed-right-arrow {

            .wp-block-cover__background,
            .wp-block-cover__image-background {
                width: 40%;
            }
        } 
    }
}