/*
 * Compatibility layer for the INFOGLOB child theme.
 *
 * WP-Forge 6.5 replaced Foundation's legacy float grid with the XY grid.
 * Historic INFOGLOB templates and page content still use .row/.columns.
 * Keep the compatibility rules here so the upstream WP-Forge theme remains
 * unmodified and can be replaced with its official distribution.
 */
.row {
	max-width: 75rem;
	margin-right: auto;
	margin-left: auto;
}
.row::before,
.row::after {
	display: table;
	content: " ";
}
.row::after { clear: both; }
.row .row {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}
.column.row.row,
.row.row.columns {
	float: none;
}
.row .column.row.row,
.row .row.row.columns {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}
.row.expanded { max-width: none; }
.column,
.columns {
	width: 100%;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	float: left;
}
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) { float: right; }
.column.end:last-child,
.end.columns:last-child { float: left; }
.row.collapse > .column,
.row.collapse > .columns {
	padding-right: 0;
	padding-left: 0;
}
.small-12 { width: 100%; }
.small-up-2 > .column,
.small-up-2 > .columns {
	width: 50%;
	float: left;
}
.small-up-2 > .column:nth-of-type(1n),
.small-up-2 > .columns:nth-of-type(1n) { clear: none; }
.small-up-2 > .column:nth-of-type(2n+1),
.small-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
.small-up-2 > .column:last-child,
.small-up-2 > .columns:last-child { float: left; }
@media screen and (min-width: 40em) {
	.row .row {
		margin-right: -0.9375rem;
		margin-left: -0.9375rem;
	}
	.medium-2 { width: 16.66667%; }
	.medium-3 { width: 25%; }
	.medium-4 { width: 33.33333%; }
	.medium-5 { width: 41.66667%; }
	.medium-6 { width: 50%; }
	.medium-7 { width: 58.33333%; }
	.medium-8 { width: 66.66667%; }
	.medium-9 { width: 75%; }
	.medium-12 { width: 100%; }
	.medium-up-2 > .column,
	.medium-up-2 > .columns {
		width: 50%;
		float: left;
	}
	.medium-up-2 > .column:nth-of-type(1n),
	.medium-up-2 > .columns:nth-of-type(1n) { clear: none; }
	.medium-up-2 > .column:nth-of-type(2n+1),
	.medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; }
	.medium-up-2 > .column:last-child,
	.medium-up-2 > .columns:last-child { float: left; }
	.medium-up-4 > .column,
	.medium-up-4 > .columns {
		width: 25%;
		float: left;
	}
	.medium-up-4 > .column:nth-of-type(1n),
	.medium-up-4 > .columns:nth-of-type(1n) { clear: none; }
	.medium-up-4 > .column:nth-of-type(4n+1),
	.medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
	.medium-up-4 > .column:last-child,
	.medium-up-4 > .columns:last-child { float: left; }
}
@media screen and (min-width: 64em) {
	.large-2 { width: 16.66667%; }
	.large-3 { width: 25%; }
	.large-4 { width: 33.33333%; }
	.large-5 { width: 41.66667%; }
	.large-7 { width: 58.33333%; }
	.large-8 { width: 66.66667%; }
	.large-12 { width: 100%; }
	.large-up-3 > .column,
	.large-up-3 > .columns {
		width: 33.33333%;
		float: left;
	}
	.large-up-3 > .column:nth-of-type(1n),
	.large-up-3 > .columns:nth-of-type(1n) { clear: none; }
	.large-up-3 > .column:nth-of-type(3n+1),
	.large-up-3 > .columns:nth-of-type(3n+1) { clear: both; }
	.large-up-3 > .column:last-child,
	.large-up-3 > .columns:last-child { float: left; }
	.large-up-5 > .column,
	.large-up-5 > .columns {
		width: 20%;
		float: left;
	}
	.large-up-5 > .column:nth-of-type(1n),
	.large-up-5 > .columns:nth-of-type(1n) { clear: none; }
	.large-up-5 > .column:nth-of-type(5n+1),
	.large-up-5 > .columns:nth-of-type(5n+1) { clear: both; }
	.large-up-5 > .column:last-child,
	.large-up-5 > .columns:last-child { float: left; }
}

@media screen and (min-width: 40em) {
	/* Foundation 6.8 makes .menu a flex container. The historic Infoglob
	 * navigation relies on inline-block items so the whole menu stays centered. */
	.nav_container #main-menu .top-bar-left > ul.menu.medium-horizontal {
		display: block;
	}
}
