/* Site footer (footer.php). Mobile first: brand block, then link columns 2 by 2; 5 columns on desktop. Prefix: fs-footer */
#friendly-footer.fs-footer { background: #0b3a52; color: #e8f6fc; font-size: 16px; line-height: 1.5; padding: 40px 0 0; border-top: 6px solid #00a9e0; }
.fs-footer__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 20px; }
.fs-footer__brand { grid-column: 1 / -1; }
.fs-footer__brand img { display: block; width: 160px; height: auto; margin: 0 0 12px; }
.fs-footer__about { font-size: 16px; margin: 0 0 12px; color: #fff; }
.fs-footer address { font-style: normal; margin: 0 0 12px; }
#friendly-footer.fs-footer a { color: #fff !important; text-decoration: none; }
#friendly-footer.fs-footer a:hover { color: #7fd6f2 !important; text-decoration: underline; }
#friendly-footer.fs-footer a:focus-visible { outline: 3px solid #7fd6f2; outline-offset: 2px; }
.fs-footer h4 { font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7fd6f2; margin: 0 0 10px; }
.fs-footer ul { list-style: none; margin: 0; padding: 0; }
.fs-footer li { padding: 0; }
.fs-footer li a { display: inline-block; padding: 6px 0; }
.fs-footer__social { margin: 0; display: flex; gap: 12px; }
.fs-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.1); font-size: 22px; }
.fs-footer__social a:hover { background: #00a9e0; text-decoration: none !important; color: #fff !important; }
.fs-footer__social i:before { margin: 0; }
.fs-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; margin-top: 32px; padding: 18px 0 22px; border-top: 1px solid rgba(255,255,255,.18); font-size: 14px; color: #bfe7f6; }
.fs-footer__bottom p { margin: 0; font-size: inherit; }
@media (min-width: 768px) {
	.fs-footer__grid { grid-template-columns: repeat(4, 1fr); }
}
@media (min-width: 992px) {
	#friendly-footer.fs-footer { padding-top: 56px; }
	.fs-footer__grid { grid-template-columns: 1.5fr repeat(4, 1fr); gap: 32px; }
	.fs-footer__brand { grid-column: auto; }
}