/* =========================
FOOTER
========================= */

.im-footer{

background:#000;

color:#fff;

}

/* =========================
FOOTER MAIN
========================= */

.im-footer-main{

padding:
80px
0
60px;

}

.im-footer-grid{

display:grid;

grid-template-columns:

1.4fr
1fr
1fr
1fr
220px;

gap:50px;

}

/* =========================
COLUMN
========================= */

.im-footer-column h3,
.im-footer-about h3{

margin:0 0 20px;

font-size:22px;
font-weight:700;

color:#fff;

}

.im-footer-about p{

margin:0;

line-height:1.8;

color:#CFCFCF;

}

/* =========================
MENU
========================= */

.im-footer-column ul{

list-style:none;

margin:0;
padding:0;

}

.im-footer-column li{

margin-bottom:14px;

}

.im-footer-column a{

text-decoration:none;

color:#CFCFCF;

transition:.3s;

}

.im-footer-column a:hover{

color:#fff;

}

/* =========================
ABOUT WIDGET
========================= */

.im-footer-about img{

max-width:220px;

height:auto;

display:block;

margin-bottom:20px;

}

.im-footer-about p{

margin-bottom:16px;

}

/* =========================
SOCIAL
========================= */

.im-footer-about .social-links,
.im-footer-about .im-social{

display:flex;

gap:12px;

margin-top:20px;

}

.im-footer-about .social-links a,
.im-footer-about .im-social a{

width:40px;
height:40px;
color:#fff;

display:flex;
align-items:center;
justify-content:center;

border-radius:50%;

background:
rgba(
255,
255,
255,
.08
);

transition:.3s;

}

.im-footer-about .social-links i,
.im-footer-about .im-social i{

    font-size:18px;

    color:#fff;

    display:block;

    line-height:1;

}

.im-footer-about .social-links a:hover,
.im-footer-about .im-social a:hover{

transform:translateY(-2px);

background:
rgba(
255,
255,
255,
.15
);

}

.im-footer-about .im-social a{

    text-decoration:none !important;

}

.im-footer-about .im-social a:hover{

    text-decoration:none !important;

}

/* =========================
BADGE
========================= */

.im-footer-badge{

display:flex;

justify-content:center;
align-items:flex-start;

}

.im-footer-badge img{

max-width:180px;

height:auto;

display:block;

transition:.3s;

}

.im-footer-badge img:hover{

transform:scale(1.03);

}

/* =========================
BOTTOM FOOTER
========================= */

.im-footer-bottom{

background:#111;

border-top:
1px solid rgba(
255,
255,
255,
.08
);

}

.im-footer-bottom .im-container{

padding:
20px
0;

display:grid;

grid-template-columns:
1fr
auto
1fr;

align-items:center;

gap:20px;

}

.im-footer-copy{

text-align:left;

}

.im-footer-links{

text-align:center;

}

.im-footer-credit{

text-align:right;

}

.im-footer-bottom p{

margin:0;

color:#CFCFCF;

}

.im-footer-bottom a{

color:#CFCFCF;

text-decoration:none;

transition:.3s;

}

.im-footer-bottom a:hover{

color:#fff;

}
/* WordPress Emoji Fix */
.im-footer img.wp-smiley,
.im-footer img.emoji{

width:1em !important;
height:1em !important;

max-width:1em !important;

display:inline !important;

vertical-align:-0.1em;

margin:0 2px;

}

/* =========================
WIDGET MENU RESET
========================= */

.im-footer ul{

list-style:none;

margin:0;
padding:0;

}

.im-footer li{

list-style:none;

}

/* =========================
RESPONSIVE
========================= */

@media(max-width:991px){

.im-footer-main{

padding:
60px
0
40px;

}

.im-footer-grid{

grid-template-columns:
1fr;

gap:35px;

}

.im-footer-badge{

justify-content:flex-start;

}

.im-footer-bottom .im-container{

display:flex;

flex-direction:column;

gap:15px;

text-align:center;

}

.im-footer-copy,
.im-footer-links,
.im-footer-credit{

text-align:center;

}

}

/* =========================
SMALL MOBILE
========================= */

@media(max-width:480px){

.im-footer-main{

padding:
50px
0
30px;

}

.im-footer-column h3,
.im-footer-about h3{

font-size:20px;

}

}

.im-footer-links ul{

display:flex;
justify-content:center;
align-items:center;

gap:30px;

list-style:none;

margin:0;
padding:0;

}

.im-footer-links li{

margin:0;

}
/* =========================
FOOTER MOBILE
========================= */

@media(max-width:991px){

    .im-footer-grid{

        grid-template-columns:1fr;

        gap:40px;

        text-align:center;

    }

    .im-footer-about,
    .im-footer-column{

        text-align:center;

    }

    .im-footer-about .im-social{

        justify-content:center;

    }

    .im-footer-badge{

        justify-content:center;

    }

    .im-footer-column ul{

        display:flex;
        flex-direction:column;
        align-items:center;
    }

}