fix footer

mail@pastecode.io avatar
unknown
plain_text
a month ago
3.3 kB
2
Indexable
Never
/*Footer logo and hyper links*/

footer#global-footer{

    .container{
        padding-top: 96px;
        @media only screen and (max-width:768px){
            padding-top: 64px;
        }
    }

    .text_footer .images_box{
        margin-right: 46px;
        @media only screen and (max-width: 768px) {
           margin-right: auto;
           margin-left: auto;
        }
    }
    .first_text_footer .img_size img{
        min-height: 90px;
         @media only screen and (max-width:1240px){
                min-height: 120px;
        }
        @media only screen and (max-width:768px){
                min-height: 120px;
        }
        @media only screen and (max-width:768px){
                min-height: 120px;
        }
        @media only screen and (max-width:767px){
                min-height: 100px;
        }
    }
     a.hvr_animation, .lp-link, .link{
        font-weight: 700;
        position: relative!important;
        color:#000!important;
        transition: 0.4s;
        &:hover{
            color:#000!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: 0.4;
        }
        &:after{
            width: 0%!important;
            background-color: #7C7A61!important; 
        }
        &:hover:after{
            width: 100%!important;
        }

    }
    .no_newsletter .info-wrap-contact_zone:first-of-type{
        margin-bottom: 25px;
    }
    .info-wrap-contact_cell{
        padding-top: 0;
    }
    @media only screen and (max-width: 768px){
        .info-privacy .socials_zone li{
            padding: 0 8px 10px 8px;
        }
        .footer .info-privacy .copy_zone{
        border-color: #000;
        }

    }
    .footer.no_newsletter .info-wrap-contact h4{
        font-weight: 300;
    }
    .footer .img-wrap img{
        filter: none;
    }
    .info-wrap .info-wrap-contact_zone.type_user div:nth-child(3){
       @media only screen and (max-width:820px){
            width: 100%;
        } 
    }
    @media only screen and (max-width:1024px){
         .footer .text_footer{
            justify-content: center; 
         }
         .text_footer .images_box{
             margin-bottom:40px;
         }
    }
    @media only screen and (max-width:820px){
         .footer .text_footer{
            justify-content: center; 
         }
         .text_footer .images_box{
             margin-bottom:20px;
         }
    }
    .footer .info-wrap-contact_zone i{
        svg{
            path{
                fill: #000;
            }
        }
    }
    .footer .info-privacy{
        border-top: 1px solid #000;
        @media only screen and (max-width:768px){
            padding-top: 30px;
                
        }
         @media only screen and (max-width:375px){
            padding-top: 30px;
                
        }
    }

}

/*end*/
Leave a Comment