fix footer
unknown
plain_text
a year ago
3.3 kB
10
Indexable
/*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*/Editor is loading...
Leave a Comment