/*
 * Site-wide footer, restyled to the comp's footer (#1096:1410, "footer.end"), which
 * is the existing footer's layout with regular-weight type. Loaded on every page.
 */
footer.end { background: #F2F2F2; }
/* #1096:1503: Roboto 400 16px #212121, 22px lines */
footer.end .foot-left1,
footer.end .foot-left1 p,
footer.end .foot-left1 a {
	font-family: 'robotoregular', Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #212121;
}
/* #1096:1514 and down: the link column, Roboto 400 16px right-aligned, a 24px step */
footer.end .foot-right ul li {
	font-family: 'robotoregular', Roboto, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	padding: 0 0 2px;
}
footer.end .foot-right ul li a { color: #212121; }
footer.end .foot-right ul li a:hover,
footer.end .foot-right ul li a:focus-visible { color: #3454D1; text-decoration: underline; }
/* #1096:1533: bottom row, Roboto 400 15px #9A9A9A */
footer.end .foot-btm,
footer.end .foot-btm a,
footer.end .foot-btm .foot-right ul.nav li { font-family: 'robotoregular', Roboto, Arial, sans-serif; font-size: 15px; line-height: 20px; color: #9A9A9A; }
footer.end .end-cr a:hover { color: #3454D1; }
/* #1096:1512 and #1096:1513: the two membership marks at their drawn sizes */
footer.end .foot-logos img { display: block; height: auto; }
footer.end .foot-logos:not(.last) img { width: 157px; }
footer.end .foot-logos.last img { width: 268px; }
@media (max-width: 767px) {
	footer.end .foot-logos img { margin-inline: auto; }
}
/* On the redesigned pages every section starts 40px in from 768 to 1439, and the footer's own
   15px container gutter stood visibly further out */
@media (min-width: 768px) and (max-width: 1439px) {
	body.rd-page footer.end > .container { padding-left: 40px; padding-right: 40px; }
}
/* Tablet: four floated columns did not fit. The link column was 110px wide, so "Owner's
   Representation" and "Property Management" broke across two lines; it now runs full width
   under the rest, in three columns. */
@media (min-width: 768px) and (max-width: 1023px) {
	footer.end > .container > .foot-midd { float: none; width: 100%; display: flow-root; }
	footer.end > .container > .foot-right { float: none; clear: both; width: 100%; margin-top: 30px; }
	footer.end > .container > .foot-right ul { columns: 3; column-gap: 30px; }
	footer.end > .container > .foot-right ul { margin: 0; padding: 0; }
	footer.end > .container > .foot-right ul li { float: none; display: block; margin: 0; padding-left: 0; padding-right: 0; text-align: left; break-inside: avoid; }
}