/* ==========================================================
   BabyChoice Nappies
   FOOTER CSS
========================================================== */


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


.site-footer {


background:

linear-gradient(
135deg,
#342521,
#4A332D
);


color:#E9DFDA;


padding:70px 0 25px;


margin-top:80px;


}



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


.footer-grid {


display:flex;


flex-wrap:wrap;


gap:40px;


margin-bottom:45px;


}



.footer-grid > div {


flex:1 1 200px;


}



.footer-grid > div:first-child {


flex:2 1 280px;


}



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


.footer-brand h4 {


color:white;


font-size:26px;


margin-bottom:12px;


}



.footer-brand p {


color:#D3C5BE;


max-width:300px;


font-size:15px;


}



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


.footer-grid h4 {


color:white;


font-size:18px;


margin-bottom:18px;


}



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


.footer-grid a {


display:block;


color:#C9BDB6;


margin-bottom:12px;


font-size:15px;


transition:.25s;


}



.footer-grid a:hover {


color:var(--pink);


transform:translateX(4px);


}



/* ===============================
   SOCIAL ICONS
================================ */


.footer-social {


display:flex;


gap:12px;


margin-top:10px;


}



.footer-social a {


width:42px;


height:42px;


border-radius:50%;


display:flex;


align-items:center;


justify-content:center;


background:

rgba(255,255,255,.12);


transition:.25s;


}



.footer-social a:hover {


background:var(--pink-deep);


transform:

translateY(-4px);


}



/* Font Awesome icons */


.footer-social i {


font-size:20px;


color:white;


}



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


.footer-bottom {


border-top:

1px solid rgba(255,255,255,.15);


padding-top:22px;


text-align:center;


font-size:14px;


color:#B7AAA4;


}



/* ===============================
   FOOTER WHATSAPP HIGHLIGHT
================================ */


.footer-whatsapp {


color:#25D366!important;


font-weight:800;


}


.footer-whatsapp:hover {


color:#1ebe5d!important;


}