/* ==========================================================================
   Footer: 5px solid gold divider, black background, white text
   ========================================================================== */

.dc-footer { margin-top: 64px; background: var(--black); color: var(--white); }

/* Gold divider: 5px solid brand gold. */
.dc-footer__gold { height: 5px; background: var(--gold-bar); }

.dc-footer__grid {
	display: grid; gap: 36px;
	padding-top: 48px; padding-bottom: 40px;
	grid-template-columns: 1fr;
}
@media (min-width: 700px) {
	.dc-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 1100px) {
	.dc-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1.3fr; gap: 48px; }
}

.dc-footer__logo { display: inline-block; line-height: 0; }
.dc-footer__logo img { height: 34px; width: auto; }
.dc-footer__about { margin-top: 16px; max-width: 46ch; color: #cfcfcf; font-size: 14px; line-height: 1.65; }
.dc-footer__trust { margin-top: 18px; display: grid; gap: 10px; }
.dc-footer__trust li { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; }
.dc-footer__trust .dc-icon { width: 20px; height: 20px; color: var(--gold-bar); }

.dc-footer__h { margin-bottom: 14px; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--white); }
.dc-footer__list { display: grid; gap: 10px; font-size: 14px; }
.dc-footer a { color: var(--white); text-decoration: none; }
.dc-footer a:hover, .dc-footer a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.dc-footer__contact li, .dc-footer__contact a { display: flex; align-items: flex-start; gap: 10px; }
.dc-footer__contact .dc-icon { width: 18px; height: 18px; margin-top: 2px; color: var(--gold-bar); }
.dc-footer__hours { color: #cfcfcf; }

.dc-footer__bottom { border-top: 1px solid #262626; }
.dc-footer__bottom-in {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
	padding-top: 18px; padding-bottom: 22px; font-size: 13px; color: #a8a8a8;
}
.dc-footer__bottom .dc-footer__list, .dc-footer__social { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; }
.dc-footer__bottom a { color: #cfcfcf; }