/* =============================================================================
   FOOTER STYLES
   ============================================================================= */

/* Footer hover effects */
.hover-text-light:hover {
    color: var(--bs-light) !important;
}

/* =============================================================================
   RESPONSIVE FOOTER STYLES
   ============================================================================= */

@media (max-width: 768px) {
    footer {
        text-align: center;
    }
    
    footer .text-md-end {
        text-align: center !important;
    }
}

.copyright {
    font-size: 80%;
}