/**
 * Layout fixes: centered 960px design, responsive slider, stable two-column layout.
 */

/* Center the fixed-width layout (original design ~60em / 960px). */
@media screen and (min-width: 49em) {
	#container,
	#menu-primary .wrap,
	#menu-secondary .wrap,
	#main .wrap,
	#header,
	#footer .wrap,
	#sidebar-subsidiary .wrap,
	#menu-subsidiary .wrap {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		max-width: 60em;
		width: 100%;
	}

	.layout-2c-l #content,
	.layout-default #content {
		float: left;
		width: 64%;
	}

	.layout-2c-l #sidebar-primary,
	.layout-default #sidebar-primary {
		clear: right;
		float: right;
		width: 32%;
	}

	#menu-primary {
		display: block !important;
	}

	#menu-secondary {
		display: block !important;
	}

	#menu-primary-mobile,
	#menu-secondary-mobile,
	#menu-primary-title,
	#menu-secondary-title {
		display: none !important;
	}
}

/* White content card and spacing inside main area. */
#main .wrap {
	box-sizing: border-box;
}

/* Responsive Meta Slider (was fixed 960px wide). */
.metaslider,
.metaslider .flexslider,
.metaslider .flex-viewport,
.metaslider .slides,
.metaslider .slides > li {
	max-width: 100% !important;
	width: 100% !important;
}

.metaslider img,
.metaslider .msDefaultImage {
	display: block;
	height: auto !important;
	max-width: 100% !important;
	width: 100% !important;
}

.metaslider .caption-wrap {
	box-sizing: border-box;
	left: 0;
	right: 0;
	width: 100%;
}

/* Prevent horizontal overflow on smaller viewports. */
html,
body {
	overflow-x: hidden;
}

img,
video,
iframe {
	max-width: 100%;
	height: auto;
}

/* Footer: copyright left, back to top right. */
.footer-content {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: space-between;
}

.footer-content p {
	margin: 0.5em 0;
}

.footer-content .credit {
	margin-left: auto;
	text-align: right;
}