2024-02-16 22:49:06 +01:00
|
|
|
#footer {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column; /* Stack children vertically */
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-center {
|
|
|
|
display: flex;
|
|
|
|
align-items: center; /* Center children horizontally */
|
|
|
|
flex-grow: 1;
|
2024-05-05 15:07:44 +04:00
|
|
|
flex-direction: column;
|
2024-02-16 22:49:06 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.footer-powered-by {
|
|
|
|
margin-top: auto; /* Pushes the text to the bottom */
|
|
|
|
text-align: center; /* Centers the text inside the div */
|
|
|
|
width: 100%; /* Full width to center the text properly */
|
|
|
|
}
|
2024-09-06 16:56:55 +02:00
|
|
|
.stirling-link {
|
|
|
|
text-decoration: none; /* Remove the underline */
|
|
|
|
color: inherit; /* Keep the text color the same as the surrounding text */
|
|
|
|
cursor: pointer; /* Change the cursor to indicate it's clickable */
|
|
|
|
font-weight: bold; /* Make it bold to subtly hint that it's clickable */
|
|
|
|
transition: color 0.3s ease; /* Add a smooth transition effect for color change on hover */
|
|
|
|
}
|
2024-05-05 15:07:44 +04:00
|
|
|
|
2024-09-06 16:56:55 +02:00
|
|
|
.stirling-link:hover {
|
|
|
|
color: #007BFF; /* Change the color on hover to a noticeable link color */
|
|
|
|
}
|
2024-05-05 15:07:44 +04:00
|
|
|
.footer-icon {
|
|
|
|
font-size: 2rem;
|
2024-08-13 23:54:33 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.footer-link {
|
|
|
|
text-decoration: none;
|
2025-04-09 09:55:18 +01:00
|
|
|
cursor: pointer;
|
2024-08-13 23:54:33 +02:00
|
|
|
}
|
2025-04-22 23:03:33 +01:00
|
|
|
|
|
|
|
.footer-link-list {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row; /* Align links in a row */
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Responsive styles for smaller screens */
|
|
|
|
@media (max-width: 650px) {
|
|
|
|
.footer-link {
|
|
|
|
font-size: 0.8rem; /* Adjust font size for smaller screens */
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 550px) {
|
|
|
|
.footer-link {
|
|
|
|
font-size: 1rem; /* Adjust font size for smaller screens */
|
|
|
|
}
|
|
|
|
.footer-link-list{
|
|
|
|
flex-direction: column; /* Stack links vertically on smaller screens */
|
|
|
|
}
|
|
|
|
}
|