.bottomFooter {
    background-color: var(--secondary-color); /* Set background color using CSS variable */
    padding: 16px 0px; /* Add vertical padding */
}

.bottomFooter ul{
    list-style-type: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Use flexbox for layout */
    flex-direction: row; /* Arrange items horizontally */
    justify-content: space-between; /* Distribute space between items */
    align-items: center; /* Center items vertically */
}


.bottomFooter a { 
    color: var(--primary-color); /* Set text color using CSS variable */
    font-size: var(--navFontSize); /* Set font size using CSS variable */
    font-family: var(--label); /* Set font family using CSS variable */
    font-weight: 300; /* Set light font weight */
    text-decoration: none; /* Remove underline from links */
    display: flex; 
    flex-direction: column;
    align-items: center;
    border: none;
}


/* General header and footer link hover/active states */
.bottomFooter a:hover, 
.bottomFooter a.active {
    font-weight: 600; /* Semi-bold weight on hover/active */
    text-decoration: none; /* Remove underline */
} 

/* Footer navigation images */
.bottomFooter li img {
    width: 40px ; /* Larger width than header images */
    height: 40px; /* Larger height than header images */
    padding-bottom: 8px; /* More space below image than header */
}