/* ================================================================= */
/* ULTIMATE MEMBER CUSTOM CSS */
/* ================================================================= */

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

.um-field-checkbox:hover {
	cursor: pointer;
}

.um-form {
	width: 90%;
	margin: auto;
}

.um-half {
	width: 100% !important;
}

.um .um-left {
	float: none;
	margin: auto;
}

.um-right {
	display: none !important;
}

.entry-content .um-profile-nav-item a {
	float: none;
	padding: var(--inputPadding);
	font-size: var(--inputTxt);
	margin-left: 0;
	border-radius: 0;
}

.entry-content .um-profile-nav-item i {
	line-height: 25px;
}

.entry-content .um .um-field-label {
	color: var(--txtCol);
}

.entry-content .um .um-field-label label {
	font-size: var(--body) !important;
	font-weight: var(--bld);
	min-width: 135px;
	line-height: normal !important;
}

.entry-content .um .um-form input[type="text"], 
.entry-content .um .um-form input[type="password"] {
	color: var(--inputColor) !important;
	background: var(--inputBG) !important;
	border: var(--inputBorder) !important;
	border-radius: var(--inputRadius) !important;
	-webkit-box-shadow: var(--inputBoxShadow) !important;
	        box-shadow: var(--inputBoxShadow) !important;
	height: var(--inputHeight) !important;
	width: var(--inputWidth) !important;
	-webkit-transition: var(--inputTransition) !important;
	-o-transition: var(--inputTransition) !important;
	transition: var(--inputTransition) !important;
	padding: var(--inputPadding) !important;
	font-size: var(--inputTxt) !important;
}

.entry-content .um .um-form input[type="text"]:focus, 
.entry-content .um .um-form input[type="password"]:focus {
	border: var(--inputBorderFOCUS) !important;
	-webkit-box-shadow: var(--inputBoxShadowFOCUS) !important;
	        box-shadow: var(--inputBoxShadowFOCUS) !important;
	background: var(--inputBGFOCUS) !important;
}

.um input[type="submit"].um-button, .um-request-button {
	font-size: var(--buttonTxtLrg) !important;
	font-weight: var(--bld) !important;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-pack: center !important;
	    -ms-flex-pack: center !important;
	        justify-content: center !important;
	-webkit-box-align: center !important;
	    -ms-flex-align: center !important;
	        align-items: center !important;
	background-color: var(--button) !important;
	color: var(--txtColAlt) !important;
	padding: var(--buttonPadding) !important;
	text-decoration: none !important;
	-webkit-transition: var(--inputTransition) !important;
	-o-transition: var(--inputTransition) !important;
	transition: var(--inputTransition) !important;
	height: var(--buttonHeight) !important;
	border: 0 !important;
	border-radius: 0 !important;
	-webkit-box-sizing: border-box !important;
	        box-sizing: border-box !important;
}

.um-request-button:hover,
.um-request-button:focus,
.um-request-button:active {
	background-color: var(--buttonHOVER) !important;
}

.um input[type="submit"].um-button:hover,
.um input[type="submit"].um-button:focus,
.um input[type="submit"].um-button:active {
	background-color: var(--buttonHOVER) !important;
	cursor: pointer !important;
}

.um input[type="submit"].um-button:focus {
	height: var(--buttonHeight) !important;
}

.um .um-tip:hover, .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-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 .um-profile-subnav a.active, 
.um .um-item-meta a, 
.um-account-name a:hover, 
.um-account-nav a.current, 
.um-account-side li a.current span.um-account-icon, 
.um-account-side li a.current:hover span.um-account-icon, 
.um-dropdown li a:hover, 
i.um-active-color, 
span.um-active-color {
	color: var(--bdpCol) !important;
}

.um .um-field-group-head, 
.picker__box, 
.picker__nav--prev:hover, 
.picker__nav--next:hover, 
.um .um-members-pagi span.current, 
.um .um-members-pagi span.current:hover, 
.um .um-profile-nav-item.active a, 
.um .um-profile-nav-item.active a:hover,
.um-modal-header, 
.um-modal-btn, 
.um-modal-btn.disabled, 
.um-modal-btn.disabled:hover, 
div.uimob800 .um-account-side li a.current, 
div.uimob800 .um-account-side li a.current:hover {
	background: var(--bdpCol) !important;
}

/* Hides unwanted account content that links to user page */
/* 16.08.22 */
.um-account-meta {
	display: none !important;
}

/* Match font size to other content */
/* 16.08.22 */
.um-field-error, 
.um-account-main div.um-account-heading, 
.um-account-side * {
	font-size: var(--body) !important;
}

/* 16.08.22 */
.um input[type="submit"].um-button, 
.um-request-button {
	text-transform: uppercase !important;
}

/* 06.11.22 */
.um-page-login .um-login.um,
.um-page-password-reset .um-password.um {
	max-width: 500px;
}

/* 20.08.22 */
.um-login .um-field-c {
	display: inline-block;
}

/* 20.08.22 */
.um-login .um-field-checkbox:not(.um-field), 
.um-login .um-field-radio:not(.um-field) {
	margin: 25px 0;
}

/* 06.11.22 */
.um-login .um-row._um_row_1 {
	margin: 0 0 25px 0;
}

/* 06.11.22 */
.um-login .um-field-checkbox .um-field-checkbox-option,
.um-field-checkbox-state i {
	transition: var(--inputTransition);
	/* To match default WP. */
	color: #50575e !important;
}

/* 06.11.22 */
.um-login .um-field-checkbox:hover,
.um-login .um-field-checkbox:focus,
.um-login .um-field-checkbox:active,
.um-login .um-field-checkbox:hover .um-field-checkbox-option,
.um-login .um-field-checkbox:focus .um-field-checkbox-option,
.um-login .um-field-checkbox:active .um-field-checkbox-option {
	color: var(--buttonHOVER) !important;
}

/* 06.11.22 */
.um-login a.um-link-alt {
	color: var(--button) !important;
}

/* 06.11.22 */
.um-login a.um-link-alt:hover,
.um-login a.um-link-alt:focus,
.um-login a.um-link-alt:active {
	text-decoration: none !important;
	color: var(--buttonHOVER) !important;
}

/* 06.11.22 */
.um-login .um-center .um-button,
.um-password .um-center .um-button {
	width: 100% !important;
}

/* 06.11.22 */
/* 18.12.22 - Causes password reset text to be hidden, disabled. */
.um-password .um-field-block {
	line-height: normal;
}

/* 08.11.22 */
.um.um-login {
	margin-bottom: 0 !important;
}

/* 02.04.23 */
.um.um-login p.um-notice i {
	top: 2px;
}

/* 02.04.23 */
.um.um-login {
	margin-top: 20px;
	margin-left: 0;
	padding: 26px 24px 34px;
	font-weight: 400;
	overflow: hidden;
	background: #fff;
	border: 1px solid #c3c4c7;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

/* 02.04.23 */
.um .um-form {
	width: 100%;
}

/* 02.04.23 */
.um .um-field-username {
	padding: 0;
}

/* 03.04.23 */
.um-login .um-col-alt {
	margin: 15px 0 0 0;
}

/* 03.04.23 */
.um-field-checkbox-option {
	margin: 0px 0px 0px 28px !important;
}

.um-login .um-center .um-button {
	min-width: 150px !important;
}

/* 04.07.23 */
.um p.um-notice {
	margin: 0px 0 12px 0 !important;
	font-size: var(--body) !important;
}
