/*	
 *	AMMPA Members - Styles.
 *	
 *	©209 - Peppermint Narwhal Creative, LLC
*/

.user-affiliates-header label{
	float:left;
	width: 180px;
	text-align: right;
	clear: left;
	font-weight: bold;
	color: #999999;
	text-transform: uppercase;
	margin-right: 0.5em;
}
.user-affiliates-header .value{ float: left; }
.user-affiliates-header label.name{ color: #0059A3; }
.user-affiliates-header .user-affiliate:nth-child(even){ margin: 0.5em 0;  padding: 0.5em 0; background-color: #edf6fb; }

.ammpa-manage-members{ position: relative; }
.ammpa-manage-members .item-list{
	margin-top: 2em; 
	position: relative;
	z-index: 3;
}

.ammpa-manage-members .member-profiles{		
	padding: 2em 0 0;  
	border-radius: 0 30px 30px 30px;
	border: 2px solid #969696;
	
	transition: all, 0.3s;	
	opacity: 0;
	top: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
.ammpa-manage-members .member-profiles.active{ 
	opacity: 1;
	height: auto;
	overflow: inherit;
	position: relative;
	z-index: 1;
}
.ammpa-manage-members .user-profile-form.not-primary{ padding-top: 0; margin-top: 1.5em; }

.ammpa-manage-members .member-profiles .profile-message h3{ text-transform: uppercase; }
.ammpa-manage-members .user-profile-form .profile-message h3 .danger{ display: inline-block; margin-left:1em; text-transform: none;  }

.ammpa-manage-members .affiliated-members-form .profile-message h3{ margin: 0; }
.ammpa-manage-members .affiliated-members-form .form-wrapper.profile-message.header{ padding-bottom: 20px; border-bottom: 2px solid #7F7F7F; margin-bottom: 20px; }
.ammpa-manage-members .user-profile-form.not-primary.profile-message h3{ padding: 0 2%;; }

.ammpa-manage-members .member-profiles .form-wrapper{ padding: 2px 5%; clear: both; }
.ammpa-manage-members .member-profiles .form-item { margin: 2px 0; }
.ammpa-manage-members .member-profiles label{ 
	float: left;
	width: 14%;
	margin-right: 1%;
	text-align: right;
}
.ammpa-manage-members .member-profiles label + input,
.ammpa-manage-members .member-profiles label + .form-radios{ float: left; width: 85%; max-width: 575px; }
.ammpa-manage-members .member-profiles .description{ clear: both; margin-left: 15%; padding-bottom: 1em; }

.ammpa-manage-members .member-profiles .field-type-field-collection.form-wrapper{ padding: 0; }
.ammpa-manage-members .member-profiles .field-type-field-collection .field-label label,
.ammpa-manage-members .member-profiles .form-type-radio label,
.ammpa-manage-members .member-profiles .form-type-password-confirm label{ float: none; width: auto; text-align: left; }
.ammpa-manage-members .member-profiles .field-type-field-collection .field-label label{ padding: 0 3%; }
.ammpa-manage-members .member-profiles .field-type-field-collection td{ padding: 2px 5%; }
.ammpa-manage-members .member-profiles .field-type-field-collection .affiliation-name{ margin: 0; }

.ammpa-manage-members .member-profiles .tabledrag-toggle-weight-wrapper,
.ammpa-manage-members .member-profiles .field-multiple-drag,
.ammpa-manage-members .member-profiles th.tabledrag-hide,
.ammpa-manage-members .member-profiles td.delta-order{ display: none; }

.ammpa-manage-members .member-profiles #edit-account.form-wrapper{ margin-top: 4px; border-top: 2px solid #2998CF; padding-top: 4px; }

.ammpa-manage-members .member-profiles .form-type-password-confirm{ padding-left: 5%; }
.ammpa-manage-members .member-profiles .form-type-password-confirm input{ float: none; width: 16em; }
.ammpa-manage-members .member-profiles .form-type-password-confirm .description{ margin-left: 0; }

.ammpa-manage-members .affiliated-members-form .affiliations-wrapper,
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper{ padding: 0; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper:nth-child(even){ background-color: #edf6fb; }
.ammpa-manage-members .affiliated-members-form .affiliate-name{ padding: 0 2%; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper ul{ padding: 0; margin: 0; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member{ margin: 0 2%; padding: 0; list-style: none; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member + li.member{ margin-top: 3em; position: relative; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member + li.member:before{ 
	content: ' ';
	display: block;
	position:absolute;
	background-color: #7F7F7F;
	height: 2px;
	width: 100%;
	top: -1.5em;
	left: 0;
	overflow: hidden;
}	
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .collapse-wrapper{
	border-top: 2px solid #0074BD;
	transition: all, 1s;	
	overflow: hidden;	
}
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .collapse-wrapper.collapsed{ height: 0; border-top-color: transparent; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .profile-message.require-only{ padding-top: 1em; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .heading{ padding: 0 2%; margin: 1.5em 0; text-transform: uppercase; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .collapse-button{ padding: 1em 2%; color: #0074BD; cursor: pointer; float: right; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .affiliate-member-footer{ border-top: 2px solid #0074BD; margin-top: 1em; text-align: right; }
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member .affiliate-member-footer .remove-button{
	display: inline-block;
	font-size: 0.8em;
	line-height: 1.75em;
	padding: 0 1.5em;
}
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper .add-affiliate-button,
.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper .member-stats{ display: inline-block; white-space: nowrap; margin-left: 2%; }

.ammpa-manage-members .affiliated-members-form .member .form-wrapper.profile-message{ margin-left: 15%; padding: 0; }
.ammpa-manage-members .affiliated-members-form .member .form-wrapper.profile-message .danger{ font-weight: bold; }

@media (max-width: 720px){
	.user-affiliates-header .user-affiliate,
	.user-affiliates-header .user-affiliate:nth-child(2n){ padding-left: 2%; padding-right: 2%; }
	.user-affiliates-header label{ float: none; width: auto; text-align: left; text-transform: none; }
	.user-affiliates-header .value{ float: none; margin-left: 5%; }
	.user-affiliates-header .value.name{ margin: 0; font-weight: bold; }
	
	.ammpa-manage-members .member-profiles .form-item{ margin: 0.75em 2%; }
	.ammpa-manage-members .member-profiles .form-item.form-type-radio{ margin: 2px 2%; }
	.ammpa-manage-members .member-profiles label{ width: auto; float: none; text-align: left; }
	.ammpa-manage-members .member-profiles label + input, 
	.ammpa-manage-members .member-profiles label + .form-radios{ width: 75%; margin-left: 5%; float: none; }
	.ammpa-manage-members .member-profiles .form-wrapper{ padding: 2px 2%; }
	.ammpa-manage-members .member-profiles .field-type-field-collection.form-wrapper{ margin-top: 1em; }
	.ammpa-manage-members .member-profiles .form-type-password-confirm{ padding-left: 0; }
	.confirm-parent, .password-parent { width: auto; }
	.password-strength{ float: none; margin-bottom: 1em; }
	div.form-item div.password-suggestions{ width: auto; }
	
	.ammpa-manage-members .member-profiles .form-wrapper{ padding: 2px 1%; }
	.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper li.member{ margin: 0; }
	
	.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper .add-affiliate-button,
	.ammpa-manage-members .affiliated-members-form .affiliate-fieldset-wrapper .member-stats{ white-space: normal; line-height: 1.5em; padding: 0.3em 20px; }	
}
@media (max-width: 480px){
	.ammpa-manage-members .member-profiles label + input, 
	.ammpa-manage-members .member-profiles label + .form-radios{ width: 90%; }	
}

.member-database-search-results .facility{ margin: 1em 0; padding: 0; }
.member-database-search-results .facility > .heading{ border-bottom: 3px solid #0059A2; padding: 0.5em 2%; }
.member-database-search-results .facility > .heading h3.name{ color: black; margin: 0; }
.member-database-search-results .facility > .heading .membership-level{
	float: right;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #0059A2;
	margin-right: 3%;
}
.member-database-search-results .facility .contact-info{ padding: 0.5em; }
.member-database-search-results .facility .contact-info label,
.member-database-search-results .facility .contact-info h4.member-type{ float: left; width: 19%; margin-right: 1%; font-weight: normal; text-align: right; }
.member-database-search-results .facility .contact-info .value,
.member-database-search-results .facility .contact-info .name-wrapper{ float: left; width: 80%; }
.member-database-search-results .facility .contact-info .description{ margin-left: 20%; clear: both; padding: 0.5em 0; }

.member-database-search-results .facility .contact-info .name-wrapper{ margin-bottom: 1em; }
.member-database-search-results .facility .contact-info .name-wrapper + *{ clear: left; }
.member-database-search-results .facility .contact-info h4.member-type{ font-weight: bold; margin: 0 1% 0 0; text-align: left; }
.member-database-search-results .facility .contact-info .primary-role{ font-weight: bold; margin-left: 2em; }

.member-database-search-results .facility .contact-info.member.primary{ padding-left: 2%; background-color: #E2E2E2; }
.member-database-search-results .facility .contact-info.member.primary:last-child { border-radius: 0 0 30px 30px; }
.member-database-search-results .facility .contact-info.member.affiliated{ padding-left: 6%; }
.member-database-search-results .facility .contact-info.member.affiliated + .affiliated{ border-top: 2px solid #A9A9A9; }

@media (max-width: 720px){
	.member-database-search-results .facility > .heading{
		display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
	}
	.member-database-search-results .facility > .heading .membership-level{ text-align: right; }
	.member-database-search-results .facility .contact-info label,
	.member-database-search-results .facility .contact-info .value,
	.member-database-search-results .facility .contact-info.member .name-wrapper,
	.member-database-search-results .facility .contact-info.member h4.member-type{ display: block; float: none; width: auto; margin-bottom: 0; }	
	.member-database-search-results .facility .contact-info.member .name-wrapper .primary-role{ float: right; margin-right: 2%; }
	.member-database-search-results .facility .contact-info label{ text-align: left; font-style: italic; margin-left: 3%; }
	.member-database-search-results .facility .contact-info .value{ margin-left: 6%; }
}