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

.site-footer{
  background:var(--color-dark);
  color:#b8c9c3;
  padding-top:60px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:40px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.footer-brand .brand{ margin-bottom:14px; }
.footer-brand .brand-text .brand-name{ color:#fff; }
.footer-brand .brand-text .brand-name .bn-bottom{ color:var(--color-gold); }
.footer-brand .brand-text .brand-tag{ color:#8ea69d; }
.footer-brand p{ color:#9fb3ac; font-size:.9rem; max-width:320px; }
.footer-social{ display:flex; gap:12px; margin-top:16px; }
.footer-social a{
  width:38px; height:38px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  transition:var(--transition);
}
.footer-social a:hover{ background:var(--color-gold); border-color:var(--color-gold); color:#1a1500; }

.footer-col h4{ color:#fff; font-size:1rem; margin-bottom:18px; }
.footer-col ul li{ margin-bottom:10px; }
.footer-col ul li a{ color:#9fb3ac; font-size:.92rem; }
.footer-col ul li a:hover{ color:var(--color-gold); }
.footer-col .contact-line{ display:flex; gap:10px; align-items:flex-start; color:#9fb3ac; font-size:.92rem; margin-bottom:12px; }
.footer-col .contact-line i{ color:var(--color-gold); margin-top:3px; }

.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:22px 0;
  font-size:.82rem;
  color:#7f948d;
  flex-wrap:wrap;
  gap:10px;
}
.footer-bottom .heart{ color:#d1495b; }

@media (max-width:900px){
  .footer-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .footer-grid{ grid-template-columns:1fr; }
}