fixed footer links and logo
unknown
plain_text
a year ago
3.6 kB
10
Indexable
/*footer opacities and hover effects wb-eliezer*/
footer#global-footer {
.site-footer__col-content{
opacity: 1;
}
.site-footer__disclaimer{
opacity: 1;
&:after{
background-color: #050E3D!important;
opacity: 1;
}
}
.footer-navigation__link{
&:hover{
color: #000;
}
}
.site-footer__copy-lp a {
&:after{
background: #050E3D;
}
}
.site-footer__copy a {
&:hover{
color: #fff;
}
}
.site-footer__logo-container img{
max-height: 80px;
}
@media only screen and (max-width:768px){
.site-footer__socials{
margin: auto;
justify-content: center;
}
.site-footer__socials li {
margin-bottom: 16px;
margin-left: 7px;
margin-right: 7px;
}
.site-footer__logo-container img{
max-height: 120px;
}
}
.site-footer__col-content{
a{
&:after{
background: #000;
}
}
}
a:not(.socials__item, .lp-tcr-message a), .link, .footer-navigation__link, .site-footer__copy a{
text-transform: none;
position: relative!important;
color: #000!important;
&:hover{
color: #000!important;
opacity:1!important;
}
&:before, &:after{
transition: 0.4s;
text-decoration: none!important;
line-height: 1;
content: "";
height: 1px;
position: absolute!important;
bottom: 0;
left: 0;
}
&:before {
width: 100%!important;
background-color: #ccc!important;
opacity:1;
}
&:after{
width: 0%!important;
background-color: #050E3D!important;
}
&:hover:after{
width: 100%!important;
}
@media only screen and (max-width: 1280px){
overflow-wrap: anywhere;
text-decoration: underline!important;
white-space: normal!important;
&:before {
background-color: transparent;
width: 0%!important;
}
&:after {
background-color: transparent;
}
&:hover:after{
width: 0%!important;
}
}
}
@media only screen and (max-width: 1024px){
.site-footer__navigation-wrap{
flex-direction: column;
}
.lp-socials{
margin: 25px auto 0 auto!important;
}
.site-footer__logo-bar{
justify-content: center;
}
.site-footer__info{
justify-content: center;
}
}
@media only screen and (max-width: 820px){
.footer-navigation__item{
margin: 0 5px;
}
.site-footer__logo-bar{
justify-content: center;
}
.site-footer__info{
justify-content: center;
}
}
@media only screen and (max-width: 768px){
.site-footer__logo-bar{
justify-content: center;
}
}
}
#global-footer > div > div.site-footer__bottom > div > div.site-footer__copy > div.lp-a.site-footer__copy-lp > div > img{
max-height: 30px;
filter: invert(0);
}
/*end*/Editor is loading...
Leave a Comment