/* 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;
}


/* glow card style */
.card.is-style-glow {
    position: relative;
    z-index: 0;

    border: none !important;

    outline: 2px auto rgb(245, 245, 245);
    outline-offset: 5px;
    margin-inline: 10px;
}

.card.is-style-glow:before, .card.is-style-glow:after {
    content: '';
    position: absolute;
    top:-2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: -1;
    background: transparent;  

    background-size: 100% 100%;
    animation: pulseGlow 1s linear infinite alternate;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.7;
}
/* .card.is-style-glow:after,
.card.is-style-glow.card.is-style-glow.has-default-text-color:after {
    filter: blur(37px);
} */
.card.is-style-glow .card-body {
    background-color: #fff;
}

.card.card.is-style-glow:hover:before, .card.card.is-style-glow:hover:after {
    background: linear-gradient(235deg, var(--wp--preset--color--primary), #fff, var(--wp--preset--color--secondary));  
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

@keyframes pulseGlow {
    0% {
        background-size: 100% 100%;
    }
    100% {
        background-size: 200% 200%;
    }
}

/* Dark card */ 
.card.is-style-glow.has-default-text-color {
    position: relative;
    background-color: #21252969 !important;
    z-index: 0;
    
    border: none !important;
    outline: none;
}
.card.is-style-glow.has-default-text-color:after{
    content: '';
    background: inherit; 
    position: absolute;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 200px rgba(255,255,255,0.05);
    filter: blur(10px);
}
.card.is-style-glow.has-default-text-color .card-body {
    background-color: transparent;
    border: 1px solid transparent;
    transition: border 0.3s ease-in-out;
}
.card.is-style-glow.has-default-text-color .card-header {
    padding: 1rem 1rem .5rem 1rem !important;
    background-color: var(--wp--preset--color--primary);
}
.card.card.is-style-glow.has-default-text-color:hover:before, .card.card.is-style-glow.has-default-text-color:hover:after {
    background: transparent;  
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}
.card.card.is-style-glow.has-default-text-color:hover .card-body {
    border-left: 1px solid var(--wp--preset--color--primary);
    border-right: 1px solid var(--wp--preset--color--primary);
    border-bottom: 1px solid var(--wp--preset--color--primary);
    transition: border 0.3s ease-in-out;
}