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

.footer{

    background:#111;

    color:#fff;

    padding:80px 0 0;

    margin-top:100px;

}

.footer-grid{

    display:grid;

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

    gap:50px;

}

/*=====================================
            LOGO
======================================*/

.footer-logo img{

    width:220px;

    margin-bottom:25px;

}

.footer-description{

    color:#cfcfcf;

    line-height:1.9;

    margin-bottom:30px;

    font-size:15px;

}

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

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#222;

    color:#D4AF37;

    text-decoration:none;

    transition:.35s;

}

.footer-social a:hover{

    background:#D4AF37;

    color:#111;

    transform:translateY(-5px);

}

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

.footer-column h3{

    font-family:'Abril Fatface',serif;

    color:#D4AF37;

    margin-bottom:25px;

    font-size:26px;

}

.footer-column h4{

    color:#D4AF37;

    margin-top:30px;

    margin-bottom:15px;

}

/*=====================================
        LINKS
======================================*/

.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-column ul li{

    margin-bottom:15px;

}

.footer-column ul li a{

    color:#ddd;

    text-decoration:none;

    transition:.3s;

}

.footer-column ul li a:hover{

    color:#D4AF37;

    padding-left:8px;

}

/*=====================================
        CONTACT
======================================*/

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    line-height:1.8;

    color:#ddd;

}

.footer-contact li i{

    color:#D4AF37;

    width:20px;

    margin-top:5px;

}

.footer-contact li a{

    color:#ddd;

    text-decoration:none;

}

.footer-contact li a:hover{

    color:#D4AF37;

}

/*=====================================
        HOURS
======================================*/

.footer-hours p{

    color:#ccc;

    margin:8px 0;

}

.footer-hours strong{

    color:#fff;

}

/*=====================================
        BOTTOM BAR
======================================*/

.footer-bottom{

    margin-top:70px;

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

    padding:25px 0;

    text-align:center;

}

.footer-bottom p{

    color:#aaa;

    margin:0;

    font-size:15px;

}

/*=====================================
        TABLET
======================================*/

@media(max-width:992px){

.footer-grid{

    grid-template-columns:repeat(2,1fr);

    gap:45px;

}

}

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

@media(max-width:768px){

.footer{

    padding-top:60px;

}

.footer-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.footer-logo{

    display:block;

}

.footer-logo img{

    margin:auto auto 25px;

}

.footer-social{

    justify-content:center;

}

.footer-contact li{

    justify-content:center;

    text-align:left;

}

.footer-column h3{

    margin-top:15px;

}

.footer-column ul li a:hover{

    padding-left:0;

}

}

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

@media(max-width:480px){

.footer{

    padding-top:50px;

}

.footer-grid{

    gap:35px;

}

.footer-logo img{

    width:180px;

}

.footer-column h3{

    font-size:22px;

}

.footer-description{

    font-size:14px;

}

.footer-social a{

    width:40px;

    height:40px;

}

.footer-bottom{

    padding:20px 0;

}

.footer-bottom p{

    font-size:14px;

}

}

.footer-bottom a {
    color: #fff; /* Change to your preferred color */
    text-decoration: none;
    font-weight: 600;
}

.footer-bottom a:hover {
    text-decoration: underline;
    color: #f5c542; /* Optional hover color */
}