/*
 * ArsLudi landing — Live Experience
 * ---------------------------------
 * Styles specific to _LandingLiveExperience.cshtml.
 * The Razor partial intentionally contains no inline style attributes.
 */

.landing-live-section {
    position: relative;
    z-index: 2;
}

.landing-live-icon-desktop {
    -webkit-mask:
        url("/icons/fontawesome/free/solid/desktop.svg")
        center / contain no-repeat;
    mask:
        url("/icons/fontawesome/free/solid/desktop.svg")
        center / contain no-repeat;
}

.landing-live-icon-broadcast {
    -webkit-mask:
        url("/icons/fontawesome/free/solid/tower-broadcast.svg")
        center / contain no-repeat;
    mask:
        url("/icons/fontawesome/free/solid/tower-broadcast.svg")
        center / contain no-repeat;
}

.landing-live-icon-realtime {
    -webkit-mask:
        url("/icons/fontawesome/free/solid/arrows-rotate.svg")
        center / contain no-repeat;
    mask:
        url("/icons/fontawesome/free/solid/arrows-rotate.svg")
        center / contain no-repeat;
}

.landing-live-icon-eye {
    -webkit-mask:
        url("/icons/fontawesome/free/solid/eye.svg")
        center / contain no-repeat;
    mask:
        url("/icons/fontawesome/free/solid/eye.svg")
        center / contain no-repeat;
}

.landing-live-icon-roles {
    -webkit-mask:
        url("/icons/fontawesome/free/solid/users-gear.svg")
        center / contain no-repeat;
    mask:
        url("/icons/fontawesome/free/solid/users-gear.svg")
        center / contain no-repeat;
}

.landing-live-icon-print {
    -webkit-mask:
        url("/icons/fontawesome/free/solid/print.svg")
        center / contain no-repeat;
    mask:
        url("/icons/fontawesome/free/solid/print.svg")
        center / contain no-repeat;
}