Popup overlay fade ind/out

Denne kode ændrer overgangen på Elementor popups, så de bruger en fade-in/fade-out animation i stedet for den standard, hårde overgang.

Koden indsættes i Tilpasset CSS og vil derefter virke på alle popups

/* Elementor Popup Overlay Fade In/Out */
.elementor-popup-modal:not([style="display: none;"]) {
    transition: all .3s;
    opacity: 1!important;
}

div.elementor-popup-modal[style="display: none;"] {
    transition: all .3s;
    opacity: 0;
    display: flex!important;
    z-index: -5;
}

.elementor-popup-modal[style="display: none;"]>div {
    display:none
}

.elementor-popup-modal {
    -webkit-animation:wrd_fadein .5s cubic-bezier(.39,.575,.565,1.000);
    animation:wrd_fadein .5s cubic-bezier(.39,.575,.565,1.000)
}

@-webkit-keyframes wrd_fadein {
    0%{opacity:0}
    100% {opacity:1}
}

@keyframes wrd_fadein{
    0% {opacity:0} 100%
    {opacity:1}
}

/* SLUT */