footer {
    padding: 25px 0;
    text-align: center;
    background-color: black;
}

footer span.copyright {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
    color: white;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 40px;
}

.nav-link{
      font-family: "Quicksand", sans-serif;
      font-size: 150%;
      color: white;
      margin-right: 10px;
}

.nav-link:hover{
      color: #0066ff;
}

.nav-link.active{
    background-color:#0066ff !important;
    color: white !important;
    border-radius: 15px;
    padding-left: 20px;
}

/* Styling for the container to center the icons within the col-md-4 */
footer .social-links-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    /*padding: 10px 0;*/
}

/* Styling for the icons themselves (Font Awesome) */
/*
footer .social-links-footer a .fab {
    font-size: 32px !important; /* Added !important to force size, if needed */
    
    /* Set color using the bright blue from your brand *//*
    color: #1ee2e7 !important; 
    
    
    transition: color 0.3s ease;
}
*/

footer .social-links-footer a{
    font-size: 32px !important; /* Added !important to force size, if needed */
    
    /* Set color using the bright blue from your brand */
    color: #1ee2e7 !important; 
    
    
    transition: color 0.3s ease;
}


/* Hover effect for YouTube */
footer .social-links-footer a:hover .fa-youtube {
    color: #FF0000 !important;
}

/* Hover effect for Instagram */
footer .social-links-footer a:hover .fa-instagram {
    color: #E1306C !important;
}

/* Optional: Center the content in the middle column on smaller screens */
@media (max-width: 767.98px) { /* Use Bootstrap's breakpoint for small devices */
    footer .row .col-md-4:nth-child(2) {
        text-align: center;
    }
}