/*
 * Menu Styles (.shadow-anim, .sc_studi_hamburger)
 *
 * @package Studiare_Child
 */

/* --- Pulse Shadow Animation --- */
.shadow-anim::after {
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-name: intervalsc;
    border: #a78bfa solid 1px;
    border-radius: 11px;
    box-shadow:
        0 0 5px #a78bfa,
        0 0 8px inset #a78bfa;
    box-sizing: border-box;
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
}

@keyframes intervalsc {
    0% {
        opacity: 1;
        transform: scale(1);
    }
    80% {
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

/* --- Hamburger Menu --- */
.sc_studi_hamburger {
    display: none !important;
}

.sc_studi_hamburger::after {
    -webkit-animation-duration: 3s !important;
    -webkit-animation-iteration-count: 3 !important;
    -webkit-animation-name: intervalsc_studi_hamburgerBorder;
    pointer-events: none;
    opacity: 0;
}

@-webkit-keyframes intervalsc_studi_hamburgerBorder {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        -webkit-transform: scale(1.6);
        opacity: 0;
        transform: scale(1.6);
    }
}

@media screen and (max-width: 425px) {
    .sc_studi_hamburger {
        right: 0px !important;
        top: 10px !important;
        display: block !important;
        background-color: #ffffff00 !important;
        box-shadow: none !important;
    }
    .sc_studi_hamburger__line-in::before,
    .sc_studi_hamburger__line-in::after {
        background-color: #fff !important;
    }
}