/* Topmost z-index layer on which to apply the override */
.darkmode-layer {
	z-index: 100;
}

/* z-index of the darkmode button */
.darkmode-toggle {
	z-index: 100;
}

.default-logo, .alt-logo, .mobile-logo {
    transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Keyframes for fade-out and scale down */
@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.8);
    }
}

/* Keyframes for fade-in and scale up */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Fade-out class */
.logo-fade-out {
    animation: fadeOut 0.5s forwards; /* Apply fade-out effect */
}

/* Fade-in class */
.logo-fade-in {
    animation: fadeIn 0.5s forwards; /* Apply fade-in effect */
}



/* .default-logo, .alt-logo, .mobile-logo {
	isolation: isolate;
}

.navbar-brand  {
	isolation: isolate;
}

.footer-logo {
	isolation: isolate;
} */

img, .darkmode-ignore {
	isolation: isolate;
	display: inline-block;
}