/* ==========================================================
   SS_VCM BACKDROP
========================================================== */

.sv_backdrop {
    display: none;
    position: absolute;
    inset: 0;
    background-image: url("/media/images/misc/podstran-2560.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--color_RockBlue_50);
    opacity: 0.25;
    pointer-events: none;
    z-index: 0;
}

    .SS_VCM .sv_backdrop {
        display: block;
    }

    .SS_VCM {
        font-family: var(--font_Roboto);
        color: var(--color_LunarGreen);
    }

        .SS_VCM .c_panel a {
            color: var(--color_LunarGreen);
        }

            .SS_VCM .c_panel a:hover {
                text-decoration: underline;
            }

        .SS_VCM .r_panel {
            background-color: rgba(5, 5, 5, 0.05);
        }
        /* Prenešeno iz stare strani ne ve pa zakaj je to */
        .SS_VCM .chords_visible .besedilo {
            font-family: Arial, Helvetica, sans-serif;
            padding-top: var(--space_4);
        }


@media only screen and (min-width: 64.01em) {

    .SS_VCM .sv_backdrop {
        background-image: url("/media/images/misc/podstran-1280.webp");
    }
}

@media only screen and (max-width: 48em) {

    .SS_VCM .l_panel {
        background-color: var(--color_RockBlue);
    }
}