/* SharedLibraries.SiteBuilder/wwwroot/css/sitebuilder.css */

/* On small screens, force sharp overlays to cover 100% of the section.
   Solid overlays already cover 100%, so this variable is harmless there. */
@media (max-width: 575.98px) {
    .bg-has-overlay {
        --sb-sharp-percent: 100%;
    }
}



.logo-cell {
    position: relative;
}

.logo-img,
.logo-mask {
    transition: opacity .25s ease;
    display: block;
}

/* Default state: show tint (mask), hide base img */
.logo-mask {
    opacity: 1;
}

.logo-img {
    opacity: 0;
}

/* Reveal on hover (or parent .reveal class) */
.reveal .logo-cell:hover .logo-mask {
    opacity: 0;
}

.reveal .logo-cell:hover .logo-img {
    opacity: 1;
}