footer{
margin-top:80px;
}
.footer{
width: 100%; color: var(--color-noir);
font-weight: 400;
} .footer__logo{
position: relative;
display: inline-block;
max-width: var(--layout-wide-size);
width:100%;
} .footer__logo img{
display: block;
width: 100%;
height: auto;
} .footer__logo::after{
content: "";
position: absolute;
inset: 0; background: linear-gradient(
to top,
#fff 0%,
rgba(255,255,255,0) 100%
);
pointer-events: none; } .footer__container{
max-width: var(--layout-wide-size);
margin: 0 auto;
padding: 22px 20px 10px;
} .footer__top{
display: grid;
grid-template-columns: 3fr 2fr 4fr 3fr;
gap: 34px;
align-items: start;
} .footer__link,
.footer__bottomLink,
.footer__creditLink,
.footer__socialLink,
.footer__phoneLink,
.footer__langLink{
transition: opacity .18s ease, color .18s ease;
}
.footer__link,
.footer__bottomLink,
.footer__creditLink{
color: inherit;
text-decoration: none;
}
.footer__link:hover,
.footer__bottomLink:hover,
.footer__creditLink:hover{ color: var(--page-accent);
}  .footer__link.is-active,
.footer__bottomLink.is-active{
color: var(--page-accent);
} .footer__heading a.is-active{
color: var(--page-accent);
} .footer__link.is-active:hover,
.footer__bottomLink.is-active:hover,
.footer__heading a.is-active:hover{
color: var(--page-accent);
} .footer__col--main{
display: grid;
gap: 10px;
}
.footer__col--main .footer__link{
font-size: var(--font-size-l, 22px);
font-weight: 400;
}
.footer__link.is-accent{
color: var(--page-accent);
} .footer__secondaryNav{
display: grid;
gap: 8px;
margin-bottom: 10px;
}
.footer__link--small{
font-size: var(--font-size-s, 15px);
font-weight: 400;
}
.footer__lang{
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
margin-top:40px;
font-size: var(--font-size-s);
font-weight: 400;
line-height: 1.2;
}
.footer__langBreak{
display: block;
height: 0;
}
.footer__langLink{
color: var(--color-noir);
text-decoration: none;
font-weight: 400;
}
.footer__langLink.is-active{
color: var(--page-accent);
}
.footer__langLink:hover{ color: var(--page-accent);
} .footer__heading{
font-size: var(--font-size-l, 22px);
font-weight: 500;
margin-bottom: 10px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.footer__heading a{
color:#000;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
.footer__heading a:hover{
color: var(--page-accent);
}
.footer__headingArrow{
color: var(--page-accent);
}
.footer__address{
font-size: var(--font-size-m, 18px);
font-weight: 400;
line-height: 1.35;
margin-bottom: 14px;
}
.footer__phoneLabel{
font-size: var(--font-size-s, 15px);
font-weight: 400;
line-height: 1.2;
margin-bottom: 2px;
} .footer__phoneLink{
display: inline-block;
font-size: var(--font-size-m, 18px);
font-weight: 500;
color: var(--color-noir);
text-decoration: underline;
text-decoration-color: var(--page-accent);
text-underline-offset: 3px;
}
.footer__phoneLink:hover{ color: var(--page-accent);
} .footer__newsletterText{
font-size: var(--font-size-s, 15px);
font-weight: 400;
line-height: 1.4;
margin-bottom: 12px;
}
.footer__newsletterCta{
margin-bottom: 12px;
} .footer__socialLink{
font-size: var(--font-size-m, 18px);
font-weight: 500;
color: var(--color-noir);
text-decoration: underline;
text-decoration-color: var(--page-accent);
text-underline-offset: 3px;
}
.footer__socialLink:hover{ color: var(--page-accent);
} .footer__bottom{
margin-top: 80px;
display: flex;
justify-content: center;
padding:20px;
gap: 18px;
align-items: center;
}
.footer__bottomLinks{
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
}
.footer__bottomLink{
font-size: var(--font-size-xs, 13px);
font-weight: 400;
}
.footer__cookieBtn{
appearance: none;
background: none;
border: 0;
padding: 0;
cursor: pointer;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
color: inherit;
transition: opacity .18s ease;
}
.footer__cookieBtn:hover{ }
.footer__credits{
justify-self: center;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
white-space: nowrap;
}
.footer__creditSep{
margin: 0 8px;
opacity: .6;
}
.footer__legal{
justify-self: end;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
white-space: nowrap;
} @media (max-width: 980px){
.footer__top{
grid-template-columns: 1fr 1fr;
gap: 26px;
}
.footer__bottom{
grid-template-columns: 1fr;
gap: 8px;
}
.footer__credits{
justify-self: start;
white-space: normal;
}
.footer__legal{
justify-self: start;
white-space: normal;
}
.footer__bottomLinks{
justify-content: center;
}
}
@media (max-width: 640px){
footer{
text-align: center;
}
.footer__container{
padding: 18px 16px 10px;
}
.footer__top{
grid-template-columns: 1fr;
gap: 18px;
}
.footer__link--small{
font-size: var(--font-size-l, 22px);
}
.footer__bottom{
display: flex;
flex-direction: column;
gap:25px;
}
}