/* Use this to change the color under the navbar 
Each page is customized under its own CSS */
body { 

}
.btn-primary:hover {
  color: #f9f7f4;
  background-color: #8fb4fa;
  border-color: #0e6efd;
}
.btn-secondary:hover {
  color: #f9f7f4;
  background-color: #04c3ee;
  border-color: #5b288e;
}
.btn-light:hover {
  color: #f9f7f4;
  background-color: #04c3ee;
  border-color: #5b288e;
}
/* Favorite button active state */
.btn-favorite-article.active,
.btn-favorite-sermon.active {
    color: #eeeeee;
    border-color: #dc3545;
}

/* Notification bell size */
.notification-bell {
    font-size: 1.25rem;
}

/* Toast animation */
.favorites-toast {
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}