body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.hidden-footer {
display: none;
}
footer {
background-color: #333;
color: #fff;
padding: 20px 0;
}
.footer-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.footer-section {
flex: 1;
min-width: 200px;
margin: 10px;
}
.footer-section h4 {
margin-bottom: 10px;
font-size: 18px;
}
.footer-section ul {
list-style: none;
padding: 0;
}
.footer-section ul li {
margin: 5px 0;
}
.footer-section ul li a {
color: #fff;
text-decoration: none;
}
.footer-section ul li a:hover {
text-decoration: underline;
}
.footer-section p {
margin: 5px 0;
}
.footer-section p a {
color: #fff;
text-decoration: none;
}
.footer-section p a:hover {
text-decoration: underline;
}
.social-links {
display: flex;
gap: 10px;
}
.social-links a img {
width: 24px;
height: 24px;
}
.footer-section form {
display: flex;
gap: 10px;
}
.footer-section input[type="email"] {
padding: 5px;
flex: 1;
border: none;
border-radius: 4px;
}
.footer-section button {
padding: 5px 10px;
background-color: #555;
border: none;
color: #fff;
cursor: pointer;
border-radius: 4px;
}
.footer-section button:hover {
background-color: #777;
}
.footer-bottom {
text-align: center;
margin-top: 20px;
border-top: 1px solid #444;
padding-top: 10px;
}
.footer-bottom p {
margin: 0;
}
