#colophon,
.site-footer-wrap {
	background: var(--bd-black);
	color: rgba(255, 255, 255, 0.78);
}

#colophon .widget-title,
#colophon h2,
#colophon h3 {
	color: var(--bd-white);
	font-size: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 16px;
}

#colophon a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
}

#colophon a:hover,
#colophon a:focus {
	color: var(--bd-yellow);
}

#colophon .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#colophon .widget li {
	margin: 0 0 8px;
}

#colophon .site-middle-footer-inner-wrap.site-footer-row-columns-4 {
	grid-template-columns: repeat(4, max-content);
	justify-content: center;
	column-gap: 120px;
	row-gap: 32px;
}

#colophon .site-middle-footer-inner-wrap .footer-widget-area {
	text-align: left;
	flex: 0 0 auto;
	width: max-content;
}

@media (max-width: 1024px) {
	#colophon .site-middle-footer-inner-wrap.site-footer-row-columns-4 {
		grid-template-columns: repeat(2, max-content);
		column-gap: 96px;
	}
}

@media (max-width: 767px) {
	#colophon .site-middle-footer-inner-wrap.site-footer-row-columns-4 {
		grid-template-columns: max-content;
	}
}

.site-footer-inner-wrap .footer-html {
	color: rgba(255, 255, 255, 0.55);
	font-size: 14px;
}

.bd-footer-brand {
	margin: 0 0 8px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--bd-white);
}

.bd-footer-brand + p {
	margin: 8px 0 0;
	color: rgba(255, 255, 255, 0.7);
}