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

.site-footer{
    position: relative;
    overflow: hidden;

    background: url("Images/footer Background.png") center center / cover no-repeat;

    padding: 80px 0 25px;
}

/* Keeps the content above the background image */

.footer-container,
.footer-bottom{
    position: relative;
    z-index: 2;
}

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

.footer-container{
    max-width: 1200px;
    margin: auto;
    padding: 0 40px;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 70px;
    flex-wrap: wrap;
}

/* ==========================
        BRAND
========================== */

.footer-brand{
    flex: 1;
    min-width: 280px;
}

.footer-brand h2{
    font-family: "Cormorant Garamond", serif;
    font-size: 2.4rem;
    font-weight: 700;
    color: #4b2d18;
    margin-bottom: 15px;
}

.footer-brand p{
    font-size: 1rem;
    line-height: 1.9;
    color: #5d4632;
    max-width: 360px;
}

/* ==========================
      NAVIGATION
========================== */

.footer-navigation{
    min-width: 180px;
}

.footer-navigation h3{
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    color: #4b2d18;
    margin-bottom: 20px;
}

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

.footer-navigation li{
    margin-bottom: 14px;
}

.footer-navigation a{
    text-decoration: none;
    color: #5d4632;
    font-size: 1rem;
    transition: .3s ease;
}

.footer-navigation a:hover{
    color: #7d4d22;
    padding-left: 6px;
}

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

.footer-contact{
    min-width: 260px;
}

.footer-contact h3{
    font-family: "Cormorant Garamond", serif;
    font-size: 1.5rem;
    color: #4b2d18;
    margin-bottom: 20px;
}

.footer-contact p{
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 15px;

    font-size: 1rem;
    color: #5d4632;
}

.footer-contact i{
    color: #7d4d22;
    font-size: 18px;
    width: 20px;
}

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

.footer-bottom{
    max-width: 1200px;
    margin: 60px auto 0;
    padding: 25px 40px 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;

    border-top: 1px solid rgba(75,45,24,.18);
}

.footer-bottom p{
    margin: 0;
    font-size: .95rem;
    color: #5d4632;
}

.footer-bottom span{
    color: #7d4d22;
    font-weight: 600;
}

/* ==========================
      RESPONSIVE
========================== */

@media (max-width:768px){

    .site-footer{
        padding: 60px 0 20px;
    }

    .footer-container{
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 45px;
        padding: 0 25px;
    }

    .footer-brand p{
        max-width: 100%;
    }

    .footer-contact p{
        justify-content: center;
    }

    .footer-bottom{
        flex-direction: column;
        text-align: center;
        padding: 20px 25px 0;
    }
}


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

.footer-container{
    max-width: 1200px;
    margin: auto;
    padding: 0 40px;

    display: flex;
    align-items: flex-start;
}

/* Brand */
.footer-brand{
    flex: 1;
}

/* Navigation */
.footer-navigation{
    width: 220px;
    margin-left: 120px; /* Adjust this value to move it left or right */
}

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

.footer-navigation li{
    margin-bottom: 14px;
}

/* Contact */
.footer-contact{
    margin-left: auto; /* Pushes Connect to the far right */
}


.logo-text,
.footer-brand h2{
    font-family: Georgia, serif;
    font-size: 1.7rem;
    font-weight: bold;
    color: #4b2d18;
    letter-spacing: 1px;
}





.footer-navigation h3{
    font-family: Georgia, serif;
    font-size: 1.7rem;
    font-weight: bold;
    color: #4b2d18;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.logo-text,
.footer-brand h2,
.footer-navigation h3,
.footer-contact h3{
    font-family: Georgia, serif;
    font-size: 1.7rem;
    font-weight: bold;
    color: #4b2d18;
    letter-spacing: 1px;
}


.footer-navigation h3{
    margin-left: -50px;
}

.footer-contact{
    position: relative;
    left: 50px; /* Adjust this value as needed */
}



.footer-navigation a{
    font-weight: bold;
}


.footer-navigation a,
.footer-contact p{
    font-family: "Cormorant Garamond", serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #4b2d18;
}



.footer-bottom p,
.footer-bottom span{
    font-family: "Cormorant Garamond", serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 1.2px;
}

.footer-credit{
    color: inherit;
    text-decoration: none;
    font: inherit;
}

.footer-credit:visited{
    color: inherit;
}

.footer-credit:hover{
    color: inherit;
    text-decoration: none;
}

.footer-credit:active{
    color: inherit;
}