.wp-block-ibb-ibb003-media-cta {
    
    &.mode-split {
        .content {
            display: flex;
            justify-content: end;
            .wrap {
                /* padding: 100px 60px; */
                @media (min-width: 768px) {
                    padding: 100px 60px;
                }
                @media (min-width: 1024px) {
                    padding: 170px 60px;
                }
                /* padding-left: 60px; */
            }
        }
        & > .wrap {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 50px;

            @media (min-width: 768px) {
                flex-direction: row;
                align-items: stretch;
                gap: unset;
            }

            & > div {
                @media (min-width: 768px) {
                    width: 50%;
                }
            }
        }
        &.content-right {
            .content {
                display: flex;
                justify-content: start;
            }
            & > .wrap {
                @media (min-width: 768px) {
                    flex-direction: row-reverse;
                }
                .content {
                    @media (min-width: 768px) {
                        padding-left: 70px;
                        padding-right: 25px
                    }
                    .wrap {
                        /* padding-left: unset; */
                        /* padding-right: 60px; */
                    }
                }
            }
        }
        &.contained {
            & > .wrap {
                @media (min-width: 768px) {
                    align-items: center;
                    justify-content: space-evenly;
                    padding: 3% 0;
                }
            }
            .content {
                .wrap {
                    @media (min-width: 768px) {
                        padding-top: 50px;
                        padding-bottom: 50px; 
                    }
                }
            }
            .media {
                border: 9px solid #ffffff;
                box-shadow: 10px 13px 24.9px 0 rgba(0, 0, 0, 0.11);
                max-width: 415px;
                img {
                    aspect-ratio: 5 / 6;
                    @media (min-width: 768px) {
                        
                        height: unset;
                    }
                }
            }
            &.type-loop {
                .video-loop {
                    aspect-ratio: 5 / 6;
                    @media (min-width: 768px) {
                        
                        height: unset;
                    }
                }
            }
        }
    }

    &.mode-banner {
        &.banner-background-gradient {
            background: linear-gradient(209deg, rgba(0, 143, 255, 0.00) 37.21%, rgba(0, 143, 255, 0.06) 50.19%, rgba(0, 143, 255, 0.17) 62.87%, rgba(0, 143, 255, 0.40) 92.89%), linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
            background-blend-mode: normal, multiply;
        }
        & > .wrap {
            position: relative;
        }
        .content {
            padding: 90px 25px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            color: #ffffff;
            @media (min-width: 768px) {
                padding: 150px 0;
            }
            .links {
                justify-content: center;
            }
        }
        .media {
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            z-index: -1;
        }
    }

    &.full-width-all {
        &.mode-split {
            .content {
                .wrap {
                    max-width: var(--wp--custom--sm);
                    @media (max-width: 768px) {
                        padding: 30px;
                    }
                }
            }
            .media {
                img {
                    position: absolute;
                }
            }
            /* &.content-right {
                .media {
                    .overlay-text {
                        right: 0;
                    }
                }
            } */
        }
        &.mode-banner {
            & > .wrap {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            .content {
                max-width: var(--wp--custom--md);
            }
        }
    }

    .content {
        .links {
            display: flex;
            gap: 25px;
        }
    }

    .media {
        position: relative;
        /* height: 100%; */
        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            aspect-ratio: 16 / 9;
            @media (min-width: 768px) {
                aspect-ratio: unset;
            }
        }
        .overlay-text {
            text-align: center;
            position: absolute;
            z-index: 1;
            width: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: var(--wp--custom--sm);
        }
    }

    &.background-brand-one {
        background-color: var(--wp--preset--color--brand-one);
    }
    &.background-brand-two {
        background-color: var(--wp--preset--color--brand-two);
    }
    &.background-brand-three {
        background-color: var(--wp--preset--color--brand-three);
    }
    &.background-black {
        background-color: var(--wp--preset--color--black);
        .content {
            color: var(--wp--preset--color--white);
        }
    }
    &.background-dark {
        background-color: var(--wp--preset--color--dark-gray);
        .content {
            color: var(--wp--preset--color--white);
        }
    }
    &.background-medium {
        background-color: var(--wp--preset--color--medium-gray);
    }
    &.background-light {
        background-color: var(--wp--preset--color--light-gray);
    }
    &.background-white {
        &.content-left {
            .content {
                .wrap {
                    /* padding-left: unset; */
                }
            }
        }
        &.content-right {
            .content {
                .wrap {
                    padding-right: unset;
                }
            }
        }
    }

    &.type-video {
        a.play-button {
            color: white;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 60px;
            z-index: 1;
            &:hover,
            &:focus {
                color: var(--wp--preset--color--brand-one);
            }
        }
        .embed-container {
            display: none;
        }
    }

    &.type-video,
    &.mode-banner {
        .overlay {
            /* background: rgb(0 0 0 / 25%); */
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            top: 0;
            z-index: 0;
        }
    }

    &.type-loop {
        .video-loop {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 1;
            display: block;
        }
    }

}

iframe.fslightbox-source {
    width: 896px;
    height: 504px;
    padding: 25px;
}
/*# sourceMappingURL=block.css.map */