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

.footer-wrapper{
    background:
        linear-gradient(
            rgba(5,31,69,.50),
            rgba(5,31,69,.78)
        ),
        url("../images/backgrounds/dark-mountain-background.png")
        right center / cover no-repeat;
}

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

.site-footer{

    background:transparent;
    color:#fff;
}

.footer-container{

    max-width:1200px;
    margin:auto;

    padding:30px 20px 40px;

    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1fr;

    gap:60px;
}

.footer-column h4{

    color:#b18024;
    margin-bottom:20px;
}

.footer-column ul{

    list-style:none;
    padding:0;
    margin:0;
}

.footer-column li{

    margin-bottom:12px;
}

.footer-column a{

    color:rgba(255,255,255,.85);
    text-decoration:none;
    transition:.3s;
}

.footer-column a:hover{

    color:#b18024;
}

.footer-column p{

    color:rgba(255,255,255,.82);
    line-height:1.8;
}

.footer-logo{

    margin-bottom:25px;
}

.footer-logo img{

    width:340px;
    max-width:100%;
    display:block;
}

.footer-bottom{

    max-width:1200px;

    margin:auto;

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

    padding:30px 20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;
}

.footer-bottom p{

    margin:0;
}

.footer-legal{

    display:flex;
    gap:15px;
}

.footer-legal a{

    color:rgba(255,255,255,.82);
}

.footer-legal a:hover{

    color:#b18024;
}



/* ========================================
   Bottom Gold Accent Bar
======================================== */

.footer-wrapper {
    position: relative;
}

.footer-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: #b18024;
}