/*------------------------------------------------------
MEMBERS
------------------------------------------------------*/

/* Filter */

.members_filter {
	display: block;
	margin-bottom:40px;
}

.members_filter input {
	width: -moz-calc(100% - 22px) !important;
	width: -webkit-calc(100% - 22px) !important;
	width: -o-calc(100% - 22px) !important;
	width: calc(100% - 22px) !important;
	padding:10px !important;
	border:1px solid #ccc !important;
}

.member_row {
	display: block;
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
}

.member_row span.group {
	display: none;
}

.member_row .column_left, .member_row .column_right,
.members_filter .column_left, .members_filter .column_right {
	display: block;
	float: left;
	width: -moz-calc(50% - 20px);
	width: -webkit-calc(50% - 20px);
	width: -o-calc(50% - 20px);
	width: calc(50% - 20px);
}

.member_row .column_left, .members_filter .column_left {
	margin-right:20px;
}

.member_row .column_right, .members_filter .column_right {
	margin-left:20px;
}

/*------------------------------------------------------
MEMBERS V2
------------------------------------------------------*/

.grid {
	display: -ms-grid;
	display: grid;
	align-items: start;
}

body.page-template-mitglieder .grid {
	padding-top:80px;
}

.members_overview_v2 {
	margin-left:-12px;
	margin-right:-12px;
	display: -ms-grid;
	display: grid;
	grid-gap: 12px;
	grid-row-gap: 0px;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
	-ms-grid-row: 2 / 2;
	grid-row:2 / 2;

}

.members_filter_v2 {
	-ms-grid-row: 1 / 1;
	grid-row:1 / 1;
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

.members_filter_v2 .no_results {
	display:none;
	padding-top:20px;
}

.members_filter_v2 .no_results a {
	cursor:pointer;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.members_filter_v2 .no_results.active {
	display:block;
}

.members_overview_v2 .member_preview {
	margin:0 12px 30px 12px;
}

.members_overview_v2 .member_preview .member_preview_image {
	display:block;
	width:100%;
	height:auto;
	aspect-ratio: 3 / 2;
	background:#ededed;
	margin-bottom:7px;
}

.members_overview_v2 .member_preview a {
	text-decoration:none !important;
	color:#000 !important;
}

.members_overview_v2 .member_preview .member_preview_image_color_1 {
	background:#C8B4A0;
}

.members_overview_v2 .member_preview .member_preview_image_color_2 {
	background:#E6E6E4;
}

.members_overview_v2 .member_preview .member_preview_image_color_3 {
	background:#C2DEE2;
}

.members_overview_v2 .member_preview .member_preview_image_color_4 {
	background:#C0ECB6;
}

.members_overview_v2 .member_preview .member_preview_image_color_5 {
	background:#FFE2A2;
}

.members_overview_v2 .member_preview .member_preview_image_color_6 {
	background:#FED6B2;
}

.members_overview_v2 .member_preview .member_preview_image_color_7 {
	background:#FFD8DC;
}

.members_overview_v2 .member_preview .member_preview_infos {
	display:block;
	border-bottom:1px solid #000;
	padding-bottom:2px;
}

.member_preview_links {
	display:block;
	margin-top:9px;
}

.member_preview_links a {
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.member_preview_links a.kleio_button span {
	-webkit-transform: translateY(0.4px);
	transform: translateY(0.4px);
}

 .member_preview_button {
	height:15px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding:0 6px;
	border:1px solid #000;
	border-radius:16px;
	background:none !important;
	color:#000;
	text-decoration:none;
	font-size:12px;
	line-height:15px;
	font-weight:normal;
	letter-spacing:0.02em;
}

a.member_preview_insta {
	display:inline-block;
	height:16px;
	width:16px;
	background:url('../images/icon_instagram.svg') no-repeat center center;
	background-size:100% 100%;
	text-indent:-10000px;
}

a.member_preview_fb {
	display:inline-block;
	height:12px;
	width:7px;
	background:url('../images/icon_fb.svg') no-repeat center center;
	background-size:100% 100%;
	text-indent:-10000px;
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

.members_filter .full_column {
	margin-bottom:24px;
}

.show_filter_on_mobile {
	display:none;
}

/*------------------------------------------------------
MEMBER DETAIL
------------------------------------------------------*/

.page_default.mitglied_detail .artist_type {
	border-bottom:1px solid #000;
	margin-top:12px;
	padding-bottom:6px;
	margin-bottom:6px;
}

.member_preview_button.grey_buttons {
	background:#E6E6E4 !important;
	border:none 0 !important;
	padding:1px 7px 2px 7px !important;
}

.member_preview_button.grey_buttons span {
	-webkit-transform: translateY(0.5px);
	transform: translateY(0.5px);
}

.media_buttons {
	margin-top:6px;
	margin-bottom:48px;
}

.image_outer {
	margin-left:152px;
	margin-right:152px;
}

.image_outer.mobile_only {
	display:none;
}

.image_outer img {
	display:block;
	width:100%;
	height:auto;
}

/*------------------------------------------------------
Custom Select
------------------------------------------------------*/

.custom_select_box,
.plz_autocomplete {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom:24px;
}

.custom_select_box .selected_value {
	display: block;
	background: url('../images/select_arrow_down.svg') no-repeat right 20px center;
	background-size:17px 9px;
	padding:10px;
	cursor:pointer;
	border:1px solid #ccc;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.custom_select_box .selected_value.active {
	background: url('../images/select_arrow_up.svg') no-repeat right 20px center;
	background-size:17px 9px;
}

.custom_select_box .dropdown_values {
	display: none;
	position: absolute;
	background: #c2dee2;
	padding:0 0;
	z-index: 1000;
	left:0;
	right: 0;
	max-height: 280px;
	margin:0 0;
	overflow: hidden;
	padding:10px 0;
}

.members_filter .custom_select_box .dropdown_values {
	background:#fff;
	border:1px solid #ccc;
	border-top:none 0;
	overflow-y:scroll;
	overflow-x:hidden;
}

.custom_select_box .dropdown_values a {
	display: block;
	cursor:pointer;
	font-size:18px;
	line-height: 18px;
	padding:10px 10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom_select_box .dropdown_values a:hover, .custom_select_box .dropdown_values a.active {
	background: #ededed;
}

.custom_select_box .dropdown_values .mCSB_inside>.mCSB_container {
	margin-right:0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background:#ccc !important;
	border-color:#ccc !important;
	color:#000 !important;
}

.ui-autocomplete {
	max-height:200px;
	overflow-x:hidden;
	overflow-y:auto;
}

@media all and (max-width: 720px) and (min-width: 0) {

	.members_overview_v2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.members_overview_v2 {
		grid-template-columns: repeat(1, 1fr);
	}

	.members_filter {
		margin-bottom:40px;
	}

	.members_overview_v2 .member_preview {
		margin-bottom:14px;
	}

	.show_filter_on_mobile {
		display:block;
		cursor:pointer;
		text-align:center;
	}

	.members_filter .column_left.hide_on_mobile, .members_filter .column_right.hide_on_mobile {
		display:none;
	}

}