fixed footer links and logo

 avatar
unknown
plain_text
10 months ago
3.6 kB
5
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