/*
	----------------------------------------------------------------------------------------------
	--- Ultimate Member Override CSS -------------------------------------------------------------
	Version: 1.0.0
*/

	

	
/* --- Ultimate Member Allgemein ----------------------------------------------------------------- */


.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt
{
	color: #fff;
	background-color: #583d3d;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover
{
	color: #fff;
	background-color: rgb(33, 63, 95);
}




.um .um-field-group-head,
.picker__box,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um .um-button,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um-profile-nav-item a
{
	background-color: var(--cs-color_link);
}

.um .um-profile-nav-item.active a,
.um .um-members-pagi span.current,
div.uimob800 .um-account-side li a.current
{
	background-color: var(--cs-color_link-current);
}

.um-account-side li a span.um-account-icon,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon
{
	width: 50px;
}

.um a.um-link,
.um-account-name a,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-item-meta a,
i.um-active-color, span.um-active-color,
.um-profile.um .um-profile-headericon a,
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a
{
	color: var(--cs-color_link);
}

.um .um-profile-subnav a.active,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon
{
	color: var(--cs-color_link-current);
}




.um-profile-nav-item a:hover,
.um .um-profile-nav-item.active a:hover,
.um-modal-btn.disabled:hover,
.um .um-button:hover,
.um input[type=submit].um-button:hover,
.um a.um-button:hover,
.um-members-pagi .pagi:hover
{
	background-color: var(--cs-color_link-hover);
}

.um .um-members-pagi span.current:hover,
div.uimob800 .um-account-side li a.current:hover
{
	background-color: var(--cs-color_link-current);
}


.um a.um-link:hover,
.um .um-tip:hover,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um-account-name a:hover,

.um-dropdown li a:hover,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um-profile.um .um-profile-headericon a:hover,
.um-account-side li a:hover,
.um-account-side li a span.um-account-icon:hover,
.um-account-side li a span.um-account-title:hover,
.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover
{
	color: var(--cs-color_link-hover);
}



.um-profile.um .um-profile-edit-a.active,
.um-account-side li a.current:hover span.um-account-icon
{
	color: var(--cs-color_link-current);
}



.um-account,
.um-directory
{
	width: 95%;
	max-width: 1200px;
}


.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row
{
	justify-content: flex-start;
}


.um-directory .um-members-pagination-box .um-members-pagi
{
	align-items: center;
}


.um-directory .um-members-pagination-box .um-members-pagi .pagi
{
	border-radius: 100%;
	background-color: var(--cs-color_link);
	margin: 0 0.1rem;
	color: #fff !important;
	padding: 0.5rem 1.3rem;
	
	width: 55px;
	height: auto;
	aspect-ratio: 1 / 1;
}

.um-directory .um-members-pagination-box .um-members-pagi .pagi:hover
{
/* 	color: #fff !important; */
	background-color: var(--cs-color_link-hover);
}


.um-directory .um-members-pagination-box .um-members-pagi .pagi.current
{
	background-color: var(--cs-color_link-current);
}


/* Meta Kommentare ausblenden */
.um-item-meta span:nth-child(3)
{
    display: none !important;
}


.um .um-form input[type=text],
.um .um-form input[type=search],
.um .um-form input[type=tel],
.um .um-form input[type=password],
.um .um-form textarea
{
	color: var(--cs-color_body-font);
}




/* --- Mitglieder Liste -------------------------------------------------------------------------------------------------------------------------------------- */


.um-directory
{
	margin-top: 3vh;
}



.um-directory.uimob500 .um-member-directory-nav-line,
.um-directory.uimob340 .um-member-directory-nav-line
{
	flex-direction: column !important;
	align-items: flex-end !important;
}


.um-member-directory-filters
{
	margin: 0.3rem 0;
}


.um-member-directory-sorting-a
{
	border: 1px solid var(--cs-color_dunkelrot);
	border-radius: 3px;
	padding: 0.2rem 0.5rem;
	background-color: #fff;
}


.um-member-directory-filters-a,
.um-clear-filters
{
	background-color: var(--cs-color_link);
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(var(--cs-color-rgb_body-font), 0.5);
	padding: 0;
}

.um-member-directory-filters-a:hover,
.um-clear-filters:hover
{
	background-color: var(--cs-color_link-hover);
}


.um-member-directory-filters-a a,
.um-clear-filters a
{
	color: #fff;
	margin: 0 !important;
	padding: 0.2rem 0.5rem !important;
}


.um-member-directory-filters-a .um-faicon-caret-down:before,
.um-member-directory-filters-a .um-faicon-caret-up:before
{
	color: #fff;
	padding-right: 0.5rem;
}

.um-member-directory-filters-a a:before
{
	content: '\f0b0';
	
	font-family: 'FontAwesomePro';
	font-weight: 900;
	
	color: #fff;

}


.um-members-filter-tag
{
	font-size: 1rem !important;
	font-weight: 800;
	border: 1px solid var(--cs-color_schwarzrot);
	color: var(--cs-color_link-hover);
}

.um-members-filter-tag strong
{
	font-size: 0.8rem !important;
	color: var(--cs-color_body-font);
}


.um-members-filter-tag:before
{
	content: '\f0b0';
	
	font-family: 'FontAwesomePro';
	font-weight: 900;
	
	margin-right: 0.5rem;


}








.um-directory .um-members-wrapper .um-members.um-members-grid .um-member
{
	width: 24%;
	margin-top: 40px;
	background-position: center top;
	background-size: cover;
	border-radius: 5px;
	background-color: var(--cs-color_dunkelrot);
	
	
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.active		{	background-image: url('/wp-content/themes/pro-child/images/ms_aktiv.jpg');}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive	{	background-image: url('/wp-content/themes/pro-child/images/ms_inaktiv.jpg');}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.deceased	{	background-image: url('/wp-content/themes/pro-child/images/ms_verstorben.jpg');}


.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member	{	width: 24%;					margin-bottom: 25px;}
.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member	{	width: calc(98% / 3);	margin-bottom: 20px;}
.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-member	{	width: calc(99% / 2);	margin-bottom: 15px;}
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member	{	width: calc(99% / 2);	margin-bottom: 10px;}


.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer				{	width: 1%;	}
.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer	{	width: 1%;	}
.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer	{	width: 1%;	}
.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer	{	width: 1%;	}
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer	{	width: 1%;	}


/*
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.um-no-cover .um-member-cover { height: 60px !important; }
.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member.um-no-cover .um-member-cover { height: 50px !important; }
.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-member.um-no-cover .um-member-cover { height: 45px !important; }
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member.um-no-cover .um-member-cover { height: 40px !important; }
*/

/* Korrektur Avatar wenn Cover vorhanden */
/*
.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-member.um-has-cover .um-member-photo a img
{
	top: -15px;
	margin-bottom: -25px;
}


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover
{
	background-image: url('/wp-content/themes/pro-child/images/um-cover.jpg');
	background-position: center center;
	background-size: cover;

}

*/


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img				{	width: 60%;	height: 60%; }
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img	{	width: 70%;	height: 70%; }

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img:hover	
{
	box-shadow: 0px 0px 0px 0.5rem var(--cs-color_link-hover) !important;
}



.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img		{	border-width: 4px;	}
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img		{	border-width: 3px;	}



.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card
{
	position: relative;
	padding: 0.5em 0.5rem 1em 0.5em;
	
	text-shadow: 1px 1px 3px #000000d8;
	
	z-index: 10;
} 


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a,
.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a,
.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a,
.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a,
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a
{
	font-size: 1.2rem;
	line-height: 1.1rem;
	
	margin-bottom: 0.5rem;

	color: #fff;
}


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a:hover
{
	background-color: var(--cs-color_link-hover);
	outline: 5px solid var(--cs-color_link-hover) !important;
}


.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline
{
	color: var(--cs-color_body-back);
	font-size: 0.9rem;
	line-height: 1rem;
}


.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a,
.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline

{
	hyphens: auto;
}



.um-members-grid .bhstein_um_member_bg_cover_photo
{
	position: absolute;
	height: 100%;
	width: 100%;
	
	opacity: 0.33;

	background-size: cover;
	background-position: center center;
	
	filter: blur(1px) brightness(0.8);
	mix-blend-mode: luminosity;
	

}





.um-bhstein-stat
{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}


.um-stat-autor,
.um-stat-regie,
.um-stat-musik,
.um-stat-liedtexte,
.um-stat-rollen,
.um-stat-backstage
{
	width: auto;
		
	border: 1px solid #76162c;
	border-radius: 5px;
	
	color: #ddd;   
	background-color: var(--cs-color_dunkelrot);
		
	margin: 1rem 1px 1px;
	padding: 0.2rem 0.6rem;
	
	font-size: 0.9rem;
	line-height: 1.3rem;
	
	box-shadow: 0 0 5px rgb(0 0 0 / 27%);
}

.um-bhstein-stat .um-stat-autor:hover,
.um-bhstein-stat .um-stat-regie:hover,
.um-bhstein-stat .um-stat-musik:hover,
.um-bhstein-stat .um-stat-liedtexte:hover,
.um-bhstein-stat .um-stat-rollen:hover,
.um-bhstein-stat .um-stat-backstage:hover
{
	background-color: var(--cs-color_link-hover);
	border-color: rgb(98 138 181);
}




.um-stat-autor i:before,
.um-stat-regie i:before,
.um-stat-musik i:before,
.um-stat-liedtexte i:before,
.um-stat-rollen i:before,
.um-stat-backstage i:before
{
	font-family: 'FontAwesomePro' !important;
	font-weight: 900;
}

.um-stat-autor i:before			{ content: "\f52d"; }
.um-stat-regie i:before			{ content: "\f6a4"; }
.um-stat-musik i:before			{ content: "\f001"; }
.um-stat-liedtexte i:before	{ content: "\f8b0"; }
.um-stat-rollen i:before		{ content: "\f630"; }
.um-stat-backstage i:before	{ content: "\f52b"; }





.um-members-pagidrop
{
	display: none !important;
}


.um-directory.uimob500 .um-members-pagination-box .um-members-pagi,
.um-directory.uimob340 .um-members-pagination-box .um-members-pagi
{
	display: flex;
	flex-wrap: wrap;
	padding: 0 14px;
}




/* --- Account -------------------------------------------------------------------------------------------------- */

table.um-tab_comment-list th
{
	border-top: none;
	font-weight: bold;
	border-bottom: 1px solid black;
}

table.um-tab_comment-list td
{
	vertical-align: top;
}

table.um-tab_comment-list q
{
	display: block;
	font-style: italic;
	font-size: 0.8em;

	margin-bottom: 0.5rem;
	margin-left: 0.5rem;
}

table.um-tab_comment-list .comment_approved_0,
table.um-tab_comment-list .comment_approved_hold
{
	background-color: rgba(255, 128, 0, 0.1);
}





.bh-punkte-table th
{
	border-top: none;
	border-bottom: 1px solid grey;

}


.bh-punkte-table td
{
	border-top: none;
	border-bottom: 1px dashed grey;

}


.bh-punkte-table .result td
{
	border-top: 1px solid grey;
	border-bottom: none;
}

.bh-punkte-table .title
{
	font-family: 'oswald-local';
}










/* --- Profil -------------------------------------------------------------------------------------------------- */


.um.um-profile
{
	margin-bottom: 0 !important;
	padding-bottom: 3vh !important;
}

.um-profile
{
	max-width: none !important;
}


/* Easter Egg für Benutzer mit Geburtstag */
.um-profile.user-birthday
{
	background-image: url("/wp-content/themes/pro-child/images/confetti_animation.gif");
   background-size: 50% auto;
}


.um-profile .um-form
{
	max-width: 1200px;
	margin: 0 auto;
	background-color: rgb(243 243 243 / 80%);
	backdrop-filter: blur(5px);
}


.bhstein-profil-memberinfo a			{	color: #fff; padding: 0.1rem;}
.bhstein-profil-memberinfo a:hover	{	color: var(--cs-color_link-hover); background-color: #fff; }



.portfolio-autor	   h5:before,
.portfolio-regie	   h5:before,
.portfolio-musik	   h5:before,
.portfolio-liedtexte h5:before,
.portfolio-rolle	   h5:before,
.portfolio-backstage h5:before
{
	display: inline-block;
	font-family: 'FontAwesomePro';
	font-weight: 900;
	
	font-size: 0.9em;
	
	margin-right: 0.5rem;
	transform: translateY(-0.2rem);
}


.portfolio-autor		h5:before	{ content: "\f52d"; }
.portfolio-regie		h5:before	{ content: "\f6a4"; }
.portfolio-musik		h5:before	{ content: "\f001"; }
.portfolio-liedtexte	h5:before	{ content: "\f8b0"; }
.portfolio-rolle		h5:before	{ content: "\f630"; }
.portfolio-backstage	h5:before	{ content: "\f52b"; }





/* --- Mitglieder und Statuse --- */

.profile_role_administrator,
.profile_role_um_regiekreis,
.ms-status-aktiv,
.ms-status-inaktiv,
.ms-status-verstorben
{
	width: -moz-fit-content;
	width: fit-content;
	
	padding: 0 0.5rem;
	border-radius: 5px;
	margin: 0 0.3rem;
}




.profile_role_administrator,
.profile_role_um_regiekreis
{
	background-color: var(--cs-color_regiekreis);
	color: #fff;
	border-radius: 5px;
	border: 2px solid #b9096d;
}

.profile_role_administrator
{
	background-color: red;
	border: 2px solid #b80000;
}



.profile_role_um_regiekreis .um-role-name:before
{
	font-family: 'FontAwesomePro';
	font-weight: 900;
	
	margin-right: 1em;

	content: '\f6a4';
}


.ms-status-aktiv			{border: 2px solid green; color: green;}
.ms-status-inaktiv		{border: 2px solid grey; color: grey;}
.ms-status-verstorben	{border: 2px solid black; color: black;}


/* Punkte Tabelle unter Konto */
.bh-punkte-table { margin-top: 1rem; }
.bh-punkte-table th
{
	border-top: none;
	border-bottom: 1px double black;
}

.bh-punkte-table tr:nth-child(odd) td	{	background-color: rgb(0 0 0 / 3%);}
.bh-punkte-table .result td
{
	background-color: transparent !important;
	border-top: 1px double black;
}

.bh-punkte-table td.bh-punkte
{
	text-align: right;
}






	
	
	
/* --- Profil Portfolio ---------------------------------------------------------------------------------------- */

/* Der nocover-spacer korrigiert die Position des Profils nach unten, weil wir den Cover-Bereich bei fehlenden Cover-Bild entfernt haben! */
				.um-nocover-spacer { margin-top: 120px; }
.uimob960 	.um-nocover-spacer { margin-top: 80px;  }
.uimob800 	.um-nocover-spacer { margin-top: 80px;  }
.uimob500 	.um-nocover-spacer { margin-top: 50px;  }
.uimob340 	.um-nocover-spacer { margin-top: 50px;  }



.um-header
{
	border-bottom: none;
}


/* Profil Hauptnavigationsleiste */
.um-profile-nav
{
	display: flex;
	justify-content: center;
	background: transparent;
	

	border-bottom: 1px dashed rgb(50, 50, 50);	
}



/* Icon für die benutzerdefinierte Registerkarte Portfolio beim Profil */
.um_portfolio_icon:before
{
	font-family: 'FontAwesomePro';
	font-style: normal;
	
	content: "\f630";

}


.um-profile-nav .title
{
	margin-left: 0.5rem;
}


.um-profile-body
{
	width: 95%;
}

.um-profile-portfolio-container
{
	display: flex;
	flex-wrap: wrap;
}

.um-profile-portfolio-container .portfolio-stack
{
	flex-grow: 1;
	padding: 1em;
/* 	border: 1px solid red; */
}


.portfolio-element
{
	font-size: 1rem;
}


.portfolio-element-icon:before
{
	font-family: 'FontAwesomePro';
	font-weight: 400;
	font-style: normal;
	font-size: 0.5rem;
	
	height: 1rem;
	
	content: "\f111";
	margin-right: 0.5rem;
}

.um-profile-body.posts .um-ajax-items
{
	display: flex;
	flex-wrap: wrap;
}



.um-profile-body.posts .um-item
{
	border-bottom: 1px dashed grey;
	margin: 0 1rem;
   flex: 1 1 300px;
}



.um-profile-body.posts .um-item a,
.portfolio-element .portf-title
{
	font-family: 'oswald-local';
	font-weight: 600;
}

.um-profile-body.posts .um-item a
{
	border: none;
	padding: 0;
	
	color: var(--cs-color_link);
}

.um-profile-body.posts .um-item a img
{
	border-radius: 0;
}


.um-profile.um-viewing .um-field-label
{
	border-bottom: 1px solid rgb(50, 50, 50);
}


.bhstein-profil-memberinfo .um-field-label 
{
	border-bottom: 1px solid rgba(250, 250, 250, 1) !important;
}



	
/* --- Rollen Stil ----------------------------------------------------------------------------- */

/* Konto Seite */
.um-page-account .um-role-administrator .um-avatar		{	border: 5px solid red;}
.um-page-account .um-role-um_regiekreis .um-avatar		{	border: 5px solid var(--cs-color_regiekreis);}

/* Profil Seite */

.um-profile-header-bh
{
	display: flex;
	justify-content: center;
	padding: 0.5rem 0;
}



/* Mitgliederliste */
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.um-role-administrator .um-member-photo a img	{	border-color: red; }
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.um-role-um_regiekreis .um-member-photo a img	{	border-color: var(--cs-color_regiekreis); }

.um-directory .um-members-wrapper .um-members.um-members-list .um-member.um-role-administrator .um-member-card-container .um-member-photo a img		{	border: 5px solid red;}
.um-directory .um-members-wrapper .um-members.um-members-list .um-member.um-role-um_regiekreis .um-member-card-container .um-member-photo a img		{	border: 5px solid var(--cs-color_regiekreis);}

/* Einzelnes Profil */
.um-role-administrator .um-profile-photo a.um-profile-photo-img	{	border: 5px solid red !important;  /* Important weil auch UM importent verwendet ! */}
.um-role-um_regiekreis .um-profile-photo a.um-profile-photo-img	{	border: 5px solid var(--cs-color_regiekreis) !important;  /* Important weil auch UM importent verwendet ! */}





/* --- Ultimate Member Online Plugin -------------------------------------------------------------------- */

.um-online-user .um-online-pic a:hover {box-shadow: 0 0 5px 5px var(--cs-color_link-hover);}


.um-online-user.administrator .um-online-pic a		{	outline: 2px solid red !important;}
.um-online-user.um_regiekreis .um-online-pic a		{	outline: 2px solid var(--cs-color_regiekreis) !important;}

.um-online-user.administrator .um-online-pic a:hover {box-shadow: 0 0 5px 5px red;}