You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
3.0 KiB
148 lines
3.0 KiB
/* FEO GmbH Custom Bootstrap Theme - Footer
|
|
* Footer and copyright styling
|
|
*/
|
|
|
|
/* Footer styling */
|
|
.footer {
|
|
background-color: #2c3e50;
|
|
padding: 4rem 0;
|
|
color: #f8f9fa;
|
|
position: relative;
|
|
box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
.footer::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 3px;
|
|
background: linear-gradient(to right, var(--bs-primary), #2ecc71);
|
|
}
|
|
|
|
.footer h2.h4 {
|
|
font-weight: var(--font-weight-regular);
|
|
letter-spacing: 0.01em;
|
|
color: white;
|
|
margin-bottom: 1.5rem;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.footer h2.h4::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -8px;
|
|
left: 0;
|
|
width: 40px;
|
|
height: 2px;
|
|
background-color: var(--bs-primary);
|
|
}
|
|
|
|
.footer p, .footer address {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
font-weight: var(--font-weight-light);
|
|
}
|
|
|
|
.footer .row > div {
|
|
position: relative;
|
|
}
|
|
|
|
.footer .row > div:not(:last-child)::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 10%;
|
|
right: 0;
|
|
height: 80%;
|
|
width: 1px;
|
|
background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.1), transparent);
|
|
display: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.footer .row > div:not(:last-child)::after {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/* Footer-specific event calendar styling */
|
|
.footer .event-calendar-title {
|
|
color: white;
|
|
}
|
|
|
|
.footer .event-item {
|
|
border-bottom-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.footer .event-link {
|
|
color: rgba(255, 255, 255, 0.9);
|
|
}
|
|
|
|
.footer .event-details {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.footer a {
|
|
color: rgba(255, 255, 255, 0.8);
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.footer .btn-outline-primary {
|
|
border-color: rgba(255, 255, 255, 0.3);
|
|
color: white;
|
|
transition: all 0.3s ease;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.footer .btn-outline-primary:hover {
|
|
background-color: var(--bs-primary);
|
|
border-color: var(--bs-primary);
|
|
color: white;
|
|
transform: translateY(-3px);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/* Copyright section */
|
|
.copyright {
|
|
background-color: #1a252f;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
padding: 1.5rem 0;
|
|
font-weight: var(--font-weight-light);
|
|
}
|
|
|
|
.copyright a {
|
|
color: rgba(255, 255, 255, 0.7);
|
|
text-decoration: none;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
/* Dark background scrollbar styles */
|
|
.footer, .copyright {
|
|
--scrollbar-thumb-dark: rgba(255, 255, 255, 0.4);
|
|
--scrollbar-thumb-hover-dark: rgba(255, 255, 255, 0.6);
|
|
--scrollbar-track-dark: rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
.footer ::-webkit-scrollbar-track,
|
|
.copyright ::-webkit-scrollbar-track {
|
|
background: var(--scrollbar-track-dark);
|
|
}
|
|
|
|
.footer ::-webkit-scrollbar-thumb,
|
|
.copyright ::-webkit-scrollbar-thumb {
|
|
background: var(--scrollbar-thumb-dark);
|
|
}
|
|
|
|
.footer ::-webkit-scrollbar-thumb:hover,
|
|
.copyright ::-webkit-scrollbar-thumb:hover {
|
|
background: var(--scrollbar-thumb-hover-dark);
|
|
}
|
|
|
|
/* Firefox - dark background */
|
|
.footer *, .copyright * {
|
|
scrollbar-color: var(--scrollbar-thumb-dark) var(--scrollbar-track-dark);
|
|
}
|
|
|