/* Block Styles */
.is-style-Normal span {
    mix-blend-mode: normal;
}
.is-style-Multiply span {
    mix-blend-mode: multiply;
}
.is-style-Screen span {
    mix-blend-mode: screen;
}
.is-style-Overlay span {
    mix-blend-mode: overlay;
}
.is-style-Darken span {
    mix-blend-mode: darken;
}
.is-style-Lighten span {
    mix-blend-mode: lighten;
}
.is-style-Color-Dodge span {
    mix-blend-mode: color-dodge;
}
.is-style-Color-Burn span {
    mix-blend-mode: color-burn;
}
.is-style-Hard-Light span {
    mix-blend-mode: hard-light;
}
.is-style-Soft-Light span {
    mix-blend-mode: soft-light;
}
.is-style-Difference span {
    mix-blend-mode: difference;
}
.is-style-Exclusion span {
    mix-blend-mode: exclusion;
}
.is-style-Hue span {
    mix-blend-mode: hue;
}
.is-style-Saturation span {
    mix-blend-mode: saturation;
}
.is-style-Color span {
    mix-blend-mode: color;
}
.is-style-Luminosity span {
    mix-blend-mode: luminosity;
}

.card.is-style-stijl1 {
    position: relative;
    border: none;
    z-index: 1;
}
.card.is-style-stijl1 .card-body {
    background-color: var(--wp--preset--color--info);
    padding: 0 !important
}
.card.is-style-stijl1 .card-body .wp-block-columns {
    margin-bottom: 1.75em;
    margin-top: 1.75em;
}
.card.is-style-stijl1 .card-body figure {
    margin-top: -40%;
}

.card.is-style-stijl2 {
    position: relative;
    border: none;
    z-index: 1;
    height: 100%;
}
.card.is-style-stijl2 .card-body {
    background-color: var(--wp--preset--color--info);
    display: flex;
    flex-direction: column;
}
.card.is-style-stijl2 .card-body .wp-block-columns {
    margin-bottom: 1.75em;
    margin-top: 1.75em;
}
.card.is-style-stijl2 .card-body figure {
    position: relative;
    transform: translate(-16px, -50px);
    margin-bottom: -30px;
    width: 70%;
}
.card.is-style-stijl2 .card-body figure:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--wp--preset--color--primary);
    transition: all 0.3s ease;
    z-index: -1;
}
.card.is-style-stijl2:hover .card-body figure:after {
    left: 10px;
    top: 10px;
    transition: all 0.3s ease;
}

.is-style-carousel {
    padding-left: 50px;
    overflow: hidden;
    max-width: 1123px;
    position: relative;
}

.is-style-carousel .image-card {
    flex-basis: 32% !important;
    max-width: 352px;
    min-width: 352px;
}
.is-style-carousel .slider-arrow {
        position: absolute;
        background: linear-gradient(180deg, var(--wp--preset--color--secondary) 0%, var(--wp--preset--color--primary) 100%) !important;

        left: 0;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: pointer;

}