/* ==========================
   Footer
========================== */

.site-footer{
    background:#171717;
    color:#d9d9d9;
    margin-top:80px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:60px;
    padding:60px 0 40px;
}

.footer-column h3{
    color:#ffffff;
    margin-bottom:18px;
    font-size:22px;
    position:relative;
    padding-bottom:10px;
}

.footer-column h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:55px;
    height:3px;
    background:#ff6600;
    border-radius:3px;
}

.footer-column p{
    color:#c8c8c8;
    line-height:1.8;
    margin-bottom:18px;
}

.footer-column strong{
    color:#ffffff;
}

.footer-column a{
    color:#cfcfcf;
    text-decoration:none;
    transition:.25s ease;
}

.footer-column a:hover{
    color:#ff6600;
}

.footer-links{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-links li{
    margin:12px 0;
}

.footer-links a{
    display:inline-block;
    position:relative;
    padding-left:18px;
}

.footer-links a::before{
    content:"➜";
    position:absolute;
    left:0;
    color:#ff6600;
    transition:.25s;
}

.footer-links a:hover{
    color:#ff6600;
    padding-left:24px;
}

.footer-links a:hover::before{
    left:6px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    color:#9b9b9b;
    padding:22px;
    font-size:14px;
}