/* Footer */
.footer {
    display: flex;
    justify-content: space-around;
    background: linear-gradient(to bottom, #363636, #040404);
    color: white;
    padding: 20px;
    font-size:14px;
    
}
.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
}
.footer-column {
    flex: 1;
    margin: 10px;
}
.footer-column ul {
    list-style: none;
    padding: 0;
}
.footer-column ul li {
    margin-bottom: 5px;
    border-bottom: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 70%, transparent 100%);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 8px;
}
.footer-column a {
    color: white;
    text-decoration: none;
}
.footer-column a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
    .footer-column {
        flex: 100%;
        margin: 10px 0;
    }
}

.footer-column .social-icons {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    font-size: 20px;
    gap: 10px;
}

/* Font Awesome icon hover color for links in the footer */
.footer a:hover .icon::before,
.footer a:hover .icon::after,
.footer a:hover .icon-simple::before,
.footer a:hover .icon-simple::after,
.footer a:hover .fa,
.footer a:hover .fas,
.footer a:hover .far,
.footer a:hover .fab,
.footer a:hover .fal,
.footer a:hover .fad,
.footer a:hover .fa-solid,
.footer a:hover .fa-regular,
.footer a:hover .fa-brands {
    color: rgb(219, 26, 87) !important;
}