/**
* plugin styles
*/

#registration-groups-section {
	float: right;
	width: 48%;
}

.reg_groups_group_checkbox {
	margin: 0 5px 0 0;
}

#buddypress .standard-form label.reg_groups_group_label,
.reg_groups_group_label {
	display: inline;
	font-weight: normal;
}

@media only screen and (max-width: 480px) {
	#registration-groups-section {
		float: none;
		width: 100%;
	}
}

.reg_groups_item {
	list-style: none;
}

.reg_groups_none {
	font-style: italic;
	color: gray;
}

/**
 * Styling the for the 'multiselect' version of the
 * checkboxes. Matches the default BuddyPress form fields
 * look. Override to match your theme.
 */
.reg_groups_list_multiselect {
    height: 8em;
		border: 1px solid #ccc;
		background: #fafafa;
		padding: 6px;
    overflow: auto;
}

/**
 * Inline error shown when a group selection is required but none was made.
 * Matches the look of the BuddyPress signup field errors; themes that style
 * .error take precedence.
 */
#registration-groups-section .reg_groups_error {
	border-left: 4px solid #b32d2e;
	background: #fcf0f1;
	color: #b32d2e;
	padding: 8px 12px;
	margin: 0 0 10px;
}

/**
 * Auto-join groups shown as locked entries.
 */
.reg_groups_automatic {
	font-style: italic;
	color: gray;
	font-size: 0.9em;
}

/**
 * The fieldsets exist for assistive technology — they tell screen readers
 * which question each group of checkboxes/radios answers. Visually they are
 * invisible wrappers, so strip the browser/theme fieldset chrome.
 */
#buddypress #registration-groups-section .reg_groups_fieldset,
#registration-groups-section .reg_groups_fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	min-width: 0;
	background: transparent;
}

/**
 * Curated group sections: each configured section renders as its own titled
 * block inside the groups section.
 */
#buddypress #registration-groups-section .reg_groups_section,
#registration-groups-section .reg_groups_section {
	margin: 0 0 12px;
}

#buddypress .reg_groups_section_title,
.reg_groups_section_title {
	margin: 0 0 2px;
	font-size: 1.2em;
	font-weight: 600;
}

.reg_groups_section_description {
	margin: 0 0 6px;
	font-size: 0.85em;
	font-style: italic;
	color: gray;
}

/**
 * The BP Nouveau template pack lays the register page sections out with
 * flexbox. Without a flex size of its own the groups section gets squeezed
 * into a narrow extra column, so give it a full row instead.
 */
#buddypress .layout-wrap #registration-groups-section {
	float: none;
	width: 100%;
	flex: 1 100%;
}