@charset "utf-8";
/* CSS Document */
/* ==========================================================
   FOOTER
   ========================================================== */

.site-footer {

    position: fixed;

    left: 0;
    right: 0;
    bottom: 0;

    height: var(--footer-height);
align-items: center;
    z-index: 1000;
	background: var(--footer-back);
    border-top: 1px solid var(--border);

}

.footer-inner{

    display:grid;

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

    gap:40px;

    padding:60px 0;

}

.footer-column h3{

    margin-bottom:18px;

    color:var(--text-light);

}

.footer-column p,
.footer-column li,
.footer-column a{

    color:rgba(255,255,255,.80);

}

.footer-column ul{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.footer-column a:hover{

    color:var(--primary);

}

.footer-logo{

    font-size:1.8rem;

    font-weight:700;

    margin-bottom:16px;

}

.footer-bottom{

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

}

.footer-bottom-inner{

    min-height:60px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}

.footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.65);

    font-size:.9rem;

}

.footer-social{

    display:flex;

    gap:12px;

}

.footer-social a{

    width:38px;
    height:38px;

    display:flex;

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

    border-radius:50%;

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

    transition:all var(--transition);

}

.footer-social a:hover{

    background:var(--primary);

    color:#fff;

}

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