// Registration Screen
// Styles the registration index.php form and elements.
// @version 3.0.0

.register-page {

	.register-section {

		@include box-model();
	}

	.signup-form {
		margin-top: $marg-lrg;

		.default-profile {

			input {
				margin-bottom: $marg-lrg;
				width: 100%;
			}
		}

		label,
		legend {
			margin: $marg-sml 0 0;
		}

		// profile extra element wrapper
		.editfield {
			margin: $marg-med 0;

			fieldset {
				border-width: 0;
				padding: 0;

				legend {
					margin: 0 0 5px;
					text-indent: 0;
				}
			}

			.field-visibility-settings {
				padding: $pad-sml;

				fieldset {
					margin: 0 0 $marg-sml;
					border-width: 1px;
					padding: 0.35em 0.625em 0.75em;
				}
			}
		} // editfield

		#signup-avatar img {
			margin: 0 $marg-med $marg-sml 0;
		}

		.password-entry,
		.password-entry-confirm {
			border: 1px solid $bp-border-color;
		}
	} // close .signup-form

} // close .register-page

// Flex layout containers for registration sections

@include medium-up() {

	.buddypress-wrap {

		.register-page {

			.layout-wrap {
				display: flex;
				flex-flow: row wrap;
				justify-content: space-around;

				.default-profile {
					flex: 1;
					padding-right: $pad-lrg;
				}

				.blog-details {
					flex: 1;
					padding-left: $pad-lrg;
				}
			}

			.submit {
				clear: both;
			}

		}
	}
}

// have we got extended profiles to factor in,
// if so we'll adjust the child item elements.

@include medium-up() {

	.buddypress-wrap.extended-default-reg {

		.register-page {

			.default-profile {
				flex: 1;
				padding-right: $pad-med;
			}

			.extended-profile {
				flex: 2;
				padding-left: $pad-med;
			}

			.blog-details {
				flex: 1 100%;
			}
		}
	}
}
