/* Footer Panel Tools */
:root {
	--ftr-lg-mx-wd: 288; /* { min: 50, max: 500, step: 10, friendly: 'Footer Logo Max Width Desktop', group: 'Calculations' } */
	--ftr-lg-mx-wd-mbl: 170; /* { min: 10, max: 300, step: 1, friendly: 'Footer Logo Max Width Mobile', group: 'Calculations' } */
	--ftr-mct-tp-ovlp: 1rem; /* { min: 0, max: 12, step: 0.5, type: 'range', friendly: 'Footer Mascot Top Overlap Amount'} */
	--ftr-mct-mx-w: 30%; /* { min: 0, max: 100, step: 1, type: 'range', friendly: 'Footer Mascot Max Width'} */
	--ftr-lg-mx-wd-clc: calc((var(--ftr-lg-mx-wd-mbl) * 1px) + (var(--ftr-lg-mx-wd) - var(--ftr-lg-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320))); /* { readonly: true } */
}

.ftr {

	.ftr-lg {
		max-width: var(--ftr-lg-mx-wd-clc);
		width: fit-content;
	}

	div:has( + picture.mct) {
		z-index: 1;
	}

	picture.mct {
		margin-top: calc(-1 * var(--ftr-mct-tp-ovlp));
		max-width: var(--ftr-mct-mx-w);

		> img {
			width: auto;
		}
	}

	@media screen and (max-width: 1279px) {

		.ta_l-1280 .ftr-lg {
			margin-inline: auto;
		}

	}

	@media screen and (max-width: 699px) {

		.ta_l-700 .ftr-lg {
			margin-inline: auto;
		}

	}
}