/* Footer and footer CTA. */

body.industrial-site #colophon {
	background: var(--pg-inverse-bg) !important;
	color: var(--pg-inverse-text);
	border-top: 1px solid rgba(245, 245, 245, 0.16) !important;
}

body.industrial-site #colophon [class*="bg-slate"] {
	background: transparent !important;
}

body.industrial-site #colophon [class*="border-slate"] {
	border-color: rgba(245, 245, 245, 0.18) !important;
}

body.industrial-site #colophon .text-white,
body.industrial-site #colophon .text-slate-100,
body.industrial-site #colophon .text-slate-200,
body.industrial-site #colophon .text-slate-300 {
	color: var(--pg-inverse-text) !important;
}

body.industrial-site #colophon .text-slate-400,
body.industrial-site #colophon .text-slate-500,
body.industrial-site #colophon .text-slate-600 {
	color: rgba(245, 245, 245, 0.72) !important;
}

body.industrial-site #colophon a {
	color: rgba(245, 245, 245, 0.9) !important;
}

body.industrial-site #colophon a:hover,
body.industrial-site #colophon a:focus {
	color: #ffffff !important;
}

body.industrial-site #colophon a.bg-amber-400,
body.industrial-site #colophon a.bg-amber-400:hover,
body.industrial-site #colophon a.bg-amber-400:focus {
	background: #f5f5f5 !important;
	border-color: #f5f5f5 !important;
	color: #111111 !important;
}

body.industrial-site #colophon a.inline-flex[class*="border-slate"] {
	background: transparent !important;
	border-color: rgba(245, 245, 245, 0.28) !important;
	color: var(--pg-inverse-text) !important;
}

body.industrial-site #colophon a.inline-flex[class*="border-slate"]:hover,
body.industrial-site #colophon a.inline-flex[class*="border-slate"]:focus {
	border-color: rgba(245, 245, 245, 0.56) !important;
	background: rgba(245, 245, 245, 0.08) !important;
	color: #ffffff !important;
}

body.industrial-site #colophon .footer-cta {
	border: 1px solid rgba(245, 245, 245, 0.3) !important;
	background: transparent !important;
	color: var(--pg-inverse-text) !important;
}

body.industrial-site #colophon .footer-cta:hover,
body.industrial-site #colophon .footer-cta:focus {
	border-color: rgba(245, 245, 245, 0.68) !important;
	background: rgba(245, 245, 245, 0.08) !important;
	color: #ffffff !important;
}

body.industrial-site #colophon .footer-cta--solid {
	border-color: #f5f5f5 !important;
	background: #f5f5f5 !important;
	color: #111111 !important;
}

body.industrial-site #colophon .footer-cta--solid:hover,
body.industrial-site #colophon .footer-cta--solid:focus {
	border-color: #ffffff !important;
	background: #ffffff !important;
	color: #000000 !important;
}