/*
|--------------------------------------------------------------------------
| Footer
|--------------------------------------------------------------------------
*/

.community-footer{

background:#0f172a;

color:#cbd5e1;

padding:70px 0 35px;

margin-top:80px;

}

.footer-logo{

font-size:32px;

font-weight:800;

color:#fff;

margin-bottom:15px;

}

.footer-tagline{

font-size:18px;

font-weight:600;

color:#60a5fa;

margin-bottom:20px;

}

.footer-description{

line-height:1.8;

color:#94a3b8;

font-size:15px;

}

.footer-title{

color:#fff;

font-weight:700;

margin-bottom:20px;

font-size:18px;

}

.footer-links{

list-style:none;

padding:0;

margin:0;

}

.footer-links li{

margin-bottom:12px;

}

.footer-links a{

color:#cbd5e1;

transition:.25s;

}

.footer-links a:hover{

color:#60a5fa;

padding-left:6px;

}

.footer-divider{

border-color:rgba(255,255,255,.08);

margin:45px 0;

}

.footer-stat{

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

border-radius:18px;

padding:18px;

text-align:center;

height:100%;

transition:.25s;

}

.footer-stat:hover{

transform:translateY(-4px);

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

}

.footer-stat h3{

font-size:28px;

font-weight:700;

margin-bottom:6px;

color:#fff;

}

.footer-stat span{

color:#94a3b8;

font-size:14px;

}

.footer-social{

display:block;

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

padding:14px 18px;

border-radius:14px;

color:#e2e8f0;

transition:.25s;

}

.footer-social:hover{

background:#2563eb;

color:#fff;

transform:translateX(4px);

}

.footer-bottom{

margin-top:30px;

}

.footer-made{

color:#94a3b8;

font-size:14px;

}

/*
|--------------------------------------------------------------------------
| Back To Top
|--------------------------------------------------------------------------
*/

.back-top{

display:inline-flex;

align-items:center;

justify-content:center;

width:52px;

height:52px;

border-radius:50%;

background:#2563eb;

color:#fff;

font-size:22px;

font-weight:700;

text-decoration:none;

transition:.25s;

box-shadow:

0 10px 30px rgba(37,99,235,.30);

}

.back-top:hover{

transform:translateY(-4px);

background:#1d4ed8;

color:#fff;

}

/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width:992px){

.community-footer{

text-align:center;

}

.footer-logo{

font-size:28px;

}

.footer-title{

margin-top:25px;

}

.footer-bottom{

text-align:center;

}

}

@media(max-width:576px){

.community-footer{

padding:55px 0 25px;

}

.footer-logo{

font-size:24px;

}

.footer-tagline{

font-size:16px;

}

.footer-stat{

padding:15px;

}

.back-top{

width:46px;

height:46px;

font-size:20px;

}

}