/*
 * Footer: a strip whose lower edge has white scallops cutting up into it (the
 * header band is the opposite way round), then the copyright line and the
 * address. Sizes measured on the royal-child baseline: 14px solid strip, 4px
 * teeth on a 14px period, 26px text lines.
 */

.site-footer {
	position: relative;
	padding: 19px 16px 5px;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
}

.site-footer::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 18px;
	background: var(--sm-footer-strip);
	-webkit-mask:
		linear-gradient(#000 0 0) top left / 100% 14px no-repeat,
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 4'%3E%3Cpath d='M0 0H14V4A7 4 0 0 0 0 4Z'/%3E%3C/svg%3E") left -0.5px bottom / 14px 4px repeat-x;
	mask:
		linear-gradient(#000 0 0) top left / 100% 14px no-repeat,
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 4'%3E%3Cpath d='M0 0H14V4A7 4 0 0 0 0 4Z'/%3E%3C/svg%3E") left -0.5px bottom / 14px 4px repeat-x;
	pointer-events: none;
}

.site-footer p {
	margin: 0;
}

.site-footer__copy {
	color: var(--sm-footer-copy);
}

.site-footer__address {
	color: var(--sm-footer-address);
}