/* BBB floating overlay - site wide */
/* BBB floating overlay - site wide */

.bbb-abc-overlay{
    position:fixed;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    width:220px;
    z-index:9999;
    opacity:0;
    visibility:hidden;
    display:block;
    pointer-events:auto;
    cursor:pointer;
    animation:bbbFloatOnce 6s ease-in-out 1 forwards;
}

.bbb-abc-overlay img{
    display:block;
    width:100%;
    height:auto;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));
}

.no-bbb-overlay .bbb-abc-overlay{
    display:none !important;
}

@keyframes bbbFloatOnce{
    0%{
        opacity:0;
        visibility:hidden;
    }

    15%{
        opacity:1;
        visibility:visible;
    }

    85%{
        opacity:1;
        visibility:visible;
    }

    100%{
        opacity:0;
        visibility:hidden;
    }
}

@media(max-width:600px){
    .bbb-abc-overlay{
        width:145px;
        left:10px;
    }
}

@media (prefers-reduced-motion: reduce){
    .bbb-abc-overlay{
        animation:none;
        opacity:0;
        visibility:hidden;
    }
}