/* === FOOTER === */

.site-footer{
  background:#111111;
  color:rgba(255,255,255,.8);
  padding:64px 0 28px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:48px;
  align-items:start;
}

/* Logo in footer */
.footer-logo {
	margin-bottom:12px;
}

.footer-logo a {
	display:inline-flex;
	align-items:center;
}

.footer-site-logo {
	max-height:110px;
	width:auto;
	display:block;
}

.footer-tagline {
  	font-size:16px;
  	line-height:1.6;
  	margin-top:8px;
}

.footer-disclaimer {
	margin-top: 35px;
	padding-top: 22px;
	border-top: 1px solid rgba(255,255,255,0.12);
}

.footer-disclaimer p {
	max-width: 980px;
	margin: 0;
	font-size: 12px;
	line-height: 1.8;
	opacity: 0.72;
}

/* Footer widget titles */
.footer-col-title{
  display:block;
  color:var(--primary-gold);
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-weight:500;
  margin-bottom:18px;
}

.footer-col-contact-title {
	margin-top:18px;
}

/* Footer nav links */
.footer-links{
  	display:flex;
  	flex-direction:column;
  	gap:10px;
	list-style: none;
}

.footer-links a {
  	font-size:13px;
  	letter-spacing:.08em;
  	transition:color var(--transition);
}

.footer-links a:hover{
  color:var(--primary-gold);
}

/* Social */
.social-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.social-links a {
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:color var(--transition);
}

.social-links a:hover{
  color:var(--primary-gold);
}

/* Bottom bar */
.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:48px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.08);
}

.footer-bottom p,
.copyright{
  margin:0;
  font-size:13px;
}

/* Dynawasp Credit */
.footer-credit{
  margin:0;
  font-size:13px;
  text-align:right;
}

.footer-credit a{
  color:var(--primary-gold);
  font-weight:500;
  text-decoration:none;
  transition:var(--transition);
}

.footer-credit a:hover{
  color:var(--gold-light);
}

/* Responsive */
@media(max-width:768px){

  .footer-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }

  .footer-credit{
    text-align:left;
  }

}