#footer {
    background-color: #262626; /* Dark  background */
    color: #B0B0B0; /* Light gray text */
    font-family: Arial, sans-serif;
    font-size: 18px !important;
    font-weight: 400;
    padding: 30px 20px; /* Adds some spacing */
}

.footer-header {
    font-size: 20px;
    font-weight: bold; 
    margin-bottom: 15px;
}


#republika-content{
    font-size: 14px;
    font-weight: 400; 
}

footer ol {
    list-style: none; /* Removes numbers/bullets */
    padding: 0;
    margin: 0;
    text-align: left;
}

footer li {
    display: flex;
    align-items: center; /* Ensures icons and text are aligned */
    font-size: 14px;
    padding: 8px 0;
    transition: color 0.3s ease; /* Smooth color change */
}

footer li i {
    margin-right: 10px; /* Space between icon and text */
    font-size: 18px; 
    vertical-align: middle; /* Ensures proper alignment with text */
}

footer span.footer-hash:hover{
    color: #FF3131; /* Turns text red on hover */
}
footer li:hover {
    color: #FF3131; /* Turns text red on hover */
}

footer li:hover i {
    color: #FF3131; /* Also turns icons red on hover */
}

/* Responsive Design */
@media (max-width: 768px) {
    #footer {
        text-align: center;
    } 
    footer ol {
        text-align: center;
    } 
    footer li {
        justify-content: center; /* Centers icons and text on small screens */
    } 
    footer li i {
        margin-right: 5px; /* Reduce icon spacing on small screens */
    } 
}



footer li i {
    font-size: 14px; /* Adjust this to make icons smaller */
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle; /* Ensures proper alignment with text */
}


footer i {
    font-size: 34px; /* Adjust this to make icons smaller */
    margin-right: 8px; /* Space between icon and text */
    vertical-align: middle; /* Ensures proper alignment with text */
}
 
 
footer ol li  {
    line-height: 1.2; 
}

footer #government-links ol li  {
    line-height: 0.8; 
}

footer a{
    color: #B0B0B0; /* Light gray text */
    text-decoration: none;
}

footer a:hover{
    color: #FF3131; /* Turns text red on hover */
    text-decoration: none;
}

#government-link-header, #contacts-header{
    text-align: left;
}

@media (max-width: 768px) {
    #government-link-header, #contacts-header {
        text-align: center; /* Center on small screens */
    }
}
 

#footer-feedback {
    border: 2px solid #B0B0B0;
    text-align: center; /* Centers text horizontally */
    display: flex;
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    height: 100px; /* Set a height for vertical centering */
}
 

img.socials  { 
    filter: grayscale(100%) contrast(100%);
}
 


#facebook:hover, #instagram:hover, #youtube:hover, #twitter:hover{
    filter: invert(50%);   
}
 

@media (max-width: 768px) {
    #facebook,#youtube{
        float: left;
        margin-right: 10px; /* Adds spacing between the image and text */
    }

    #twitter,#instagram{
        float: right;
        margin-right: 10px; /* Adds spacing between the image and text */
    }


}