/**
 * Front-end layout for the member pages, scoped to the plugin's own templates
 * so it cannot restyle anything else in a theme.
 *
 * The templates use Bootstrap 3's .container to centre their content. Bootstrap
 * gives .container a fixed width per breakpoint (750 / 970 / 1170px). On a
 * full-width page template that is a neat centred column; inside a theme whose
 * content column is already narrower, a fixed width cannot shrink and spills
 * out of it. Turning the same widths into maximums keeps the first case
 * identical and fixes the second, whatever the theme.
 *
 * #register-form is the member dashboard's wrapper (the old plugin's id).
 */

#profile-form .container,
#enrolment-form .container,
#register-form .container {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

@media ( min-width: 768px ) {
	#profile-form .container,
	#enrolment-form .container,
	#register-form .container {
		max-width: 750px;
	}
}

@media ( min-width: 992px ) {
	#profile-form .container,
	#enrolment-form .container,
	#register-form .container {
		max-width: 970px;
	}
}

@media ( min-width: 1200px ) {
	#profile-form .container,
	#enrolment-form .container,
	#register-form .container {
		max-width: 1170px;
	}
}